1.配置i18n(国际化)文件

建立login和login_en_US时会自动生成Bundle

配置默认值，英文，中文

2.页面设置值

这里用了thymeleaf模板，前面的文章有提到用法

     <img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="" width="72" height="72"><h1 class="h3 mb-3 font-weight-normal" th:text="#{login.tip}" >Please sign in</h1><input type="text" class="form-control" th:placeholder="#{login.username}" required="" autofocus=""><input type="password" class="form-control" th:placeholder="#{login.password}" required="" ><div class="checkbox mb-3"><label><input type="checkbox" value="remember-me" >[[#{login.remenber}]]

测试一下值是否显示

两个超链接标签点击传值

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

3.编写自定义的LocaleResolver组件

public class MyLocalResolver implements LocaleResolver {@Overridepublic Locale resolveLocale(HttpServletRequest httpServletRequest) {//获取请求中的语言参数String language = httpServletRequest.getParameter("l");//如果没有返回值就用默认的Locale locale = Locale.getDefault();if (!StringUtils.isEmpty(language)){//zh_CN or en_USString[] split = language.split("_");//国家，地区locale = new Locale(split[0],split[1]);}return locale;}@Overridepublic void setLocale(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse, Locale locale) {}
}

将组件配置到spring容器

@Configuration
public class MyMvcConfig implements WebMvcConfigurer {@Beanpublic LocaleResolver localeResolver(){return new MyLocalResolver();}
}

测试

4.注意点

一定要把所有的编码都改为utf-8格式，否则可能会出现乱码

自定义LocaleResolver实现页面中英文切换相关推荐

The Tips - F12开发者页面中英文切换
文章目录 F12开发者页面中英文切换直接按F12-设置 F12开发者页面中英文切换直接按F12-设置首选项 - 语言(匹配语言) 转换英文成功 - 同时设置了主题为酷黑主题,还是刚才那个页面
微信小程序开发4——利用自定义组件实现页面内容切换功能
首先展示一下要显示的功能:` 首先需要在开发者工具中新建一个文件夹(components),分别在文件夹中新建.js .json .wxml .wxcss四个文件(可以右键文件夹,选择新建新建(com ...
jenkins页面中英文切换配置
jenkins中英文切换配置 Jenkins--英文切换成中文更新了一下jenkins的war包, 结果启动后成英文的了,后来百度出解决方案: 原文地址:https://blog.csdn.net/ ...
HTML如何实现页面中英文切换,关于html页面中怎样实现中英文切换的实例分享
如何实现html页面的双语切换呢?最粗暴的办法是做两个页面,一个中文的,一个英文的.稍微温和的方法是:在每次显示之前,对当前的语言标志进行判断,用if和else来解决,其实,这种办法虽然没有那么粗暴, ...
vue中使用Vue-i18n插件实现页面中英文切换详细教程
1.在项目的根目录中安装插件 npm install vue-i18n 2.新建文件夹与文件存放自己配置的语言包,我这里新建的是lang文件夹 zh.js为中文语言包 en.js为英文语言包文件夹与 ...
i18n国际化（页面中英文切换）
1.基于jquery,先引入jQuery 2.引入jquery.i18n.js(这个源码应该不完全,但是能用) (function ($) {$.fn.extend({i18n: function ( ...
html+jquery实现页面中英文切换
目的: 前端(只采用thymeleaf模板+jquery) 实现国际化由: 前端没有采用流行的vue.js angular 等框架,纯html不可以引用js中定义的常量采用jquery赋值(维护2 ...
正则表达式split匹配多种例如 “】”，“，”两种（页面级中英文切换方案）...
在做登陆界面的时候,因为涉及到中英文因为前后台已经分离,所以前端需要自行设计中英文做法: 编写两个文件,一个中文文件,一个是英文文件,分别放在对应的目录下面文件的内容 {"login& ...
Spring Boot 基础学习之（五）页面通过自定义LocaleResolver组件实现网页页面的的中英文转换
本次项目所有能够使用的静态资源可以免费进行下载静态资源在前端网页,是不是看见过这样的功能基础网页:中文表示点击下面的English 按钮网页显示文字开始切换通过功能性按钮实现中英文切换, ...

自定义LocaleResolver实现页面中英文切换

文章目录

1.配置i18n(国际化)文件

2.页面设置值

3.编写自定义的LocaleResolver组件

4.注意点

自定义LocaleResolver实现页面中英文切换相关推荐

最新文章

热门文章