SpringBoot中的国际化

曾经终败给现在 2022-04-22 23:38 348阅读 0赞

**目录**

1、编写国际化配置文件

2、在application.yml中指定读取的国际化配置文件：

3、login.html

4、点击中文或者English切换语言

5、登录验证

--------------------

### 1、编写国际化配置文件 ###

国际化配置文件默认文件名称为：messages.properties,若是自己起的其他名称，则需要在application.yml中指定文件：

如：在resources目录下创建i18n目录，在i18n目录下面创建国际化配置文件，login.properties是默认国际化配置文件，login\_en\_US.propertoes 英文，login\_zh\_CN.properties中文，创建好之后IDEA会自动识别这些配置文件是国际化配置文件。

![20190117212448808.png][]

随便打开一个文件，点击下面的Resource Bundle可以添加字段和值，一次可以直接更改三个配置文件。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70][]

### 2、在application.yml中指定读取的国际化配置文件： ###

#国际化指定文件
    spring:
      messages:
        basename: i18n.login
    
    ##message.propertiesi是默认的国际化配置文件，不需要特别指定路径

### 3、login.html ###

<!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>登陆页面</title>
    	
    	<link href="asserts/css/bootstrap.min.css" th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet">
    	
    	<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" th:action="@{/user/login}" method="post">
    	<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>
    
    	
    	<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
    
    	<label class="sr-only" th:text="#{login.username}">Username</label>
    	<input type="text"  name="username" class="form-control" placeholder="Username" th:placeholder="#{login.username}" required="" autofocus="">
    	<label class="sr-only" th:text="#{login.password}">Password</label>
    	<input type="password" name="password" class="form-control" placeholder="Password" th:placeholder="#{login.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="@{index.html(l='zh_CN')}">中文</a>
    	<a class="btn btn-sm" th:href="@{index.html(l='en_US')}">English</a>
    </form>
    </body>
    
    </html>

在页面中:

提示部分使用：
    <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"  name="username" class="form-control" placeholder="Username" th:placeholder="#{login.username}" required="" autofocus="">
    	
    密码：	
    <label class="sr-only" th:text="#{login.password}">Password</label>
    <input type="password" name="password" class="form-control" placeholder="Password" th:placeholder="#{login.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>

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70 1][]

### 4、点击中文或者English切换语言 ###

4.1发出请求

//@{index.html(l='zh_CN')} 相当于http://localhost:8080/index.html?l=zh_CN
    //而在后台，index.html映射的就是登陆页面
    //registry.addViewController("/index.html").setViewName("login");
    <a class="btn btn-sm" th:href="@{index.html(l='zh_CN')}">中文</a>
    <a class="btn btn-sm" th:href="@{index.html(l='en_US')}">English</a>

4.2 自定义国际化处理组件

public class MyLocaleResolver implements LocaleResolver {
    
        @Override
        public Locale resolveLocale(HttpServletRequest httpServletRequest) {
            //获取请求参数
            String parameter = httpServletRequest.getParameter("l");
            //获取默认的locale
            Locale locale = Locale.getDefault();
            if(!StringUtils.isEmpty(parameter)) {
                String[] strings = parameter.split("_");
                //若请求参数不为空，则根据请求构造一个新的locale
                locale = new Locale(strings[0], strings[1]);
            }
    
            //否则返回默认的locale
            return locale;
        }
    
        @Override
        public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {
    
        }
    }
    
        
      //找一个配置类，将自定义组件注入springboot中
        @Bean
        public LocaleResolver localeResolver(){
            return new MyLocaleResolver();
        }

效果：点击切换按钮可以完成语言的转换。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70 2][]

### 5、登录验证 ###

@Controller
    public class LoginController {
    
        @PostMapping("/user/login")
        public String login(@RequestParam("username") String username,
                            @RequestParam("password") String password,
                            HttpSession session, Model model) {
            //简化登录流程
            if(!StringUtils.isEmpty(username) && "123456".equals(password)) {
                //登录成功，避免表单重复提交，使用重定向到主页
    
                //将用户存入到session中
                session.setAttribute("loginUser", username);
    
                return "redirect:/main.html";
            }
    
            //登录失败，返回登录页面
            model.addAttribute("msg", "用户名或密码错误！");
            return "login";
        }
    }

在login.html中显示错误信息使用了：

<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
    
    ${not #strings.isEmpty(msg)}即在msg为空的情况下不显示该标签

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70 3][]

***注意：开发期间模板引擎要实时生效***

***     在application.yml中关闭thymeleaf的缓存：***

spring:
      thymeleaf:
        cache: false

*** 并且在页面修改完成后，按住ctrl+F9重新编译。***

[20190117212448808.png]: /images/20220326/17dbf7bdda964ec5b97a6da3edd3b254.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70]: /images/20220326/a9240dd7696749c38540a6374a70f5ce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70 1]: /images/20220326/bbda2a947d1e40a38b4649ac216c48f5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70 2]: /images/20220326/d9b8066424624be4807399d819f1bf50.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pob3VqaWFuX0xpdQ_size_16_color_FFFFFF_t_70 3]: /images/20220326/446b3fce71dd4ad1a7b40d5a0d645b0a.png