第十六章 i18n国际化

第十六章 i18n国际化

1.什么是i18n国际化

2.i18n国际化三要素介绍

3.i18n国际化基础示例


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

那么我要搞一个配置文件

下面是中文

下面是英语


如果我们要获取中文信息

那么将US改为CHINA即可

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

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

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

下面我们准备了两个页面

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

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





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

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

在美国,就是中文优先了

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

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

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

此时我们刷新网页

网页就变为英文的了

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

将其变为中文优先

再刷新网页之后

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

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

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

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

然后得到不同locale即可

给超链接加上属性country



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



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

我们首先要引入fmt标签库







相关推荐
AI袋鼠帝43 分钟前
火爆全网的Seedance2.0 十万人排队,我2分钟就用上了
前端
IT_陈寒44 分钟前
React Hooks闭包陷阱:你以为的state可能早就过期了
前端·人工智能·后端
Jenlybein1 小时前
快速了解熟悉 Vite ,即刻上手使用
前端·javascript·vite
小码哥_常1 小时前
安卓开发避坑指南:全局异常捕获与优雅处理实战
前端
lihaozecq1 小时前
我用 1 天的时间 vibe coding 了一个多人德州扑克游戏
前端·react.js·ai编程
momo061171 小时前
AI Skill是什么?
前端·ai编程
言萧凡_CookieBoty1 小时前
用 AI 搞定用户系统:Superpowers 工程化开发教程
前端·ai编程
小小小小宇1 小时前
Go 语言协程
前端
牛奶1 小时前
5MB vs 4KB vs 无限大:浏览器存储谁更强?
前端·浏览器·indexeddb
牛奶1 小时前
setTimeout设为0就马上执行?JS异步背后的秘密
前端·性能优化·promise