Thymeleaf渲染網(wǎng)頁(yè)時(shí)中文亂碼如何解決

這篇文章主要講解了“Thymeleaf渲染網(wǎng)頁(yè)時(shí)中文亂碼如何解決”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“Thymeleaf渲染網(wǎng)頁(yè)時(shí)中文亂碼如何解決”吧！

Thymeleaf渲染網(wǎng)頁(yè)時(shí)中文亂碼

問(wèn)題場(chǎng)景

在基于 Thymeleaf 的 html 模板中我使用了一些半角冒號(hào)，結(jié)果顯示網(wǎng)頁(yè)的時(shí)候這些半角冒號(hào)卻是“??”，估摸著跟中文的編碼問(wèn)題有關(guān)，于是我加入了一些中文，結(jié)果這些中文也是顯示亂碼。

解決方案

首先在注冊(cè) Thymeleaf 的時(shí)候模板解析器 TemplateResolver 設(shè)置編碼為“UTF-8”。

然后 Thymeleaf 視圖解析器的配置處也需要設(shè)置編碼為“UTF-8”。

以上兩者缺一不可，否則中文還是亂碼。

注意：網(wǎng)頁(yè)內(nèi)容的編碼方式別忘了（<meta charset="UTF-8" />）

Thymeleaf的th:href傳遞多個(gè)參數(shù)出現(xiàn)亂碼

以下代碼，按照jsp的思維來(lái)說(shuō)是可行的，但是在項(xiàng)目的請(qǐng)求路徑中出現(xiàn)亂碼：

<a th:href="@{/index/showCategorys?desc=0&currentPage=${currentPage}}" rel="external nofollow" ">文章分類(lèi)</a>

查了以下資料解決了，這是因?yàn)門(mén)hymeleaf已經(jīng)封裝好了多參數(shù)鏈接的使用方式，應(yīng)該形如：

th:href=@{/url/action(id=${id},name=${name))}

這樣的方式使用，其中的/url/action是請(qǐng)求路徑，()中的參數(shù)以，隔開(kāi)即可。

并且要注意，在使用多參數(shù)連接時(shí)不能用字符串拼接形式。

th:href=@{|/url/action(id=${id},name=${name)|}

感謝各位的閱讀，以上就是“Thymeleaf渲染網(wǎng)頁(yè)時(shí)中文亂碼如何解決”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)Thymeleaf渲染網(wǎng)頁(yè)時(shí)中文亂碼如何解決這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！