tmodjs+artTemplate用法,简单的实例

关于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"定义模板采用哪种语法。可选:simplenative
helpersStringnull自定义辅助方法路径
escapeBooleantrue是否过滤 XSS。如果后台给出的数据已经进行了 XSS 过滤,就可以关闭模板的过滤以提升模板渲染效率
compressBooleantrue是否压缩 HTML 多余空白字符
typeString"default"输出的模块类型,可选:defaultcmdamdcommonjs
runtimeString"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
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值