1、创建配置文件 文件名+_en_US.properties
login.properties
login_en_US.properties
login_zh_CN.properties
设置值
2、配置配置文件路径
#国际化文件路径 login 去掉语言的文件 spring.messages.basename=i18n.login
3、编写登陆页面
<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <title>Signin Template for Bootstrap</title> <!-- Bootstrap core CSS --> <link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet"> <!-- Custom styles for this template --> <link href="asserts/css/signin.css" th:href="@{asserts/css/signin.css}" rel="stylesheet"> </head> <body class="text-center"> <form class="form-signin" action="dashboard.html"> <img class="mb-4" th:src="@{/asserts/img/bootstrap-solid.svg}" src="asserts/img/bootstrap-solid.svg" alt="" width="72" height="72"> <h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}">Please sign in</h1> <label class="sr-only" th:text="#{login.Username}" >Username</label> <input type="text" class="form-control" placeholder="Username" th:placeholder="#{login.Username}" required="" autofocus=""> <label class="sr-only" th:text="#{logon.Password}" >Password</label> <input type="password" class="form-control" placeholder="Password" th:placeholder="#{logon.Password}" required=""> <div class="checkbox mb-3"> <label> <input type="checkbox" value="remember-me" /> [[#{login.remember}]] </label> </div> <button class="btn btn-lg btn-primary btn-block" type="submit" th:text="#{login.btn}">Sign in</button> <p class="mt-5 mb-3 text-muted">© 2017-2018</p> <a class="btn btn-sm" th:href="@{/login.html(l='zh_CN')}">中文</a> <a class="btn btn-sm" th:href="@{/login.html(l='en_US')}">English</a> </form> </body> </html>
主要地方
<label class="sr-only" th:text="#{logon.Password}" >Password</label>
<input type="password" class="form-control" placeholder="Password" th:placeholder="#{logon.Password}" required="">
配置文件便编码:
ok ,点击查询 即可以根据浏览器查询对应语言。
4、点击链接切换国际化
<a class="btn btn-sm" th:href="@{/login.html(l='zh_CN')}">中文</a> <a class="btn btn-sm" th:href="@{/login.html(l='en_US')}">English</a>
自定义LocaleResolver
package com.example.springbootweb.component; import org.springframework.util.StringUtils; import org.springframework.web.servlet.LocaleResolver; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.util.Locale; public class MyLocaleResolver implements LocaleResolver { //解析区域信息 @Override public Locale resolveLocale(HttpServletRequest httpServletRequest) { String l = httpServletRequest.getParameter("l"); Locale local = Locale.getDefault(); if(StringUtils.hasLength(l)){ String[] split = l.split("_"); local = new Locale(split[0],split[1]); } return local; } @Override public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) { } }
加入容器:
@Bean public LocaleResolver localeResolver(){ return new MyLocaleResolver(); }
5、开发期间模板引擎页面修改以后,要实时生效
1)、禁用模板引擎的缓存
# 禁用缓存 spring.thymeleaf.cache=false
2)、页面修改完成以后ctrl+f9:重新编译;