国际化支持
百度已收录

        在我们开发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’)