Spring Boot国际化

淩亂°似流年 2022-04-24 02:54 230阅读 0赞

***以后会上传自己写的完整spring boot 基础，敬请期待！***

步骤：

1.编写国际化配置文件：

在resource文件夹下建立一个：i18n的文件夹：

新建立一个login.properties，的文件，然后再建立一个login\_zh\_CN.properties的文件，

注意命名：login\_语言\_国家.properties。

这样建立之后idea会自动识别出来这是一个国际化的文件夹。

![20190411211153610.png][]

**之后，再右键，点击new****之后，只要输入语言代码\_****国家代码,****就可以自动创建了。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70][]

**创建成功后，点击任意一个语言文件，可以看到，下面有一个Resource Bundle****选项，**

**点击：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 1][]

**点击左上角的加号就可以了（输入见图）。**

**spring Boot****默认配置了国际化文件的位置：**

String basename = context.getEnvironment().getProperty("spring.messages.basename", "messages");

**我们可以在配置文件application.properties****中更改它：**

**spring.message.basename=i18n.login**

**这样，就改好了国际化文件的位置了。**

**下面，要如何在界面中获取呢？**

**可以在界面中用\#\{\}****来获得国际化的内容！**

<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="#{login.username}" >Password</label>
    
    <input type="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}]]

**注意，在checkbox****里，不可以写th:text=****，因为，它是一个闭合和HTML****标签。也没有什么placeholder****可以用。所以，可以用thymeleaf****提供的行内字符来写。用\[\[ \]\],****前面也有说到，这个其实也相当于th:text****。注意：写\[\[\]\]****这个的时候，写里面的内容是没有提示的。**

**这样，整个界面的语言就跟谁浏览器的语言来定了。**

**打开浏览器，把相应的语言移到顶部，这样再重新刷新界面，就可以看到语言随之更改了。**

**注意：这里可能会乱码，我们前面也有说过，可以通过更改idea****中文件的编码方式：**

**打开setting****，输入file coding****，勾选相关的选项就可以了。**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 2][]

**原理：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 3][]

**现在，我们要实现，点击下面的语言按钮，来切换语言，做法：**

**实现自己的配置类：**

public class MyLocaleResovler implements LocaleResolver {
    
        @Override

public Locale resolveLocale(HttpServletRequest request) {
    
            String l = request.getParameter("l");
    
            Locale locale=Locale.getDefault();
    
            if(!StringUtils.isEmpty(l))
    
            {
    
                String[] s = l.split("_");
    
                locale=new Locale(s[0],s[1]);
    
            }
    
            return locale;
    
        }
    
    
    
        @Override
    
        public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {
    
    
    
        }
    
    }

**自己写一个**LocaleResolver来继承LocaleResolver，

原码里面的：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 4][]

**，在配置类里面注入进来：**

@Bean
    
    public LocaleResolver localeResolver(){
    
        return new MyLocaleResovler();
    
    }

**界面上，用这个：**

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

@\{/index.html(l='zh\_CN')[\}等价于@\{/index.html?l=’zh\_CN][index.html_l_zh_CN]’\},在thymeleaf中可以中小括号来代替？的方法来传递参数。

这样，在访问的时候，就可以通过点击按钮来切换了。

ps：对于自己写配置，其实也是参考着原来的webMvcAutoConfiguration配置类来写，

下面是原码的截图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 5][]

**可以看到，在原码里面有public LocaleResolver localeResolver()** **方法，我们就写这个方法，**

**这个方法要返回LocaleResolver****类的对象，那我们就写一个。**

**而原码里面的是这样写的：**

public Locale resolveLocale(HttpServletRequest request) {

Locale defaultLocale = this.getDefaultLocale();
    
        if (defaultLocale != null && request.getHeader("Accept-Language") == null) {
    
            return defaultLocale;
    
        } else {
    
            Locale requestLocale = request.getLocale();
    
            List<Locale> supportedLocales = this.getSupportedLocales();
    
            if (!supportedLocales.isEmpty() && !supportedLocales.contains(requestLocale)) {
    
                Locale supportedLocale = this.findSupportedLocale(request, supportedLocales);
    
                if (supportedLocale != null) {
    
                    return supportedLocale;
    
                } else {
    
                    return defaultLocale != null ? defaultLocale : requestLocale;
    
                }
    
            } else {
    
                return requestLocale;
    
            }
    
        }
    
    }

**返回一个了Locale****对象，那我们也返回一个。**

[20190411211153610.png]: /images/20220221/31315f3692044cc78c5b4ab6c5fe8ac4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70]: /images/20220221/262fa4a002514ed7b39233d381247d5e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 1]: /images/20220221/019fc8164fa04d9e86b677d249cc7895.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 2]: /images/20220221/5d6f1929f652449597eee25895d41b62.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 3]: /images/20220221/385187d8a79d4bee9b96d27841758df4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 4]: /images/20220221/17905bbb241b4099bc8762872dce217a.png
[index.html_l_zh_CN]: mailto:%7D%E7%AD%89%E4%BB%B7%E4%BA%8E@%7B/index.html?l='%20rel=
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 5]: /images/20220221/eae92b369a3e45e3aa37c55e87690d72.png