最近在网上找了一个有关账单管理的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. 视频抓取利器you-get

    本文链接:https://github.com/soimort/you-get/wiki/%E4%B8%AD%E6%96%87%E8%AF%B4%E6%98%8E You-Get 乃一小小哒命令行程序 ...

  2. 推荐几个不错的console调试技巧

    在我们的日常前端开发中,使用最频繁的莫过于使用console.log在浏览器的控制台中打印出我们需要调试的信息,但是大部分人可能跟之前的我一样,没有意识到其实console除了log方法以外,还有很多 ...

  3. Redis系列（二）：Redis高可用集群

    一.集群模式 Redis集群是一个由多个主从节点组成的高可用集群,它具有复制.高可用和分片等特性 二.集群部署 1.环境 3台主机分别是: 192.168.160.146 192.168.160.15 ...

  4. 在Spring Security框架下JWT的实现细节原理

    一.回顾JWT的授权及鉴权流程 在笔者的上一篇文章中,已经为大家介绍了JWT以及其结构及使用方法.其授权与鉴权流程浓缩为以下两句话 授权:使用可信用户信息(用户名密码.短信登录)换取带有签名的JWT令 ...

  5. 并发编程--greenlet与gevent

    什么是greenlet? 虽然CPython(标准Python)能够通过生成器来实现协程,但使用起来还并不是很方便. 与此同时,Python的一个衍生版 Stackless Python实现了原生的协 ...

  6. “狗屁不通文章生成器”登顶GitHub热榜，分分钟写出万字形式主义大作

    一.垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高. 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介 ...

  7. 部署 kube-controller-manager 高可用集群

    目录 前言 创建kube-controller-manager证书和私钥 生成证书和私钥 将生成的证书和私钥分发到所有master节点 创建和分发kubeconfig文件 分发kubeconfig到所 ...

  8. X86架构CPU常识（主频，外频，FSB，cpu位和字长，倍频系数，缓存，CPU扩展指令集，CPU内核和I/O工作电压，制造工艺，指令集，超流水线与超标量）

    1.主频 主频也叫时钟频率,单位是MHz,用来表示CPU的运算速度. CPU的主频＝外频×倍频系数.很多人认为主频就决定着CPU的运行速度,这不仅是个片面的,而且对于服务器来讲,这个认识也出现了偏差. ...

  9. 使用Navicat连接阿里云服务器中的Mysql数据库

    1.首先将阿里云服务器中的安全组添加上Mysql的端口3306,如下图所示: 步骤就是进入到阿里云的官网,点击右上角控制台,在左边选择云服务器ECS--->实例 点击图中的管理按钮,然后选择本实 ...

  10. num += num 与 num = num+ num

    a = 100def test(num): num += num print(num) test(a)print(a) 200100 这里 num += num 与 num = num+ num 不能 ...