FreeMarker list 顯示 JSON 迴圈資料的範例

74 / 100

freemarker list 顯示 JSON 迴圈資料的範例


FreeMarker 是一個基於 Java 的模板引擎,在 Freemarker 在 Spring boot 上的配置並加入 Spring Security Tag 與 Spring Boot 使用 Freemarker 開發 Java Tag 客製標籤 分別有說明在 Spring Boot 中該如何設定與引入使用。

資料常會有迴圈需要顯示,例如下面的 JSON 資料。

"Education" : {"cssiCon":"fas fa-book mr-1","value":"B.S. in Computer Science from the University of Tennessee at Knoxville"},
"Location" : {"cssiCon":"fas fa-map-marker-alt mr-1","value":"Taipei, Taiwan"},
"Skills" : {"cssiCon":"fas fa-pencil-alt mr-1","value":"UI Design, Coding, Javascript, PHP, Node.js"},
"Notes" : {"cssiCon":"far fa-file-alt mr-1","value":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam fermentum enim neque."}}

當上面的資料由後台回傳在 aboutMe 的變數中,若要取得 Education, Location, Skills, Notes 這些主要關鍵的資料時,使用 freemarker list方法如下:

<#if aboutMe??>
  <#list aboutMe as Key, value>                  
 <#list value as k,v>
  <#if k=="cssiCon">
     <strong><i class="${v}"></i> ${Key}</strong>
  <#if k=="value">                           
     <p class="text-muted">${v}</p>