arttemplate 模板引擎

[Zemo]

最近在学习arttemplate。现在完全不懂什么意思。
比如说：

<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags"%>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<div class="container">
<div style="margin-bottom:100px;text-align: center;vertical-align: middle;padding:40px">
<h3>spring mvc测试工程</h3>
</div>
<div>
<table class="table table-hover">
  <thead>
    <tr>
      <th>#</th>
      <th>Username</th>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
  	<c:forEach items="${users }" var="user">
    <tr>
      <td>${user.id }</td>
      <td>${user.loginName }</td>
      <td><a href="${ctx }/welcome/delete/${user.id}">删除</a></td>
    </tr>
    </c:forEach>
  </tbody>
</table>
</div>
</div>

我要把这个页面中运用进去arttemplate是要怎么做？要自己按照他的教程写一个*.js文件吗？

[Zemo]

这是API文档： 编写模板 使用一个type="text/html"的script标签存放模板：

<script id="test" type="text/html">
<h1><%=title%></h1>
<ul>
    <%for(i = 0; i < list.length; i ++) {%>
        <li>条目内容 <%=i + 1%> ：<%=list[i]%></li>
    <%}%>
</ul>
</script>

模板逻辑语法开始与结束的界定符号为<% 与%>，若<%后面紧跟=号则输出变量内容。 渲染模板

template.render(id, data)

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