tmodjs+artTemplate用法,简单的实例

关于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" 定义模板采用哪种语法。可选:simplenative
helpers String null 自定义辅助方法路径
escape Boolean true 是否过滤 XSS。如果后台给出的数据已经进行了 XSS 过滤,就可以关闭模板的过滤以提升模板渲染效率
compress Boolean true 是否压缩 HTML 多余空白字符
type String "default" 输出的模块类型,可选:defaultcmdamdcommonjs
runtime String "template.js" 设置输出的运行时名称
alias String null 设置模块依赖的运行时路径(仅针对于非default的类型模块配置字段。如果不指定模块内部会自动使用相对 runtime 的路径)
combo Boolean true 是否合并模板(仅针对于 default 类型的模块)
minify Boolean true 是否输出为压缩的格式
cache Boolean true 是否开启编译缓存


配置好文件后,接下来就是写一个简单例子喽,在tpl文件下新建,index.tpl文件

名字是:{{name}}

再就是使用写好的模板了,
若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

你可能感兴趣的:(tempalte模板)