第十六章 i18n国际化

第十六章 i18n国际化

1.什么是i18n国际化

2.i18n国际化三要素介绍

3.i18n国际化基础示例


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

那么我要搞一个配置文件

下面是中文

下面是英语


如果我们要获取中文信息

那么将US改为CHINA即可

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

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

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

下面我们准备了两个页面

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

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





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

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

在美国,就是中文优先了

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

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

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

此时我们刷新网页

网页就变为英文的了

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

将其变为中文优先

再刷新网页之后

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

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

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

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

然后得到不同locale即可

给超链接加上属性country



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



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

我们首先要引入fmt标签库







相关推荐
Bigger6 分钟前
告别版本焦虑:如何为 Hugo 项目定制专属构建环境
前端·架构·go
皮皮林55132 分钟前
利用闲置 Mac 从零部署 OpenClaw 教程 !
java
代码匠心2 小时前
AI 自动编程:一句话设计高颜值博客
前端·ai·ai编程·claude
_AaronWong3 小时前
Electron 实现仿豆包划词取词功能:从 AI 生成到落地踩坑记
前端·javascript·vue.js
cxxcode3 小时前
I/O 多路复用:从浏览器到 Linux 内核
前端
用户5433081441943 小时前
AI 时代,前端逆向的门槛已经低到离谱 — 以 Upwork 为例
前端
JarvanMo3 小时前
Flutter 版本的 material_ui 已经上架 pub.dev 啦!快来抢先体验吧。
前端
恋猫de小郭4 小时前
AI 可以让 WIFI 实现监控室内人体位置和姿态,无需摄像头?
前端·人工智能·ai编程
哀木4 小时前
给自己整一个 claude code,解锁编程新姿势
前端
程序员鱼皮4 小时前
GitHub 关注突破 2w,我总结了 10 个涨星涨粉技巧!
前端·后端·github