SpringBoot日记——国际化篇

Easter79
• 阅读 735

听起来高大上的国际化,起始就是在利用浏览器语言,或者页面中的中英文切换,将页面的文字在其他语言和中文进行切换,比如:

SpringBoot日记——国际化篇

我们想让这个功能实现,点击中文,页面就是中文的,点击英文就是英文的。

国际化配置

  那么我们来看,SpringBoot默认是按照你浏览器的语言来切换中英文的,配置文件呢,我们可以在resources中这样写:

1. 新建一个名叫“i18n”的包,我们用来存放国际化配置,然后在这个包下,我们再创建几个properties的配置文件,用来配置语言:

SpringBoot日记——国际化篇

  如图方式,我们创建3个文件,分别是无语言配置时候生效的login.properties;中文生效的login_zh_CN.properties;英文生效的login_en_US.properties; 

  也就是以下划线的组合:文件名_区域_语言.properties;当我们这样命名生成文件后,IDEA也会帮我们识别这是个国际化配置包,自动转换成如下的模式:

SpringBoot日记——国际化篇

  当然变成如上模式的时候,我们再需要添加配置文件,直接在包右键new就可以了

SpringBoot日记——国际化篇

SpringBoot日记——国际化篇

方便了许多~

2. 我们要在这些配置文件里做些改动,先来点击login_en_US的配置文件,然后点击下边如图所示的Resource Bundle的按钮,切换编辑模式:

SpringBoot日记——国际化篇

  按照如图的方法,点击加号,添加一个key,我们取名叫login.tip就是页面中用到的提示的意思

SpringBoot日记——国际化篇

 接下来,按照我们页面需要转换的量,来做配置,如下图(我把等下登录页要用的都配置好了):

SpringBoot日记——国际化篇

还没完,不要急,看起来复杂,学会了就简单了,后边我们需要将页面上引用这些值,来看。

记得在我们的application.properties中添加配置参数,让我们的配置生效:

spring.messages.basename=i18n.login

HTML页-配置

  基于之前的文章,我们了解到Thymeleaf中的语法中@和#的作用,看看如何使用,先直接上图:

SpringBoot日记——国际化篇

  前边表单里我们将所有需要的参数用#{xx.yy}的形式,按照配置的国际化参数都设置好,为了使用模板,我们需要用到th:text之类的参数来替换原来的参数。(注意看原来页有同样的text、placeholder等参数)

 而为了使Thymeleaf模板生效,别忘了在html的参数中加上这句xmlns:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>

  这样,我们就可以在切换浏览器语言的情况下,进行中英文切换了,设置方法以chrome举例(需要英文就添加英文置顶):

SpringBoot日记——国际化篇

自定义配置,使我们页面中的中英文切换生效

有耐心的同学,我们来看一下正题,怎么使自己的配置生效:

1.  文章顶部的截图,我们看到的中英文按钮的HTML,我们来看,如何配置:

SpringBoot日记——国际化篇

  注意,我这里将访问的页面其实是;localhost:8080/index.html?l=zh_CN,这也是我们点击中文按钮以后生成的链接。在Thymeleaf的模板语法中,参数是不用“?”的,而是使用小括号,然后参数按照key=value的形式设置,注意单引号;

2. 为了让自定义的配置生效,我们要做的就是覆盖或改变默认的配置,那么我们新建一个文件 MyLocaleResolver,用来实现 LocaleResolver 接口的作用;

SpringBoot日记——国际化篇

  具体方法:(因为我们的区域是用下划线“_”来配置的,所以这里用分隔符来取得区域和语言,放到request中)

package com.iceodin.common.component;

import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;

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

    }
}

3. 让我们的配置生效,当然就要把配置加入到SpringBoot的容器中,所以,在之前的配置文件中,加入Bean:

SpringBoot日记——国际化篇

4. 最好我们来看成果喽:

默认的语言展示,由于浏览器默认中文,所以:

SpringBoot日记——国际化篇

然后点击下方English,看url和页面的变化:

SpringBoot日记——国际化篇

我们再点击中文:

SpringBoot日记——国际化篇

  搞定~

点赞
收藏
评论区
推荐文章
blmius blmius
3年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为
待兔 待兔
5个月前
手写Java HashMap源码
HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22
Jacquelyn38 Jacquelyn38
3年前
2020年前端实用代码段,为你的工作保驾护航
有空的时候,自己总结了几个代码段,在开发中也经常使用,谢谢。1、使用解构获取json数据let jsonData  id: 1,status: "OK",data: 'a', 'b';let  id, status, data: number   jsonData;console.log(id, status, number )
皕杰报表只显示中文(去国际化)
皕杰报表支持国际化(查看同一张报表,不同的国家显示不同的语言),报表具体显示何种语言与以下2方面有关系:1、浏览器里的“首选语言”设置2、服务器端的字符集设置如果要显示中文,必须服务端支持中文字符集(zhCN)和浏览器的首选语言设置为简体中文这两个条件同时满足。如果想“无论任何情况下都显示中文”,即:去掉国际化,可以如下操作:1、用压缩软件打开biosrep
Stella981 Stella981
3年前
AutoCAD神器! AutoCAD自动切换中英文输入法插件(ZDSRF)
AutoCAD神器!AutoCAD自动切换中英文输入法插件(一)功能特点:CAD命令中只能输入英文字符,不能输入中文,在文字编辑、文字输入、尺寸编辑中经常需要输入中文,此时就需要频繁的切换输入法,不仅经常引起错误,而且严重影响工作效率。本软件可以实现在需要输入中文时自动切换成中文输入法,输入完毕后再自动切换为英文输入法,具体功能如下
Stella981 Stella981
3年前
KaliTools说明书+BurpSuit实战指南+SQL注入知识库+国外渗透报告
!(https://oscimg.oschina.net/oscnet/d1c876a571bb41a7942dd9752f68632e.gif"15254461546.gif")0X00KaliLinux Tools中文说明书!(https://oscimg.oschina.net/oscnet/
Stella981 Stella981
3年前
Android So动态加载 优雅实现与原理分析
背景:漫品Android客户端集成适配转换功能(基于目标识别(So库35M)和人脸识别库(5M)),导致apk体积50M左右,为优化客户端体验,决定实现So文件动态加载.!(https://oscimg.oschina.net/oscnet/00d1ff90e4b34869664fef59e3ec3fdd20b.png)点击上方“蓝字”关注我
Stella981 Stella981
3年前
SpringBoot日记——国际化篇
听起来高大上的国际化,起始就是在利用浏览器语言,或者页面中的中英文切换,将页面的文字在其他语言和中文进行切换,比如:!(https://oscimg.oschina.net/oscnet/25684277cdfb6692da7203cb76e7334448c.png)我们想让这个功能实现,点击中文,页面就是中文的,点击英文就是英文的。国际化配
Python进阶者 Python进阶者
11个月前
Excel中这日期老是出来00:00:00,怎么用Pandas把这个去除
大家好,我是皮皮。一、前言前几天在Python白银交流群【上海新年人】问了一个Pandas数据筛选的问题。问题如下:这日期老是出来00:00:00,怎么把这个去除。二、实现过程后来【论草莓如何成为冻干莓】给了一个思路和代码如下:pd.toexcel之前把这
Easter79
Easter79
Lv1
今生可爱与温柔,每一样都不能少。
文章
2.8k
粉丝
5
获赞
1.2k