国际化是指将页面显示的信息翻译成不同语言,可以根据不同语言开发多个版本,然后根据用户选择的语言显示不同的页面。其实就是利用浏览器语言里面的中英文切换,将页面的文字转化为相应的中英文。
1. 新建一个“i18n”的包,用来存放国际化配置,然后在这个包下,我们创建一个默认的语言配置、中文语言配置、英文语言配置。
文件名以下划线组合:文件名_区域_语言.properties;当我们这样命名生成文件后,IDEA也会帮我们识别这是个国际化配置。
2. 直接在包右键new就可以了。
点击 + 号输入“en_US”,idea会给我们在创建一个英文配置
3. 点击"login_en_CN.properties"然后切换Resource Bundle的按钮。
4. 为了让配置生效需要在application.properties中添加配置参数。
spring.messages.basename=i18n.login
5. 前端页面使用国际化。
使用th标签之前需要在页面加上xmlns,加上这个之后会有提示!
<html lang="en" xmlns:th="http://www.thymeleaf.org">
然后切换浏览器上面的语言然后刷新页面就会变化了。
注意,我这里将访问的页面其实是;localhost:8080/index.html?l=zh_CN,这也是我们点击中文按钮以后生成的链接。在Thymeleaf的模板语法中,参数是不用“?”的,而是使用小括号,然后参数按照key=value的形式设置,注意单引号;
为了让自定义的配置生效,我们要做的就是覆盖或改变默认的配置,那么我们新建一个文件 MyLocaleResolver,用来实现 LocaleResolver 接口的作用;
import org.springframework.lang.Nullable;
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;
/**
* 国际化配置
* @author xiaofei
*/
public class MyLocaleResolver implements LocaleResolver{
/**
* 解析区域信息
*
* @param req
* @return
*/
@Override
public Locale resolveLocale(HttpServletRequest req) {
// 获取l后面的参数
String l = req.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, @Nullable HttpServletResponse httpServletResponse, @Nullable Locale locale) {
}
}
我们的配置生效,当然就要把配置加入到SpringBoot的容器中,所以,在之前的配置文件中,加入Bean:
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.WebMvcConfigurer;
/**
* 配置
* @author xiaofei
*/
@Configuration
public class MyMvcConfig implements WebMvcConfigurer{
@Bean
public LocaleResolver localeResolver() {
return new MyLocaleResolver();
}
}
测试:
代码下载地址:
下载:https://www.lanzous.com/i4jlr1c 密码:i73u