art_template模板引擎渲染数据的小方法

KavenFan 发布于2019-08-26 11:34 / 3140人阅读

tips1：

json数据如下：

      "university": [
            "耶鲁大学",
            "马里兰艺术学院",
            "天普大学"
        ],

模板引擎遍历：

    {{each items.university as value index}}
         {{items.university[index]}}
    {{/each}}

经验：在使用模板引擎的时候不知道引擎还内置遍历的功能，自己造轮子写了一天才发现，用内置方法几行代码就搞定，在以后遇到需求的时候要先分解问题，然后再在网上找轮子，实在没有办法再自己造轮子，不然得累死。

tips2:
json中含有html标签，该如何解析到页面？

json格式如下:

 "standards": [
                    "TOEFL80-100+,
作品集",
                    "TOEFL80-100+,
作品集",
                    "TOEFL80-100+,
作品集"
                ]

需求是想在页面上br标签直接进行换行而不是现实为字符串，其实官方文档中已经给出了办法,叫做“原文输出”：

原文输出←点击此处可直达
标准语法:

原始语法:
<%- value %>
提示：原文输出语句不会对 HTML 内容进行转义处理，可能存在安全风险，请谨慎使用。
只需要在value前面加个@符号即可，它将会对json内容不转义，就达到了目标。

页面效果如下：

GPU云服务器云服务器 jsp 模板渲染引擎 js模板引擎数据绑定 js模板渲染ajax js 从新渲染方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107131.html

动态数据的表格页面展示

摘要：而由于没有后端的数据支持，所有的数据都在表格中展示，所以需要将表格中的数据转为数据，再通过读取，然后用模板引擎渲染到页面上。 showImg(https://segmentfault.com/img/bV3N8M?w=1574&h=692);如图所示，是一个动态的表格，内容数量不定第一层分类是专业大类的分类，第二层分类的国家的分类，第三层分类是具体专业名的分类（就是不同的色块栏），甚至...

joywek 2019-08-30 13:57 评论0 收藏0
动态数据的表格页面展示

摘要：而由于没有后端的数据支持，所有的数据都在表格中展示，所以需要将表格中的数据转为数据，再通过读取，然后用模板引擎渲染到页面上。 showImg(https://segmentfault.com/img/bV3N8M?w=1574&h=692);如图所示，是一个动态的表格，内容数量不定第一层分类是专业大类的分类，第二层分类的国家的分类，第三层分类是具体专业名的分类（就是不同的色块栏），甚至...

selfimpr 2019-08-26 11:42 评论0 收藏0
【视频列表页面】利用模板引擎动态渲染数据

摘要：项目需求自适应页面，兼容安卓，和。要求页面显示视频列表，点击列表中的图片和标题就可以播放视频，视频列表每页条，能翻页。本项目由于是需要大量的数据渲染以及后期的数据填充，所以决定使用模板引擎。同时使用了作为部分框架。使用作为视频弹窗。项目需求:自适应页面，兼容安卓，IOS和PC。要求页面显示视频列表，点击列表中的图片和标题就可以播放视频，视频列表每页5条，能翻页。 showImg(ht...

Kyxy 2019-08-02 16:01 评论0 收藏0
【视频列表页面】利用模板引擎动态渲染数据

摘要：项目需求自适应页面，兼容安卓，和。要求页面显示视频列表，点击列表中的图片和标题就可以播放视频，视频列表每页条，能翻页。本项目由于是需要大量的数据渲染以及后期的数据填充，所以决定使用模板引擎。同时使用了作为部分框架。使用作为视频弹窗。项目需求:自适应页面，兼容安卓，IOS和PC。要求页面显示视频列表，点击列表中的图片和标题就可以播放视频，视频列表每页5条，能翻页。 showImg(ht...

legendaryedu 2019-08-22 11:15 评论0 收藏0