模板引擎是為了使用戶界面與業(yè)務(wù)數(shù)據(jù)內(nèi)容分離而產(chǎn)生的厂僧，它可以生成特定格式的文檔，用于網(wǎng)站的模板引擎就會生成一個標(biāo)準(zhǔn)的文檔。當(dāng)項目里面配合后端框架spring boot使用撤逢，前端界面會用到部分的模板引擎，于是找到了 一個模板Thymeleaf粮坞。
Thymeleaf是一個Java模板引擎跟 Velocity蚊荣、FreeMarker 類似的模板引擎，它可以完全替代 JSP 莫杈。
官網(wǎng)：https://www.thymeleaf.org/
簡易教程：https://www.e-learn.cn/thymeleaf/thymeleaf-instroduce
參考教程：
Spring Boot開發(fā)Web應(yīng)用 ：http://blog.didispace.com/springbootweb/
示例：
在jsp里面互例，${}叫做EL表達(dá)式，用來獲得{}中那些指定的對象的值筝闹，比如參數(shù)或者對象的值媳叨，也就是可以取到服務(wù)器的各種作用域里面的值
jsp
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label style="font-size: 17px;"></label>
</div>
<div class="col-sm-8">
<label style="font-size: 17px;"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label style="font-size: 17px;">單位名稱：</label>
</div>
<div class="col-sm-8">
<label style="font-size: 17px;">${companyInfo.companyName }</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label style="font-size: 17px;">單位地址：</label>
</div>
<div class="col-sm-8">
<label style="font-size: 17px;">${companyInfo.companySite }</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label style="font-size: 17px;">聯(lián)系人：</label>
</div>
<div class="col-sm-8">
<label style="font-size: 17px;">${companyInfo.companyLinker }</label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label style="font-size: 17px;">聯(lián)系電話：</label>
</div>
<div class="col-sm-8">
<label style="font-size: 17px;">${companyInfo.companyLinkMethod }</label>
</div>
</div>
</form>
Thymeleaf
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label></label>
</div>
<div class="col-sm-8">
<label></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label>單位名稱：</label>
</div>
<div class="col-sm-8">
<label th:text="${company.organName }"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label>單位地址：</label>
</div>
<div class="col-sm-8">
<label th:text="${company.address}"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label>聯(lián)系人：</label>
</div>
<div class="col-sm-8">
<label th:text="${company.manager}"></label>
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-label" style="padding-top: 0px;">
<label>聯(lián)系電話：</label>
</div>
<div class="col-sm-8">
<label th:text="${company.phone}"></label>
</div>
</div>
</form>
原文作者：祈澈姑娘 技術(shù)博客：http://www.reibang.com/u/05f416aefbe1
90后前端妹子，愛編程关顷，愛運營糊秆，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚议双。
堅持總結(jié)工作中遇到的技術(shù)問題痘番，堅持記錄工作中所所思所見，前端資源下載群：440185135
