最近在网上找了一个有关账单管理的spring boot项目，其中有一部分是涉及显示国际化信息的，即将页面上的中英文进行转换。因为在这之前这部分内容没有接触过，所以在这记录下过程。

中文效果图如下所示：

英文效果图如下所示：

从上面两幅图可以看出在切换中英文时有五个部分的内容发送改变。分别是：用户名（Username）、密码（Password）、记住我（Remember Me）、登录（Sign）、重置（Rest）。

第一部分、先在resources目录下新建一个i18n文件夹，并在该文件夹下新建一个Resource Bundle.如下图所示：

并在跳出的弹框内写入以下信息：

点击“OK”后就会在i18n目录下生成3个后缀名为“.properties”的文件。如下所示：

第二部分、分别在这三个文件中填入相应信息。

login.properties表示默认显示的信息。login.password、login.remember、login.reset、login.submit、login.username是自己设置的key值，用于在HTML中显示。后面的是将要显示的内容。

 login.password=密码

 login.remember=记住我

 login.reset=重置

 login.submit=登录

 login.username=用户名

login_en_US.properties

 login.password=Password

 login.remember=Remember Me

 login.reset=Rest

 login.submit=Sign

 login.username=Username

login_zh_CN.properties

 login.password=密码

 login.remember=记住我

 login.reset=重置

 login.submit=登录

 login.username=用户名

第三部分、在HTML相应位置填入key值，并在点击“中文”或“English”发出不同请求信息。

注意：在这个项目中使用的模板是thymeleaf，因此需要现在开始的html标签内引入该模板的标签。

根据thymeleaf的文档

显示国际化信息时用到的“#{}”而不是"${}"。

由于这个“记住我”是<input>单标签的没有标签体，根据thymeleaf文档发现需要使用"[[#{}]]"或“[(#{})]”行内表达式。

当点击“中文”时附带请求信息“zh_CN”，点击英文时附带请求信息“en_US”.

login.html代码如下所示：

 <!DOCTYPE html>

 <html xmlns:th="http://www.thymeleaf.org">

 <head lang="en" th:replace="main/public :: #public_head">

 </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="#" th:href="@{/index.html(l='zh_CN')}">中文</a>

                     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

                     <a href="" th:href="@{/index.html(l='en_US')}">English</a>

                 </div>

             </form>

         </section>

     </section>

 </body>

 </html>

login.html

第四部分、设置区域解析器

在页面上显示中文还是英文是由请求信息头中“accept-language”的决定的，默认是中文。我们只要将点击所附带的请求信息传递给“accept-language”就会使页面的中英文改变。

spring boot中有一个WebMvcAutoConfiguration类，提供了本地区域解析器。如下图所示：

该本地区域解析器上有个注解@ConditionalOnMissingBean表示如果容器中没有这个bean，就将这个bean放到容器中，如果有就使用已经存在的。

从下面的代码片段中可以看到有一个请求头本地区域解析器AcceptHeaderLocaleResolver实现了LocaleResolver接口。

因此我们可以在component包下新建一个自定义区域解析器MyLocaleResolver，该类需要实现接口LocaleResolver，重写方法，根据请求的参数构造一个Local返回。

 package club.nipengfei.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 httpServletRequest) {

         // 获取自定义请求头信息

         String l = httpServletRequest.getParameter("l");

         // 获取系统默认的区域信息

         Locale locale = Locale.getDefault();

         if (!StringUtils.isEmpty(l)){

             String[] split = l.split("_");

             // 接收第一个参数为语言代码，第二个参数为国家代码

             locale = new Locale(split[0],split[1]);

         }

         return locale;

     }

     @Override

     public void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {

     }

 }

将其添加到容器中，在config包下新建一个MySpringMvcConfigure，在该类的localeResolver方法中返回LocaleResolver，注意使用注解@Bean。代码如下所示：

 package club.nipengfei.springboot.config;

 import club.nipengfei.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.ViewControllerRegistry;

 import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

 @Configuration

 public class MySpringMvcConfigure {

     @Bean

     public WebMvcConfigurer webMvcConfigurer(){

         return new WebMvcConfigurer() {

             // 添加视图控制器

             @Override

             public void addViewControllers(ViewControllerRegistry registry) {

                 registry.addViewController("/").setViewName("/main/login");

                 registry.addViewController("/index.html").setViewName("/main/login");

             }

         };

     }

     // 区域解析器

     @Bean

     public LocaleResolver localeResolver(){

         return new MyLocaleResolver();

     }

 }

第五部分、在这过程中遇到的问题。

  1. 中英文显示乱码，解决方法是修改properties文件编码，改为UTF-8。参考：解决 IntelliJ IDEA 中 i18n国际化 中文乱码问题。
  2. 无法访问到login页面，因为login.html页面在template/main目录下。解决方法是添加视图控制器。

一个简单的示例在spring boot中实现国际化的更多相关文章

  1. Spring Boot中使用Spring-data-jpa让数据访问更简单、更优雅

    在上一篇Spring中使用JdbcTemplate访问数据库中介绍了一种基本的数据访问方式,结合构建RESTful API和使用Thymeleaf模板引擎渲染Web视图的内容就已经可以完成App服务端 ...

  2. 【swagger】1.swagger提供开发者文档--简单集成到spring boot中【spring mvc】【spring boot】

    swagger提供开发者文档 ======================================================== 作用:想使用swagger的同学,一定是想用它来做前后台 ...

  3. Spring Boot中整合Sharding-JDBC单库分表示例

    本文是Sharding-JDBC采用Spring Boot Starter方式配置第二篇,第一篇是读写分离讲解,请参考:<Spring Boot中整合Sharding-JDBC读写分离示例> ...

  4. 徒手撸一个 Spring Boot 中的 Starter ，解密自动化配置黑魔法！

    我们使用 Spring Boot,基本上都是沉醉在它 Stater 的方便之中.Starter 为我们带来了众多的自动化配置,有了这些自动化配置,我们可以不费吹灰之力就能搭建一个生产级开发环境,有的小 ...

  5. Spring Boot中只能有一个WebMvcConfigurationSupport配置类

    首先将结论写文章的最前面,一个项目中只能有一个继承WebMvcConfigurationSupport的@Configuration类(使用@EnableMvc效果相同),如果存在多个这样的类,只有一 ...

  6. Spring Boot中使用Swagger2构建API文档

    程序员都很希望别人能写技术文档,自己却很不愿意写文档.因为接口数量繁多,并且充满业务细节,写文档需要花大量的时间去处理格式排版,代码修改后还需要同步修改文档,经常因为项目时间紧等原因导致文档滞后于代码 ...

  7. Spring Boot中使用MyBatis注解配置详解（1）

    之前在Spring Boot中整合MyBatis时,采用了注解的配置方式,相信很多人还是比较喜欢这种优雅的方式的,也收到不少读者朋友的反馈和问题,主要集中于针对各种场景下注解如何使用,下面就对几种常见 ...

  8. spring boot中使用@Async实现异步调用任务

    本篇文章主要介绍了spring boot中使用@Async实现异步调用任务,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 什么是“异步调用”? “异步调用”对应的是“同步 ...

  9. （转）Spring Boot 2 (十)：Spring Boot 中的响应式编程和 WebFlux 入门

    http://www.ityouknow.com/springboot/2019/02/12/spring-boot-webflux.html Spring 5.0 中发布了重量级组件 Webflux ...

随机推荐

  1. node.js安装express框架（1）

    一.全局安装express 使用express首先确保你的node.js已经安装好了环境变量配置成功,安装了npm或者cnpm 你可以在终端上面输入node -v查看你的node版本号 打开cmd终端 ...

  2. 2019-11-19：无返回的盲型xxe，使用带外读取数据

    文章资料来源于网络,仅供参考,学习使用 复现盲型xxe 实验环境:bwapp,xxe关,注释掉了返回值 准备读取的flag.txt文件为 通过利用服务器外带数据方法步骤 1,攻击机服务器新建两个文件, ...

  3. python分支循环

    1.遍历循环 for i in range(5) for i in range (M,N,K) for c in s: for c in 'python' print(c,end="&quo ...

  4. Fortran流程控制与逻辑运算、循环--xdd

    1.IF语句 1 if() then ... end if 2 if() then ... else ... end if 3 if() then ... else if() then ... els ...

  5. DVWA学习之SQL注入

    DVWA学习之SQL注入 环境工具 dvwa 1.9 phpstudy firefox burpsuite 实验步骤 一.设置安全级别为LOW 1. 登录DVWA,并将安全级别设置为LOW 2. 进入 ...

  6. MySQL 高可用架构 之 MHA (Centos 7.5 MySQL 5.7.18 MHA 0.58)

    目录 简介 环境准备 秘钥互信 安装基础依赖包 安装MHA组件 安装 MHA Node组件 安装 MHA Manager 组件 建立 MySQL 一主三从 初始化 MySQL 启动MySQL 并简单配 ...

  7. PHP开发中session无法获取和保存问题解决方法

    今天在程序设计中无法在session中获得内容,使用编辑器打开php.ini配置文件,在其中搜索"session.save_path", 把行中前面注释用的";" ...

  8. 全面解析JVM加载中初始化的时机

    JVM类加载过程 JVM类加载过程分为几个阶段,分别是加载.验证.准备.解析和初始化.加载是把二进制字节码载入内存,验证是校验字节流中包含的信息是否符合当要求,准备是为静态变量分配内存并设置静态变量初 ...

  9. 17.Django学习之django自带的contentType表

    通过django的contentType表来搞定一个表里面有多个外键的简单处理: 摘自:https://blog.csdn.net/aaronthon/article/details/81714496 ...

  10. SDK版本管理

    在编写API时,有些API被废弃.如何在使用者调用该API时就报出已经被废弃呢? 方法如下: 1.在OC中 在@interface里将要废弃的方法引用后边加上 __attribute__((depre ...