JavaWeb之EJS

最新推荐文章于 2023-09-11 08:45:54 发布

Kiss龙先生

最新推荐文章于 2023-09-11 08:45:54 发布

阅读量943

点赞数 1

CC 4.0 BY-SA版权

分类专栏：技术之路文章标签： java web ejs

本文链接：https://blog.csdn.net/LONGLIN1996/article/details/78325969

技术之路专栏收录该内容

27 篇文章

订阅专栏

EJS模版使用

构造模版

//id为模版名,方便选中
<script id="users" type="text/template">
      <%
data.forEach(function(item){
    %><tr>
        //item.seckill_id为取值。item为json对象
        <td><%=item.seckill_id  %></td>
        <td><%=item.name  %></td>
        <td><%=item.number  %></td>
        //:是为过滤器取值 | 过滤器名称 可以对值进行过滤
        <td><%=:item.create_time | date %></td>
        <td><%=:item.start_time | date %></td>
        <td><%=:item.end_time | date %></td>
        <td><a class="btn btn-default" href="Sel?method=del&id=<%=:item.seckill_id %>">删除</a></td>
        <td><a class="btn btn-default" href="update.html?id=<%=:item.seckill_id  %>">编辑</a></td>
    </tr><%
});

%>
</script>

调用模版并组装数据

//获取到模版的内容
var users = document.getElementById('users').innerHTML;
//进行组装
var html = ejs.render(users, { data: data });
//模版替换
document.getElementById("seckill").innerHTML=html;

自定义过滤器

//date为过滤器名
 ejs.filters.date = function(date) {
    if(typeof(date)=="number"){
            date=new Date(date);
        }
    if(!date)return "";
        else return date.Format("yyyy-MM-dd");
};