Day32——国际化

男娘i 2023-02-24 03:58 23阅读 0赞

### 文章目录 ###

*  一. 回顾
 *  二. 以前SpringMVC国际化的步骤
 *  三. SpringBoot国际化的步骤
 *  四. SpringBoot配置好的国际化资源组件简介
 *  五. 代码
 *  六. SpringBoot国际化的原理
 *  七. 实现点击链接切换国际化内容

# 一. 回顾 #

前面[Day31——引入bootstrap资源][Day31_bootstrap]，今天学习国际化。

# 二. 以前SpringMVC国际化的步骤 #

1.  编写国际化配置文件
2.  使用ResourceBundleMessageSource管理国际化资源文件
3.  在页面使用`fmt:message`把国际化内容取出来

# 三. SpringBoot国际化的步骤 #

1.  编写国际化配置文件
2.  SpringBoot已经自动配置好了管理国际化资源的组件，我们只需使用`spring.messages.basename=*.文件名`指定哪个配置文件即可
3.  在页面使用thymeleaf取出国际化内容语法是`#{}`。一般有`th:text`、`th:placeholder`、`[[ #{} ]]行内写法`

# 四. SpringBoot配置好的国际化资源组件简介 #

前面讲述springboot自动配置原理时候，我们知道它是使用xxxAutoConfiguration来配置组件的，组件需要用到的值从xxxProperties中获取，而xxxProperties中属性的值是从配置文件中对应的属性获取的，如果配置文件没有定义，则使用xxxProperties默认的。

又根据以前springmvc中是使用ResourceBundleMessageSource，所以在idea搜索MessageSource，可以发现有MessageSourceAutoConfiguration这个类，也就是自动配置类。

里面有一个注册MessageSource组件的方法，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 1]  
![在这里插入图片描述][20200708140612354.jpg]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 2]  
总结：所以我们指定国际化配置文件的时候，只需在SpringBoot的全局配置文件中`spring.messages.basename=xxx.xxx`

# 五. 代码 #

首先创建国际化的配置文件。

在resources文件夹下面创建i8n（internationalization，i和n是首末字母，18是中间的18个字符）文件夹，创建login.properties、login\_zh\_CN.properties、login\_en\_US.properties。（login.properties是默认配置，login\_zh\_CN.proeprties是中文语言的配置，login\_en\_US.properties是英文语言的配置）。如下：  
![在这里插入图片描述][20200708134836132.jpg]  
打开login\_en\_US.properties，点击左下角的Resource Bundle。输入需要国际化的内容。如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 3]  
在springboot的全局配置文件中指定使用哪个国际化配置文件，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 4]

在页面获取国际化值，使用thymeleaf语法  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 5]  
（由于国际化的页面是从index.html改名为login.html，所以在视图映射那里配置了所有"/"以及“/index.html”，都跳转到login.html）。视图映射的代码如下：

package com.atguigu.springboot.config;
    
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.config.annotation.EnableWebMvc;
    import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    
    @Configuration
    //@EnableWebMvc
    public class MyMvcConfig2 implements WebMvcConfigurer { 
        /** * 所有的WebMvcConfigurer都会一起起作用 * @return */
        @Bean //将组件加载进容器中
        public WebMvcConfigurer webMvcConfigurer() { 
            return new WebMvcConfigurer() { 
                @Override
                public void addViewControllers(ViewControllerRegistry registry) { 
                    registry.addViewController("/").setViewName("login");
                    registry.addViewController("/index.html").setViewName("login");
                }
            };
        }
    }

启动项目，在浏览器输入localohost:8080/index.html，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 6]  
打开浏览器的控制台，选择network，刷新页面，随便点击一个请求，查看它的请求头，可以看到它的接收语言为zh-CN，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 7]

如果出现中文乱码，则需要前往File->settings->file encoding设置utf-8，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 8]  
此外还需要设置全局settings，打开File->other settings->Settings for new Project->File encoding，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 9]  
英文效果，将浏览器设置语言为英语(美国），然后关闭浏览器，重新打开localhost:8080/index.html，效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 10]  
打开浏览器的控制台，选择network，刷新页面，随便点击一个请求，查看它的请求头，可以看到它的接收语言为en-US，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 11]

# 六. SpringBoot国际化的原理 #

原理：根据请求头带来的区域信息获取Locale进行国际化。

SpringBoot有自动配置LocaleResolver，在WebMvcAutoConfiguration中，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 12]  
AcceptHeaderLocaleResolver类中有如下方法：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 13]  
**所以我们如果要实现点击链接，从而切换国际化内容，可以自己定义一个类实现LocaleResolver区域信息解析器，然后注册这个组件到容器中即可。**

# 七. 实现点击链接切换国际化内容 #

效果：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 14]  
首先设置链接，让请求携带上参数l，如下：

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

然后自定义LocaleResolver，如下:

package com.atguigu.springboot.component;
    
    import org.springframework.web.servlet.LocaleResolver;
    import org.thymeleaf.util.StringUtils;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.util.Locale;
    
    /** * 在链接上携带区域信息 */
    public class MyLocaleResolver implements LocaleResolver { 
    
        @Override
        public Locale resolveLocale(HttpServletRequest request) { 
            String l = request.getParameter("l");
            Locale locale = Locale.getDefault();//如果没有参数l，则使用系统默认的locale
            if(!StringUtils.isEmpty(l)){ 
                String[] split = l.split("_");//参数l的值以‘下划线_’分割，_前面的是语言代码，_后面的是国家代码
                locale = new Locale(split[0], split[1]);//第一个参数是语言代码，第二个是国家代码
            }
            return locale;
        }
    
        @Override
        public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) { 
    
        }
    }

将自定义的LocaleResolver添加到容器中，如下：

package com.atguigu.springboot.config;
    
    import com.atguigu.springboot.component.MyLocaleResolver;
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.servlet.LocaleResolver;
    import org.springframework.web.servlet.config.annotation.EnableWebMvc;
    import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
    import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
    
    @Configuration
    //@EnableWebMvc
    public class MyMvcConfig2 implements WebMvcConfigurer { 
        @Bean
        public LocaleResolver localeResolver(){ 
            return new MyLocaleResolver();
        }
    
    }

浏览器输入localhost:8080即可，点击链接可以实现国际化内容切换，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 15]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 16]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 17]

[Day31_bootstrap]: https://blog.csdn.net/qq_40634846/article/details/105908181
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70]: /images/20230209/944f846f3e214df09c5bf6cd3991e5e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 1]: /images/20230209/436f673f04b444fe8988917432e7117d.png
[20200708140612354.jpg]: /images/20230209/3e6eaee8d48340a5b2974b1ad98093c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 2]: /images/20230209/5added6be2d74353980c2a0285dbfd98.png
[20200708134836132.jpg]: /images/20230209/4cad587ebb024e47921891d72de9ac7f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 3]: /images/20230209/a6a79192a5f749cba834c0c4723074e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 4]: /images/20230209/fa71fd34159a438896f4a3654263a544.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 5]: /images/20230209/06de5625f1e54f8fa16c23d16944aade.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 6]: /images/20230209/b07708c0bb4f40f7988469b946dac170.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 7]: /images/20230209/b0aa1303988f4dc296b0ea9ba6dab466.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 8]: /images/20230209/775bcefa6c7c4db99cf79b6cb2e1dbbc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 9]: /images/20230209/8ab74809c55f43139c28341b4f4b4eef.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 10]: /images/20230209/b31def2dbf4e4b6c97d93da78b6eb7d8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 11]: /images/20230209/c4165f9fa85e49fca89e01691085341d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 12]: /images/20230209/afed98e8648649a7a6ddb84f2ae37e34.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 13]: /images/20230209/075b8a0254434124978f20a55981fa67.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 14]: /images/20230209/8837ddc61d014ac6a2e66b3999204d26.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 15]: /images/20230209/a4c1f23097c74753ad1838f8b5f6cfe6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 16]: /images/20230209/cbb6d7b8cb3c4a86979e0128f14ad531.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNjM0ODQ2_size_16_color_FFFFFF_t_70 17]: /images/20230209/b63167d8e41d456aa49a2adf73649357.png