关于nodejs和artTemplate的这里不做介绍了,网上已经有很全面的介绍了,这里写个实例,上代码
安装nodejs
npm install -g tmodjs //-g是全局安装
新建文件夹tpl用于存放模板文件,名字随便啦
cmd进入到该文件,输入tmod,tpl文件下会生成一个package.json配置文件
打开文件,进行配置
关于package.json字段:
output:输出文件位置;
type:输出的模块类型;
其它字段看下边的表格就好。滋滋滋~~~~
字段 | 类型 | 默认值 | 说明 |
---|---|---|---|
output | String | "./build" | 编译输出目录位置 |
charset | String | "utf-8" | 模板使用的编码(暂时只支持 utf-8) |
syntax | String | "simple" | 定义模板采用哪种语法。可选:simple 、native |
helpers | String | null | 自定义辅助方法路径 |
escape | Boolean | true | 是否过滤 XSS。如果后台给出的数据已经进行了 XSS 过滤,就可以关闭模板的过滤以提升模板渲染效率 |
compress | Boolean | true | 是否压缩 HTML 多余空白字符 |
type | String | "default" | 输出的模块类型,可选:default 、cmd 、amd 、commonjs |
runtime | String | "template.js" | 设置输出的运行时名称 |
alias | String | null | 设置模块依赖的运行时路径(仅针对于非default 的类型模块配置字段。如果不指定模块内部会自动使用相对 runtime 的路径) |
combo | Boolean | true | 是否合并模板(仅针对于 default 类型的模块) |
minify | Boolean | true | 是否输出为压缩的格式 |
cache | Boolean | true | 是否开启编译缓存 |
配置好文件后,接下来就是写一个简单例子喽,在tpl文件下新建,index.tpl文件
<div>名字是:{{name}}</div>
再就是使用写好的模板了,
若package.json中type为default ,所有的模板文件会到一个
template.js(runtime设置)中
在js中引入该template.js
var data={};
data.name='test';
var html = template('testtpl',data);
$('body').append(html);
若package.json中type为amd或其他模式,每个tpl文件会生成一个*.js文件js中引入testtpl.js
var testtpl = common/tpl/testtpl;
var html = testtpl(data);
好了,一个简单的实例,就这样吧~~~~~~~
若package.json中type为amd或其他模式,每个tpl文件会生成一个*.js文件
js中引入testtpl.js