English | 简体中文
NodeTpl v4.x 抢先体验

30 秒认识 nodetpl

前端模板已经到了“泛滥”的地步,各种模板层出不穷,nodetpl 是怎么做到优雅极致的呢?

nodetpl 约定一个模板是一个独立模块,该模块本身应当能够书写模板级的 css 以及 js 交互,并且不会与外界有任何冲突,这样才能更好地做好分离与复用。

与其他几乎所有模板引擎不同的是,nodetpl 提倡 “高内聚”、“低耦合” 的开发模式,模板即是一个完全独立的模块,可以携带自身 cssjs 用在任何地方而不受约束,这一点,其他模板引擎很难能够完美支持,这也是为什么国内许多大型互联网站点采用 nodetpl 作为模板引擎的原因。

数据层 模板层 渲染结果

渲染指定模板代码:

nodetpl.render(code, data, function(d){
  // alert(d);
});

渲染指定模板文件:

nodetpl.get(url, data, function(d){
  // alert(d);
});

AMD / CMD / ES6 / Node.js:

var tpl = require('path/of/tpl');
var html = tpl.render(data);
// html

试一试

演示案例中的对话框组件,也是作者的开源项目之一,感兴趣的朋友可以详细了解:vdialog

为什么选择 nodetpl ?

互动

特别感谢