Skip to content

jetpl.js 是一款简单,好用的javascript模板引擎。 随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,jetpl也是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。 QQ群:516754269

gh-pages
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
js
 
 
 
 
 
 
 
 

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
  });

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

下载

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

About

jetpl.js 是一款简单,好用的javascript模板引擎。 随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,jetpl也是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃,并且充分利用 javascript 引擎特性,使得其性能无论在前端还是后端都有极其出色的表现。 QQ群:516754269

Resources

Releases

No releases published

Packages

No packages published