nodejs+artTemplate用法,简单的实例

来源:互联网 发布:淘宝返还网 编辑:程序博客网 时间:2024/06/01 14:35

关于nodejs和artTemplate的这里不做介绍了,网上已经有很全面的介绍了,这里写个实例,上代码

安装nodejs

npm install -g tmodjs  //-g是全局安装
新建文件夹tpl用于存放模板文件,名字随便啦
cmd进入到该文件,输入tmod,tpl文件下会生成一个package.json配置文件
打开文件,进行配置
关于package.json字段:
output:输出文件位置;
type:输出的模块类型;
其它字段看下边的表格就好。滋滋滋~~~~
字段类型默认值说明outputString"./build"编译输出目录位置charsetString"utf-8"模板使用的编码(暂时只支持 utf-8)syntaxString"simple"定义模板采用哪种语法。可选:simplenativehelpersStringnull自定义辅助方法路径escapeBooleantrue是否过滤 XSS。如果后台给出的数据已经进行了 XSS 过滤,就可以关闭模板的过滤以提升模板渲染效率compressBooleantrue是否压缩 HTML 多余空白字符typeString"default"输出的模块类型,可选:defaultcmdamdcommonjsruntimeString"template.js"设置输出的运行时名称aliasStringnull设置模块依赖的运行时路径(仅针对于非default的类型模块配置字段。如果不指定模块内部会自动使用相对 runtime 的路径)comboBooleantrue是否合并模板(仅针对于 default 类型的模块)minifyBooleantrue是否输出为压缩的格式cacheBooleantrue是否开启编译缓存

配置好文件后,接下来就是写一个简单例子喽,在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
0 0
原创粉丝点击