第十六章 i18n国际化

第十六章 i18n国际化

1.什么是i18n国际化

2.i18n国际化三要素介绍

3.i18n国际化基础示例


如果我要准备一个国际化的信息,要英文和中文两份

那么我要搞一个配置文件

下面是中文

下面是英语


如果我们要获取中文信息

那么将US改为CHINA即可

4.通过请求头实现国际化

上面我们通过简单的代码化的方式进行了国际化的示例

下面我们看看如何在页面上实现国际化

下面我们准备了两个页面

下面我们就是对上面的表单进行国际化的操作

这个信息是从下面的请求头中得到的





下面这里我们可以设置语言的优先级

现在我们是在这个,浏览器界面一般全是中文优先,

在美国,就是中文优先了

我们手动的将英语拖到第一个

请求头这里,英文的权重就会变多,超过中文

英文优先点的话,服务器内部通过request.getLocale()得到的就是英文

此时我们刷新网页

网页就变为英文的了

下面我们再手动地改变语言信息

将其变为中文优先

再刷新网页之后

5.通过语言类型选择实现国际化

一般的用户,是不会在设置里面去手动调整语言的优先级的

一般都是开发者,在页面上面设置选项让用户自行选择

只要在点击的时候传递一个信息,告诉服务器传递的是,中文还是英文

然后得到不同locale即可

给超链接加上属性country



6.通过JSTL标签库fmt实现国际化



演示的页面跟上面的差不多

我们首先要引入fmt标签库







相关推荐
用户83071968408214 分钟前
Spring Boot WebClient性能比RestTemplate高?看完秒懂!
java·spring boot
明君8799717 分钟前
#Flutter 的官方Skills技能库
前端·flutter
yuki_uix23 分钟前
重新认识 React Hooks:从会用到理解设计
前端·react.js
林太白25 分钟前
ref和reactive对比终于学会了
前端
Apifox29 分钟前
测试数据终于不用到处复制了,Apifox 自动化测试新增「共用测试数据」
前端·后端·测试
小小小小宇1 小时前
Mac龙虾保姆级完整部署指南
前端
睡不着的可乐1 小时前
vue2 和 vue3自定义指令有什么区别,都是怎么实现和使用一个指令
前端·vue.js
闲来没事抠鼻屎1 小时前
Web打印插件实战:轻量化JS打印方案vue-print-designer落地指南
前端
孙凯亮1 小时前
从 SSR 踩坑到 CSR 封神:Nuxt4 全流程终极实战
前端