您的位置：首页 > Web前端 > JavaScript

tmodjs+artTemplate用法，简单的实例

2017-03-03 17:04 351 查看

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

npm install -g tmodjs  //-g是全局安装

新建文件夹tpl用于存放模板文件，名字随便啦

cmd进入到该文件，输入tmod,tpl文件下会生成一个package.json配置文件

打开文件，进行配置

关于package.json字段：

output：输出文件位置；

type：输出的模块类型；

其它字段看下边的表格就好。滋滋滋~~~~

[/code]


字段	类型	默认值	说明
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设置)中[/code]

在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[/code]

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： template tmodjs node

相关文章推荐

新的分享

章节导航