作用:打开网页,可以更具当前浏览器使用的是哪一种语言,网页就变成和浏览器一样的语言
目录
一、在springboot项目中,在resources下创建i18n文件夹(i18n是国际化缩写)
二、创建名为login的Resoure Bundle 添加中文和英文,生成如下3个文件,默认语言文件、中文文件、英文文件
四、在项目配置appliction.properties文件中,设置国际化语言的名字
五、在main/login中使用Thymeleaf语法引入设置的国际化语言
一、在springboot项目中,在resources下创建i18n文件夹(i18n是国际化缩写)
二、创建名为login的Resoure Bundle 添加中文和英文,生成如下3个文件,默认语言文件、中文文件、英文文件
三、点开默认语言文件login.properties
切换到Resource Bundle模式,
点击+号添加需要转变的语言设置,例如如下login.usernam,设置默认语言,英文,中文
转回text模式即可看见设置的代码
login.properties
login.password=密码_
login.remember=记住我
login.reset=重置
login.submit=登录
login.username=用户名_
login_en_Us.properties
login.password=password
login.remember=Remember Me
login.reset=Reset
login.submit=Sign
login.username=username
login_zh_CN.properties
login.password=密码
login.remember=记住我
login.reset=重置
login.submit=登录
login.username=用户名
四、在项目配置appliction.properties文件中,设置国际化语言的名字
spring.messages.basename=i18n.login
五、在main/login中使用Thymeleaf语法引入设置的国际化语言
login.html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head lang="en">
<meta charset="UTF-8">
<title>系统登录 - 梦学谷账单管理系统</title>
<link rel="stylesheet" href="../css/style.css"/>
</head>
<body class="login_bg">
<section class="loginBox">
<header class="loginHeader">
<h1>梦学谷账单管理系统</h1>
</header>
<section class="loginCont">
<!--<div style="color:red; margin-left: 130px">用户名错误!</div>-->
<form class="loginForm" action="../main/index.html">
<div class="inputbox">
<label for="user" th:text="#{login.username}" >Username</label>
<input id="user" type="text" name="username" required/>
</div>
<div class="inputbox">
<label for="mima" th:text="#{login.password}">Password</label>
<input id="mima" type="password" name="password" required/>
</div>
<div class="subBtn">
<input type="checkbox"> [[#{login.remember}]]
</div>
<br/>
<div class="subBtn">
<input type="submit" th:value="#{login.submit}" value="Sign" />
<input type="reset" th:value="#{login.reset}" value="Reset"/>
</div>
<br/>
<div style="margin-left: 100px;">
<a href="#">中文</a>
<a href="">English</a>
</div>
</form>
</section>
</section>
</body>
</html>