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

以前写前端时,模板引擎是自己实现的一个简单方法。现在有了越来越多的开源产品,遂决定选定一种取代自己的模板引擎。大致挑选一下,决定使用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)




你可能感兴趣的:(JavaScript,js,前端,模板引擎)