# baidu Tempalte.js 模板引擎

语法

• 首先引入baiduTemplate.js

<script src="baiduTemplate.js"></script>

• 结构中随便写一个div标签

<div id="div1"></div>

• 创建模板

<script id="header" type="text/html">
    <h1>姓名：<%=name%></h1>
    <h1>年龄：<%=age%></h1>
    <ul>
        <%for (var i = 0; i < foods.length; i++) {%>
            <li><%=foods[i]%></li>
        <%}%>
    </ul>
</script>

• 数据（一般数据都是从后台获取回来）

var data = {
    name: "小明",
    age: "18",
    foods: [
        "蒸羊羔","蒸熊掌","再来一盆米饭"
    ]
}

• 生成代码片段并添加到标签div中

var html = baidu.template('header',data);
document.getElementById('div1').innerHTML = html;

baiduTemplate.js下载地址:
http://wangxiao.github.com/BaiduTemplate
里面有更详细的示例