tpl.js首页、文档和下载 - JavaScript 模板引擎 - 开源中国社区

来源: tpl.js首页、文档和下载 – JavaScript 模板引擎 – 开源中国社区

一个轻量的(仅1kb),极速的JavaScript 模板引擎。

支持预编译,支持嵌入原生JavaScript语法,忽略不存在的变量,可直接在AMD、CMD以及全局环境中使用。

使用方法:

1.引入tpl.js

1
<script type="text/JavaScript" src="path/to/tpl.js"></script>

或者在Sea.js和Node.js中:

1
var tpl = require('path/to/tpl');

2.HTML模板

1
2
3
4
5
6
7
8
9
10
11
12
<div id="view"></div>
<script type="text/template" id="demo">
    <p>Hi, I'm <%=author%><%=anything%></p>
    <p>I can write:
    <%
        for(var i=0; i<languages.length; i++) {
            echo( (i===0?"":", ") + languages[i] );
        }
    %>
    </p>
</script>

3.执行渲染

1
console.log( tpl('#demo', {author: "Jony", languages:["javascript", "php", "shell"]}) );

结果为:

1
2
<p>Hi, I'm Jony</p>
<p>I can write: javascript, php, shell</p>

 

在线例子:http://niceue.github.io/tpl.js/

在线文档:https://github.com/niceue/tpl.js

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏