DTcms9.0后台管理国际化添加配置新语言及视频教程汇总
来源:本站 0 149 次 2026-07-17 18:08:04

DTcms9.0引入了国际化i18n,默认只有中文和英文,添加新语言只需要三步即可快速添加。


一、新语言命名

由于DTcms后台要同步element-plus,所以语言命名最好一致,我们可以进入element-plus官网查看我们需要添加的语种,在这里我以韩语为例,命名为ko

二、使用AI工具翻译

我们使用HBuilder X开发工具打开DTcms.Admin项目,依次展开src > locales目录,找到zh-CN.json文件,用记事本打开,全选复制,使用AI工具deepseek或者Qwen输入以下这段话:

以下是我后台管理系统国际化中文语言,用的是vue-i18n,现在我要将这个JSON文件,翻译成本地人能看得懂的韩语,只翻译VALUE的值,KEY不要变。翻译好后请提供一份完整的JSON给我。以下是我的中文JSON:[这里省略......]

三、修改代码增加语言

  1. 把生成的JSON保存成ko.json文件,拷贝至DTcms.Admin > src > locales目录里面,接着修改这个文件夹里面的index.js,在头部使用import引入该json文件

    import ko from 'element-plus/es/locale/lang/ko'import koJson from './ko.json'


  2. 修改localeOptions节点增加一种语言

    export const localeOptions = [ { label: '简体中文', value: 'zh-CN'}, { label: 'English', value: 'en' }, { label: '???', value: 'ko' }]


  3. 修改i18n 实例的messages节点

    const i18n = createI18n({ legacy: false, // Vue3 必须为 false globalInjection: true, // 自动向所有组件注入 $t locale: 'zh-CN', // 初始值,稍后会被 Pinia 覆盖 fallbackLocale: 'zh-CN', messages: { 'zh-CN': zhJson, 'en': enJson, 'ko': koJson }, missingWarn: false, // 关闭默认警告 fallbackWarn: false,  // 关闭回退警告 missing: (locale, key) => {  // 提取最后一段:例如 'user.hello' -> 'hello'  const lastPart = key.split('.').pop()  return lastPart || key // 如果提取不到(如空字符串),回退到原 key }})


  4. 修改导出 Element Plus 官方语言包映射的节点

    export const elementLocales = { 'zh-CN': zhCN, 'en': en, 'ko':  ko }


以下是视频教程汇总地址:

【本地PostgreSQL数据库逻辑备份】 https://www.bilibili.com/video/BV1HxN86vEJM/?share_source=copy_web&vd_source=cf57fe9bac99f5ec105e6adb7659df1b

【PosrgreSQL本地备份到部署二】 https://www.bilibili.com/video/BV16hN86wEc6/?share_source=copy_web&vd_source=cf57fe9bac99f5ec105e6adb7659df1b

【PosrgreSQL本地备份到部署三】 https://www.bilibili.com/video/BV1JhN86wE4L/?share_source=copy_web&vd_source=cf57fe9bac99f5ec105e6adb7659df1b

【NET10 API网站从发布到部署Ubuntu服务器一】 https://www.bilibili.com/video/BV1nbN86YEt5/?share_source=copy_web&vd_source=cf57fe9bac99f5ec105e6adb7659df1b

【NET10 API网站从发布到部署Ubuntu服务器二】 https://www.bilibili.com/video/BV1nbN86YE7k/?share_source=copy_web&vd_source=cf57fe9bac99f5ec105e6adb7659df1b

进入其中一个即可查看合集

相关评论
0 / 500
发表
暂无相关评论...