art_template模板引擎渲染數據的小方法

KavenFan 發布于2019-08-26 11:34 / 3138人閱讀

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內容不轉義，就達到了目標。

頁面效果如下：

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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