javascript
Spring Boot 最佳实践(三)模板引擎FreeMarker集成
一、FreeMaker介紹
FreeMarker是一款免費的Java模板引擎,是一種基于模板和數據生成文本(HMLT、電子郵件、配置文件、源代碼等)的工具,它不是面向最終用戶的,而是一款程序員使用的組件。
FreeMarker最初設計是用來在MVC模式的Web開發中生成HTML頁面的,所以沒有綁定Servlet或任意Web相關的東西上,所以它可以運行在非Web應用環境中。
發展史
FreeMarker第一版在1999年未就發布了,2002年初使用JavaCC(Java Compiler Compiler是一個用Java開發的語法分析生成器)重寫了FreeMarker的核心代碼,2015年FreeMarker代碼遷移到了Apache下。
GitHub地址:https://github.com/apache/freemarker
工作原理
FreeMarker模板存儲在服務器上,當有用戶訪問的時候,FreeMarker會查詢出相應的數據,替換模板中的標簽,生成最終的HTML返回給用戶,如下圖:
二、FreeMarker基礎使用
基礎使用分為3部分,這3部分組成了FreeMarker:
- 指令
- 表達式
指令是FreeMarker用來識別轉換的特殊標簽,表達式是標簽里具體的語法實現,其他部分是一些不好分類的模板。
2.1 指令
使用FTL(freemarker template language)標簽來調用指令。
指令速覽:
- assign
- attempt, recover
- compress
- escape, noescape
- flush
- ftl
- function, return
- global
- if, else, elseif
- import
- include
- list, else, items, sep, break
- local
- macro, nested, return
- noparse
- nt
- setting
- stop
- switch, case, default, break
- t, lt, rt
- visit, recurse, fallback
- 用戶自定義標簽
下來我們分別來看每個指令對應具體使用。
2.1.1 assign 代碼聲明
assign 分為變量和代碼片段聲明兩種。
2.1.1.1 變量聲明
可以是單變量聲明,或多變量聲明,下面是多變量聲明的示例:
<#assign name="adam" age=18 "sex"="man"> ${name} - ${age} - ${"sex"}單個變量的話,只寫一個就可以了。
2.1.1.2 代碼片段聲明
<#assign code><#list ["java","golang"] as c>${c}</#list> </#assign> ${code}其中 ${code} 是用來執行方法的,如果不調用話,代碼片段不會執行。
2.1.2 attempt, recover 異常指令
attempt(嘗試), recover(恢復)指令類似于程序的try catch,示例如下:
html
<#attempt>
i am ${name}
<#recover>
error name
</#attempt>
如果有變量“name”就會正常顯示,顯示“i am xxx”,如果沒有變量就會顯示“error name”。
2.1.3 compress 壓縮代碼移除空白行
<#compress>1 2 3 4 5test onlyI said, test only </#compress>1 2 3 4 5test onlyI said, test only效果如下:
對空白不敏感的格式,移除空白行還是挺有用的功能。
2.1.4 escape, noescape 轉義,不轉義
2.1.4.1 escape使用
<#escape x as x?html>${firstName}${lastName} </#escape>上面的代碼,類似于:
${firstName?html} ${lastName?html}Java代碼:
@RequestMapping("/") public ModelAndView index() {ModelAndView modelAndView = new ModelAndView("/index");modelAndView.addObject("firstName", "<span style='color:red'>firstName</span>");modelAndView.addObject("lastName", "lastName");return modelAndView; }最終的效果是:
2.1.4.2 “?html”語法解析
單問號后面跟的是操作函數,類似于Java中的方法名,html屬于內建函數的一個,表示字符串會按照HTML標記輸出,字符替換規則如下:
- < 替換為 <
- > 替換為 >
- & 替換為 &
- " 替換為 "
2.1.4.3 noescape使用
HTML代碼:
<#escape x as x?html><#noescape>${firstName}</#noescape>${lastName} </#escape>Java代碼:
@RequestMapping("/") public ModelAndView index() {ModelAndView modelAndView = new ModelAndView("/index");modelAndView.addObject("firstName", "<span style='color:red'>firstName</span>");modelAndView.addObject("lastName", "lastName");return modelAndView; }最終效果:
2.1.5 function, return 方法聲明
代碼格式:
<#function name param1 param2 ... paramN>...<#return returnValue>... </#function>- name 為方法名稱
- param1, param2,paramN 方法傳遞過來的參數,可以有無限個參數,或者沒有任何參數
- return 方法返回的值,可以出現在function的任何位置和出現任意次數
示例代碼如下:
<#function sum x y z><#return x+y+z> </#function>${sum(5,5,5)}注意:function如果沒有return是沒有意義的,相當于返回null,而function之中信息是不會打印到頁面的,示例如下:
<#function wantToPrint>這里的信息是顯示不了的 </#function><#if wantToPrint()??>Message:${wantToPrint()} </#if>“??”用于判斷值是否是null,如果為null是不執行的。如果不判null直接使用${}打印,會報模板錯誤,效果如下:
2.1.6 global 全局代碼聲明
語法如下:
<#global name=value> 或 <#global name1=value1 name2=value2 ... nameN=valueN> 或 <#global name>capture this </#global>global使用和assign用法類似,只不過global聲明是全局的,所有的命名空間都是可見的。
2.1.7 if elseif else 條件判斷
語法如下:
<#if condition>... <#elseif condition2>... <#elseif condition3>... ... <#else>... </#if>示例如下:
<#assign x=1 > <#if x==1>x is 1 <#elseif x==2>x is 2 <#else>x is not 1 </#if>2.1.8 import 引入模板
語法: <#import path as hash>
示例如下
footer.ftl 代碼如下:
<html> <head><title>王磊的博客</title> </head> <body> this is footer.ftl <#assign copy="來自 王磊的博客"> </body> </html>index.ftl 代碼如下:
<html> <head><title>王磊的博客</title> </head> <body> <#import "footer.ftl" as footer> ${footer.copy} </body> </html>最終輸出內容:
來自 王磊的博客2.1.9 include 嵌入模板
語法: <#include path>
示例如下
footer.ftl 代碼如下:
<html> <head><title>王磊的博客</title> </head> <body> this is footer.ftl <#assign copy="來自 王磊的博客"> </body> </html>index.ftl 代碼如下:
<html> <head><title>王磊的博客</title> </head> <body> <#include "footer.ftl"> </body> </html>最終內容如下:
this is footer.ftl2.1.10 list, else, items, sep, break 循環
2.1.10.1 正常循環
輸出1-3的數字,如果等于2跳出循環,代碼如下:
<#list 1..3 as n>${n}<#if n==2><#break></#if> </#list>注意:“1..3”等于[1,2,3]。
結果: 1 2
2.1.10.2 使用items輸出
示例如下:
<#list 1..3> <ul> <#items as n><li>${n}</li> </#items> </ul> </#list>2.1.10.3 sep 使用
跳過最后一項
<#list 1..3 as n>${n}<#sep>,</#sep> </#list>最終結果:1 , 2 , 3
2.1.10.4 數組最后一項
代碼如下:
<#list 1..3 as n>${n}<#if !n_has_next>最后一項</#if> </#list>使用“變量_has_next”判斷是否還有下一個選項,來找到最后一項,最終的結果:1 2 3 最后一項
2.1.11 macro 宏
宏:是一個變量名的代碼片段,例如:
<#macro sayhi name>Hello, ${name} </#macro><@sayhi "Adam" />相當于聲明了一個名稱為“sayhi”有一個參數“name”的宏,使用自定義標簽“@”調用宏。
輸出的結果: Hello, Adam
2.1.12 switch, case, defalut, break 多條件判斷
示例代碼如下:
<#assign animal="dog" > <#switch animal><#case "pig">This is pig<#break><#case "dog">This is dog<#break><#default>This is Aaimal </#switch>2.1.13 擴展知識
指令自動忽略空格特性
FreeMarker會忽略FTL標簽中的空白標記,所以可以直接寫:
<#list ["老王","老李","老張"]asp>${p} </#list>即使是這個格式也是沒有任何問題的,FreeMarker會正常解析。
2.2 表達式
2.2.1 字符串拼接
字符拼接代碼:
<#assign name="ABCDEFG"> ${"Hello, ${name}"}結果:Hello, ABCDEFG
2.2.2 算術運算
2.2.2.1 算術符
算術符有五種:
- +
- -
- *
- /
- % 求余(求模)
示例代碼:
${100 - 10 * 20}輸出:
-1002.2.2.2 數值轉換
${1.999?int}輸出:
1注意:數值轉換不會進行四舍五入,會舍棄小數點之后的。
2.2.3 內建函數(重點)
內建函數:相當于我們Java類里面的內置方法,非常常用,常用的內建函數有:時間內建函數、字符內建函數、數字內建函數等。
2.2.3.1 單個問號和兩個問號的使用和區別
單問號:在FreeMarker中用單個問號,來調用內建函數,比如: ${"admin"?length} 查看字符串“admin”的字符長度,其中length就是字符串的內建函數。
雙引號:表示用于判斷值是否為null,比如:
<#if admin??>Admin is not null </#if>2.2.3.2 字符串內建函數
2.2.3.2.1 是否包含判斷
使用contains判斷,代碼示例:
<#if "admin"?contains("min")>min <#else > not min </#if>輸出:
min2.2.3.2.2 大小寫轉換
示例代碼:
<#assign name="Adam"> ${name?uncap_first} ${name?upper_case} ${name?cap_first} ${name?lower_case}輸出:
adam ADAM Adam adam更多的字符串內建函數:https://freemarker.apache.org/docs/ref_builtins_string.html
2.2.3.3 數字內建函數
示例代碼:
${1.23569?string.percent} ${1.23569?string["0.##"]} ${1.23569?string["0.###"]}輸出:
124% 1.24 1.236注意:
- 使用string.percent計算百分比,會自動四舍五入。
- 使用“?string[“0.##”]”可以自定義取小數點后幾位,會自動四舍五入。
2.2.3.4 時間內建函數
2.2.3.4.1 時間戳轉換為任何時間格式
代碼:
<#assign timestamp=1534414202000> ${timestamp?number_to_datetime?string["yyyy/MM/dd HH:mm"]}輸出:
2018/08/16 18:102.2.3.4.2 時間格式化
示例代碼:
<#assign nowTime = .now> ${nowTime} <br /> ${nowTime?string["yyyy/MM/dd HH:mm"]} <br />輸出:
2018-8-16 18:33:50 2018/08/16 18:33更多內建方法:https://freemarker.apache.org/docs/ref_builtins.html
三、Spring Boot 集成
3.1 集成環境
- Spring Boot 2.0.4
- FreeMaker 2.3.28
- JDK 8
- Windows 10
- IDEA 2018.2.1
3.2 集成步驟
3.2.1 pom.xml 添加FreeMaker依賴
<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-freemarker</artifactId> </dependency>3.2.2 application.properties 配置模板
主要配置,如下:
## Freemarker 配置 spring.freemarker.template-loader-path=classpath:/templates/ spring.freemarker.cache=false spring.freemarker.charset=UTF-8 spring.freemarker.check-template-location=true spring.freemarker.content-type=text/html spring.freemarker.expose-request-attributes=false spring.freemarker.expose-session-attributes=false spring.freemarker.request-context-attribute=request spring.freemarker.suffix=.ftl| spring.freemarker.template-loader-path | String | classpath:/templates/ | 默認 | 模版存放路徑 |
| spring.freemarker.cache | bool | true | 默認 | 是否開啟緩存,生成環境建議開啟 |
| spring.freemarker.charset | String | - | UTF-8 | 編碼 |
| spring.freemarker.content-type | String | text/html | text/html | content-type類型 |
| spring.freemarker.suffix | String | .ftl | .ftl | 模板后綴 |
| spring.freemarker.expose-request-attributes | bool | false | false | 設定所有request的屬性在merge到模板的時候,是否要都添加到model中 |
| spring.freemarker.expose-session-attributes | bool | false | false | 設定所有HttpSession的屬性在merge到模板的時候,是否要都添加到model中. |
| spring.freemarker.request-context-attribute | String | - | request | RequestContext屬性的名稱 |
更多配置:
# FREEMARKER (FreeMarkerProperties) spring.freemarker.allow-request-override=false # Whether HttpServletRequest attributes are allowed to override (hide) controller generated model attributes of the same name. spring.freemarker.allow-session-override=false # Whether HttpSession attributes are allowed to override (hide) controller generated model attributes of the same name. spring.freemarker.cache=false # Whether to enable template caching. spring.freemarker.charset=UTF-8 # Template encoding. spring.freemarker.check-template-location=true # Whether to check that the templates location exists. spring.freemarker.content-type=text/html # Content-Type value. spring.freemarker.enabled=true # Whether to enable MVC view resolution for this technology. spring.freemarker.expose-request-attributes=false # Whether all request attributes should be added to the model prior to merging with the template. spring.freemarker.expose-session-attributes=false # Whether all HttpSession attributes should be added to the model prior to merging with the template. spring.freemarker.expose-spring-macro-helpers=true # Whether to expose a RequestContext for use by Spring's macro library, under the name "springMacroRequestContext". spring.freemarker.prefer-file-system-access=true # Whether to prefer file system access for template loading. File system access enables hot detection of template changes. spring.freemarker.prefix= # Prefix that gets prepended to view names when building a URL. spring.freemarker.request-context-attribute= # Name of the RequestContext attribute for all views. spring.freemarker.settings.*= # Well-known FreeMarker keys which are passed to FreeMarker's Configuration. spring.freemarker.suffix=.ftl # Suffix that gets appended to view names when building a URL. spring.freemarker.template-loader-path=classpath:/templates/ # Comma-separated list of template paths. spring.freemarker.view-names= # White list of view names that can be resolved.3.2.3 編寫HTML代碼
<html> <head><title>王磊的博客</title> </head> <body> <div>Hello,${name} </div> </body> </html>3.2.4 編寫Java代碼
新建index.java文件,Application.java(入口文件)代碼不便,index.java代碼如下:
import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.servlet.ModelAndView;@Controller @RequestMapping("/") public class Index {@RequestMapping("/")public ModelAndView index() {ModelAndView modelAndView = new ModelAndView("/index");modelAndView.addObject("name", "老王");return modelAndView;} }關鍵代碼解讀:
3.2.5 運行
執行上面4個步驟之后,就可以運行這個Java項目了,如果是IDEA使用默認快捷鍵“Shift + F10”啟動調試,在頁面訪問:http://localhost:8080/ 就可看到如下效果:
四、參考資料
FreeMarker官方文檔:https://freemarker.apache.org/
FreeMarker翻譯的中文網站:http://freemarker.foofun.cn/toc.html
總結
以上是生活随笔為你收集整理的Spring Boot 最佳实践(三)模板引擎FreeMarker集成的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 面试系列第2篇:回文字符串判断的3种方法
- 下一篇: SpringBoot集成Google开源