本篇文章给大家带来的内容是关于javascript的模板引擎art-template常用操作介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
art-template
javascript 模板引擎，官网：https://github.com/aui/art-template
分为原生语法和简洁语法，本文主要是讲简洁语法
基础数据渲染
输出HTML
流程控制
遍历
调用自定义函数方法
子模板引入
基础数据渲染
一、引入art-template.js文件
立即学习“Java免费学习笔记（深入）”；
二、编写HTML模板
三、向模板插入数据，并输出到页面
var data = {
title:"hello world"
};
var html = template("test",data);
document.getElementById('content').innerHTML = html;输出HTML
//注意：{{title}}这是对内容编码输出，应该写成{{#title}}这是对内容不编码输出
var data = {
title:"hello world
NetShop网店系统
NetShop软件特点介绍： 1、使用ASP.Net(c#)2.0、多层结构开发 2、前台设计不采用任何.NET内置控件读取数据，完全标签化模板处理，加快读取速度3、安全的数据添加删除读取操作，利用存储过程模式彻底防制SQL注入式攻击4、前台架构DIV+CSS兼容IE6,IE7,FF等，有利于搜索引挚收录5、后台内置强大的功能，整合多家网店系统的功能，加以优化。6、支持三种类型的数据库：Acces
下载
"
};
var html = template("test",data);
document.getElementById('content').innerHTML = html;流程控制语句（if else）
{{if value}}
...
{{else if value}}
...
{{else}}
...
{{/if}}art-template里面的流程控制就相对其他模板来说强大很多了，直接看例子吧
嵌套的写法
循环遍历语句
{{each name}}
索引：{{$index}}
值：{{$value}}
{{/each}}调用自定义方法
通过template.helper(name,fnCallBack)注册方法
可以直接在{{}}中调用
调用子模板
{{include 'main'}} 引入子模板，数据默认为共享
{{include 'main' a}} a为制定数据，但是同样必须是父级数据，可以看看下面的例子，如果不注入的a的话，引入的子模板是接受不到数据的
