jetpl.js 是一款简单,好用的javascript模板引擎。 随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,jetpl也是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。 QQ群:516754269
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
js
stylesheets
README.md
index.html

README.md

jetpl.js

快速上手

编写模板

使用一个type="text/html"script标签存放模板:

<script id="test" type="text/html">
{% if (title){ %}
    {% for (var i=0;i<list.length;i++) { %}
        <div>{%= i %}. {%= list[i].user %}</div>
    {%}%>
    {%= name||"name is not found !" %}
{% } %}
</script>

渲染模板

  var data = {
      title: '标签',
      list: ['文艺', '博客', '摄影', '电影', '民谣', '旅行', '吉他']
  };
  var gethtml = document.getElementById('test').innerHTML
  
  jetpl(gethtml).render(data, function(html){
      document.getElementById('testid').innerHTML = html
  });

============ 查看演示

下载

============