artTemplate.js简单实例

<script src="../js/common/template.js"></script>
<script src="../js/common/jquery-1.9.1.min.js"></script>

<script  id="test" type="text/html">
    <table>
        <thead>
        <tr>
            <th>名字</th>
            <th>年龄</th>
            <th>Email</th>
        </tr>
        </thead>
        <tbody>
        {{each}}
        <tr>
            <td>名字是：{{$value.name}}</td>
            <td>年龄：{{$value.age}}</td>
            <td>Email：{{$value.email}}</td>
        </tr>
        {{/each}}
        </tbody>
    </table>
</script>
<script>
    $(document).ready(function() {
        var data = [
            {'name': "vivian", "age|18-25": 2, "email": "vvv"},
            {"name": "Jason", "age": 17, "email": "bbbb"},
            {"name": "Elliotte", "age": 23, "email": "cccc"}
        ];
        var html = template('test', data);

        $('body').append(html);
    });
</script>

结果：  

参考：https://github.com/aui/artTemplate