SpringBoot基礎回顧-13

時間 2021-05-05

標籤 css html bootstrap 測試 spa orm xml htm 模板引擎欄目 Spring 简体版

原文原文鏈接

打開項目templates模板文件夾中的用戶登陸頁面login.html，結合Thymeleaf模板引擎實現國際化功能 css

```htmlhtml

<!DOCTYPE html>bootstrap

<html lang="en"測試

xmlns:th="http://www.thymeleaf.org">ui

<head>spa

charset=UTF-8">xml

initial-scale=1,shrink-to-fit=no">模板引擎

<title>用戶登陸界面</title>

rel="stylesheet">

rel="stylesheet">

</head>

<!--

用戶登陸form表單 -->

<img class="mb-4"

th:src="@{/login/img/login.jpg}" width="72"

height="72">

<h1 class="h3 mb-3 font-weight-normal"

th:text="#{login.tip}">請登陸</h1>

<input type="text" class="form-control"

th:placeholder="#{login.username}" required=""

autofocus="">

<input type="password" class="form-control"

th:placeholder="#{login.password}" required="">

<label>

[[#{login.rememberme}]]

</label>

</div>

<button class="btn btn-lg btn-primary btn-block"

type="submit" th:text="#{login.button}">登陸</button>

<p class="mt-5 mb-3 text-muted">© <span

th:text="${currentYear}">2018</span>-<span

th:text="${currentYear}+1">2019</span></p>

<a class="btn btn-sm"

th:href="@{/toLoginPage(l='zh_CN')}">中文

English

</form>

</body>

</html>

```

使用Thymeleaf模板的#{}消息表達式設置了國際化展現的部分信息。在對記住我rememberme國際化設置時，須要國際化設置的rememberme在<input>標籤外部，因此這裏使用了行內表達式[[#{login.rememberme}]]動態獲取國際化文件中的login.rememberme信息。另外，在<form>表單尾部還提供了中文、English手動切換語言的功能連接，在單擊連接時會分別攜帶國家語言參數向「/」路徑請求跳轉，經過後臺定製的區域解析器進行手動語言切換

**5. 整合效果測試**

單擊「English」連接進行語言國際化切換時攜帶了指定的「l=zh_CN」參數，後臺定製的區域解析器配置類MyLocalResovel中的解析方法會根據定製規則進行語言切換，從而達到了手動切換國際化語言的效果。

***上了拉勾教育的《Java工程師高薪訓練營》，作一下筆記。但願拉勾能給我推到想去的公司，目標：字節！！***