在我们开发WEB项目的时候,项目可能涉及到在国外部署或者应用,也有可能会有国外的用户对项目进行访问,那么在这种项目中,为客户展现的页面或者操作的信息就需要使用不同的语言,这就是我们所说的项目国际化。目前云程平台已经支持多语言国际化,接下来我们介绍如何使用。
1、设置系统语言类型,默认语言为中文,修改application_xxx.yml文件
yuncheng:
# 语言配置,中文zh_CN,英文en_US
locale: zh_CN
2、定义多语言资源文件,在工程resources/static/i18n目录下
中文简体 messages.properties
user.login.success=登录成功
user.logout.success=退出成功
user.register.success=注册成功
美式英语 messages_en_US.properties
user.login.success=Login Success
user.logout.success= logout Success
user.register.success= register Success
3、java代码使用I18nUtil获取国际化
I18nUtil.message(“user.login.success”)
1、设置系统语言类型,默认语言为中文,修改public/config/bootConfig.js文件
# 语言配置,中文zh_CN,英文en_US
VUE_APP_LOCALE: ‘zh_CN’
2、定义多语言资源文件,在工程src/assets/lang目录下
中文简体 zh_CN.js
export const m = {
fm: {
components: {
fields: {
input: ‘单行文本’,
textarea: ‘多行文本’,
number: ‘计数器’,
}
}
}
}
美式英语 en_US.js
export const m = {
fm: {
components: {
fields: {
input: ‘Input’,
textarea: ‘Textarea’,
number: ‘Number’,
}
}
}
}
3、vue代码使用$t获取国际化
$t(‘m.fm.components.fields.input’)