JS 前端框架1 artTemplate前端js模板引擎

来源：互联网发布：不动产数据整合入库编辑：程序博客网时间：2024/05/18 02:04

以前写前端时，模板引擎是自己实现的一个简单方法。现在有了越来越多的开源产品，遂决定选定一种取代自己的模板引擎。大致挑选一下，决定使用artTemplate。

一、项目地址：

https://github.com/aui/artTemplate

二、使用方法：

参照官方写最简单的示例：

新建test.html，代码如下：

<html><body><script id="test" type="text/html"><h1>{{title}}</h1><ul>    {{each list as value i}}        <li>索引 {{i + 1}} ：{{value}}</li>    {{/each}}</ul></script><script>var data = {    title: '标签',    list: ['a', 'b', 'c', 'd', 'e', 'f', 'g']};var html = template('test', data);document.getElementById('content').innerHTML = html;</script></body></html>

三、其它语法：

{{if admin}}    {{include 'admin_content'}}    {{each list}}        <div>{{$index}}. {{$value.user}}</div>    {{/each}}{{/if}}

定义扩展函数：

template.helper(name, callback)

四、requirejs使用template

require.config({
baseUrl: "../",
urlArgs: "bust=" + (new Date()).getTime(),
paths: {
"art-template":'Js/template'
}
});

define(['art-template'],function(template){

var html=template('id',obj);

});

0 0