SpringBoot基础回顾-13

​       

打开项目templates模板文件夹中的用户登陆页面login.html,结合Thymeleaf模板引擎实现国际化功能 css

```htmlhtml

<!DOCTYPE html>bootstrap

<html lang="en"测试

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

<head>spa

<meta http-equiv="Content-Type" content="text/html;orm

charset=UTF-8">xml

<meta name="viewport" content="width=device-width,htm

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

<title>用户登陆界面</title>

<link th:href="@{/login/css/bootstrap.min.css}"

rel="stylesheet">

<link th:href="@{/login/css/signin.css}"

rel="stylesheet">

</head>

<body class="text-center">

<!--

用户登陆form表单 -->

<form class="form-signin">

<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="">

<div class="checkbox mb-3">

<label>

<input type="checkbox" value="remember-me">

[[#{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工程师高薪训练营》,作一下笔记。但愿拉勾能给我推到想去的公司,目标:字节!!***