第十六章 i18n国际化

第十六章 i18n国际化

1.什么是i18n国际化

2.i18n国际化三要素介绍

3.i18n国际化基础示例


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

那么我要搞一个配置文件

下面是中文

下面是英语


如果我们要获取中文信息

那么将US改为CHINA即可

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

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

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

下面我们准备了两个页面

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

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





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

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

在美国,就是中文优先了

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

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

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

此时我们刷新网页

网页就变为英文的了

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

将其变为中文优先

再刷新网页之后

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

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

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

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

然后得到不同locale即可

给超链接加上属性country



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



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

我们首先要引入fmt标签库







相关推荐
小陆猿8 分钟前
股票实时行情Echarts动态图表
前端·javascript
Dilettante25824 分钟前
React Server Components 全链路解析:Next.js 构建产物、导航流程与 Payload 格式
前端·next.js
前端付豪26 分钟前
Nest 项目小实践之注册登陆
前端·node.js·nestjs
用户91219176206126 分钟前
日本股票K线图生成实战:基于API的完整对接方案
前端
牛奶26 分钟前
JS随笔:ES6+特性与模块化实践
前端·javascript
牛奶42 分钟前
JS随笔:基础语法与控制结构
前端·javascript
天蓝色的鱼鱼1 小时前
Node.js 中间层退潮:从“前端救星”到“成本噩梦”
前端·架构·node.js
货拉拉技术1 小时前
如何用 AI 做业务级 Code Review
前端·agent·前端工程化
李剑一1 小时前
前端圈子又出新东西了,大幅提升解析速度。尤雨溪推荐,但我不太推荐
前端
青屿ovo1 小时前
Vue前端页面版本检测解决方案
前端·vue.js