溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇“SpringBoot中web模板渲染怎么實現”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“SpringBoot中web模板渲染怎么實現”文章吧。
開發Web站點的本質，其實就是根據瀏覽器發起的請求（輸入），生成HTML代碼返回給瀏覽器（輸出）。在之前的學習中，我們已經通過文件的形式存儲起來而不是直接在Java代碼中生成HTML代碼。另一方面，博客站點是動態的，即不同的請求返回的內容可能不同。但是對于同一類請求，例如訪問id分別為1和2的兩篇文章，對應的URL分別為/blogs/1和/blogs/2，他們返回的HTML代碼片段的結構幾乎是一樣的：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<div class="col-sm-8">
<div class="page-header">
<h3 th:text="${title}">Cum sociis（博客標題）</h3>
<p class="blog-post-meta"><span th:text="${createdTime}">2015年2月3日</span> 標簽：<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >Web開發</a></p>
</div>
<div class="blog-post-content" th:text="${content}">
...
（這里是博客內容）
</div>
</div>
</html>th:text="${title}"就是告訴模板引擎，用title變量作為<h3>標簽的內容(createdTime，content也是一樣)。
注意為了顯示博客創建時間，我們將時間放入了一個<span>標簽中，用于和其他文字區分開。
為了讓模板引擎知道這些變量的值，我們需要再@Controller做一些工作：
@RequestMapping("/index/{id}")
public String getIndex(@PathVariable("id") int id ,Model model) {
// return "index";
//這里模擬一些數據
model.addAttribute("title","This is a blog with id = " + id);
model.addAttribute("CreatedTime","2017-11-13");
model.addAttribute("content","This is content");
return "index";
}在上面的代碼中，index()方法增加了一個Model類型的參數。通過Spring MVC框架提供的Model，可以調用其addAttribute方法，這樣Thymeleaf可以訪問Model中的變量從而進行模板渲染。上述例子中可以看到，title變量的值是根據URL中的@PathVariable來確定的，雖然簡單，但是這已經是一個動態頁面了。
在Servlet編程中，如果希望在頁面中動態渲染信息，一般需要往HTTPRequest中添加屬性，然后再JSP中獲取。其實Model的屬性實際上也是放在HttpRequest的屬性中，但是Spring MVC提供了更高層的抽象，幫你屏蔽了HttpRequest，你看到的只有直接以MVC中M（即Model）
如果你依然希望使用HttpRequest，HttpResponse和HttpSession等原生的Servlet API對象，往Controller方法中增加對應類型的參數即可，你在方法中就能直接使用了，Spring MVC會傳遞給你正確的對象。
運行結果：
在上面的例子中，我們已經將單篇文章的頁面動態化，但是這個動態化只是一個例子，當我們真正擁有數百篇博文時，并且還會添加(或者刪除，更新)。顯然不能夠直接在@Controller方法中這樣來填充Model，另外如果需要渲染文章列表，那么這種方法顯然也是不行的。
為了解決這個問題，我們需要使用參考代碼JAR包中提供的Blog類：
package Entity;
import java.util.Date;
public class Blog {
private int id;
private String title;
private String content;
private Date createdTime;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getTitle() {
return title;
}
public void setTitle(String title) {
this.title = title;
}
public String getContent() {
return content;
}
public void setContent(String content) {
this.content = content;
}
public Date getCreatedTime() {
return createdTime;
}
public void setCreatedTime(Date createdTime) {
this.createdTime = createdTime;
}
}在單篇文章頁面里，對于每一個屬性，都需要調用一次Model.addAttribute()方法，屬性如果很多就會很不方便。現在我們有了Blog對象，可以將它放入Model:
@RequestMapping("/index/{id}")
public String getIndex(@PathVariable("id") int id ,Model model) {
// return "index";
//這里模擬一些數據
// model.addAttribute("title","This is a blog with id = " + id);
// model.addAttribute("CreatedTime","2017-11-13");
// model.addAttribute("content","This is content");
Blog blog = new Blog();
blog.setId(1);
blog.setTitle("This is a blog with id = " + id);
blog.setContent("This is content");
blog.setCreatedTime(new Date());
model.addAttribute("blog",blog);
return "index";
}根據URL中的id獲取對應的Blog對象，然后交給模板引擎渲染blog，相應的在模板中的變量表達式也要發生變化：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
<div class="col-sm-8">
<div class="page-header">
<h3 th:text="${blog.title}">Cum sociis（博客標題）</h3>
<p class="blog-post-meta"><span th:text="${blog.createdTime}">2015年2月3日</span> 標簽：<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >Web開發</a></p>
</div>
<div class="blog-post-content" th:text="${blog.content}">
...
（這里是博客內容）
</div>
</div>
</html>運行結果：
提高：往Model中添加對象有兩種方式：
model.addAttribute("blog",blog);
model.addAttribute(blog);
使用第二種時，對象在Model中的命名默認為類名的首字母小寫形式，任何時候對于同一種類型，只可能存在一個這樣的“匿名”對象。
文章頁面經過模板渲染處理后，還存在一個小問題：日期格式。現在對于${blog.createdTime}的渲染結果是Mon Nov 13 16:18:08 GMT+08:00 2017 ，這是因為${blog.createdTime}是一個Date對象，模板引擎在渲染的時候直接調用它的toString()方法。格式化日期是一個非常常見的任務，為此Thymeleaf提供了內置的支持：
<p><span th:text="${#dates.format(blog.createdTime,'yyy-MM-dd')}">2015年2月3日</span> 標簽：<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" >Web開發</a></p>#dates是Thymeleaf內置的一個工具類，format()方法可以指定日期的格式。
運行結果：
以上就是關于“SpringBoot中web模板渲染怎么實現”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
