使用 XTemplate 预编译机制

author: 承玉

Refer

API

Demo

运行

将模板写入单独的模板文件,然后用 kissy-nodejs 的 kissy-xtemplate 命令生成对应的模板函数。 不仅有利于代码的清晰,更省去了客户端生成模板函数的消耗,例如

x.xtpl.html:

<div>
    {{title}}
</div>

运行命令: kissy-xtemplate -p ./ -w 后生成模板函数. (-w 表示监控包目录内的 tpl 文件变化, -n 表示包名, -p 表示对应包所在的目录)

x.js:

KISSY.add(function(){
    return function(){
      // ...
    };
});

Note

kissy-xtemplate 安装步鄹:

  1. npm install -g kissy@1.4.7-1

使用

注意 XTemplate 的第一个参数可以是预先生成的函数,那么当由第一步生成模板后, 直接 new 并 render 即可。 例如

KISSY.use('xtemplate/runtime,tests/x',function(S,XTemplate,tpl){
    var data={
        title: 'm'
    };
    alert(new XTemplate(tpl).render(data)); // => '<div>m</div>'
});