首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

基于Vue2.x的前端架构,我们是这么做的

多语言 多语言使用vue-i18n实现,先安装: npm install vue-i18n@8 vue-i18n的9.x版本支持的是Vue3,所以我们使用8.x版本。...我们的总体思路是,多语言的源数据在/src/i18n/下,然后编译成json文件放到项目的/public/i18n/目录下,页面的初始默认语言也是和用户信息接口一起返回,页面根据默认的语言类型使用ajax...(process.argv); 因为我们的包是要作为命令行工具使用的,所以文件第一行需要指定脚本的解释程序为node,然后使用commander配置了一个i18n命令,用来编译多语言文件,后续如果要添加其他功能新增命令即可...link hello-tool 现在在命令行输入hello i18n试试: 编译多语言文件 接下来完善buildI18n函数的逻辑,主要分三步: 1.清空目标目录,也就是/public/i18n目录...2.获取/src/i18n下的各种多语言文件导出的数据 3.写入到json文件并输出到/public/i18n目录下 代码如下: const path = require('path') const

1.5K20

Vue.js 项目前端多语言方案

(1)i18n相关工具的选择——由谁来提供多语言转换函数(通常是$t)? 目前国际化通用方式多数基于i18n,我们也无需再去造轮子了。但就i18n的具体使用上,有很多不同的NPM模块。...它可以和现有的webpack配置结合,不仅能完成Vux组件多语言配置的打包,还允许在自定义的Vue组件中使用标签。...比如,在自定义组件中我可以这么写: confirm:   zh-CN: 确认   en: confirm 打包时,vux-loader会将标签中的多语言配置信息导出至我们所配置的一个...也就是说,你在各个自定义组件中使用的标签中的语言包信息都会被vux-loader集中抽取到这个文件中。...(2)对于页面的标题、一些错误提示等文案,它们是出现在组件之外的,因此不适合写在组件的标签中,所以我们单独新建一个global.yml来存放这些全局性的多语言信息。

1.8K00

Spring MVC 你必须关注点

Length(min,max) 验证字符串的长度必须在指定范围内 @NotEmpty 检查元素是否为Null或Empty 使用这些注解来标注接收参数的表单对象,然后在需要校验的时候使用@Validated...还不能支持多语言。Spring Core 本身就有一个MessageSource 接口,用来实现各种消息的翻译。...比如locale 是zh_CN那么会取classpath下的i18n/message_zh_CN.properties来查找消息的对应翻译,如果查找不到则使用i18n/message.properties.../message_zh_CN.propertiesNotBlank.user.username=用户名不能为空Range.user.age=年龄必须在{min}岁到{max}岁之间 在定义i18n文件的时候可以使用变量...除了校验的异常需要进行国际化,服务端使用返回码来提示的业务错误也需要进行国际化消息提醒。

68320

【Vuejs】1082- Vue 项目前端多语言方案

(1)i18n相关工具的选择——由谁来提供多语言转换函数(通常是$t)? 目前国际化通用方式多数基于i18n,我们也无需再去造轮子了。但就i18n的具体使用上,有很多不同的NPM模块。...它可以和现有的webpack配置结合,不仅能完成Vux组件多语言配置的打包,还允许在自定义的Vue组件中使用标签。...比如,在自定义组件中我可以这么写: confirm: zh-CN: 确认 en: confirm 打包时,vux-loader会将标签中的多语言配置信息导出至我们所配置的一个...也就是说,你在各个自定义组件中使用的标签中的语言包信息都会被vux-loader集中抽取到这个文件中。...(2)对于页面的标题、一些错误提示等文案,它们是出现在组件之外的,因此不适合写在组件的标签中,所以我们单独新建一个global.yml来存放这些全局性的多语言信息。

1.5K30

Vue 项目前端多语言方案

(1)i18n相关工具的选择——由谁来提供多语言转换函数(通常是$t)? 目前国际化通用方式多数基于i18n,我们也无需再去造轮子了。但就i18n的具体使用上,有很多不同的NPM模块。...它可以和现有的webpack配置结合,不仅能完成Vux组件多语言配置的打包,还允许在自定义的Vue组件中使用标签。...比如,在自定义组件中我可以这么写: confirm: zh-CN: 确认 en: confirm 打包时,vux-loader会将标签中的多语言配置信息导出至我们所配置的一个...也就是说,你在各个自定义组件中使用的标签中的语言包信息都会被vux-loader集中抽取到这个文件中。...(2)对于页面的标题、一些错误提示等文案,它们是出现在组件之外的,因此不适合写在组件的标签中,所以我们单独新建一个global.yml来存放这些全局性的多语言信息。

2K20

Vue.js 项目前端多语言方案

(1)i18n相关工具的选择——由谁来提供多语言转换函数(通常是$t)? 目前国际化通用方式多数基于i18n,我们也无需再去造轮子了。但就i18n的具体使用上,有很多不同的NPM模块。...它可以和现有的webpack配置结合,不仅能完成Vux组件多语言配置的打包,还允许在自定义的Vue组件中使用标签。...比如,在自定义组件中我可以这么写: confirm: zh-CN: 确认 en: confirm 打包时,vux-loader会将标签中的多语言配置信息导出至我们所配置的一个...也就是说,你在各个自定义组件中使用的标签中的语言包信息都会被vux-loader集中抽取到这个文件中。...(2)对于页面的标题、一些错误提示等文案,它们是出现在组件之外的,因此不适合写在组件的标签中,所以我们单独新建一个global.yml来存放这些全局性的多语言信息。

2.8K51

Vue 项目前端多语言方案

(1)i18n相关工具的选择——由谁来提供多语言转换函数(通常是$t)? 目前国际化通用方式多数基于i18n,我们也无需再去造轮子了。但就i18n的具体使用上,有很多不同的NPM模块。...它可以和现有的webpack配置结合,不仅能完成Vux组件多语言配置的打包,还允许在自定义的Vue组件中使用标签。...比如,在自定义组件中我可以这么写: confirm: zh-CN: 确认 en: confirm 打包时,vux-loader会将标签中的多语言配置信息导出至我们所配置的一个...也就是说,你在各个自定义组件中使用的标签中的语言包信息都会被vux-loader集中抽取到这个文件中。...(2)对于页面的标题、一些错误提示等文案,它们是出现在组件之外的,因此不适合写在组件的标签中,所以我们单独新建一个global.yml来存放这些全局性的多语言信息。

1.4K20

Vue 项目前端多语言方案实践

(1)i18n相关工具的选择——由谁来提供多语言转换函数(通常是$t)? 目前国际化通用方式多数基于i18n,我们也无需再去造轮子了。但就i18n的具体使用上,有很多不同的NPM模块。...它可以和现有的webpack配置结合,不仅能完成Vux组件多语言配置的打包,还允许在自定义的Vue组件中使用标签。...比如,在自定义组件中我可以这么写: confirm: zh-CN: 确认 en: confirm 打包时,vux-loader会将标签中的多语言配置信息导出至我们所配置的一个...也就是说,你在各个自定义组件中使用的标签中的语言包信息都会被vux-loader集中抽取到这个文件中。...(2)对于页面的标题、一些错误提示等文案,它们是出现在组件之外的,因此不适合写在组件的标签中,所以我们单独新建一个global.yml来存放这些全局性的多语言信息。

1.7K30

jqueryvuereact前端多语言国际化翻译方案指南

时区(在国际场合会使用世界标准时间) 数字格式(小数点、分隔点的位置、分隔所用的字符) 产品和服务所要面向的法规 程序的内容、运营方式及方向需要遵守当地法律、法规; 多语言翻译方案 目前,并没有非常完美...的框架产生问题 ❞ 问题:难以避免的误差 机器翻译其误差在所难免,原因在于,机器翻译运用语言学原理,机器自动识别语法,调用存储的词库,自动进行对应翻译,但是因语法、词法、句法发生变化或者不规则,出现错误是难免的...jQuery - 多语言翻译 使用插件: jQuery.i18n.properties 插件Git地址:https://github.com/jquery-i18n-properties/jquery-i18n-properties...源码地址:https://github.com/Tzlibai/Demo/tree/master/i18n/jquery Vue - 多语言翻译 使用插件: vue-i18n Git地址:https:...❞ React - 多语言翻译 使用插件: react-i18next Git地址:https://github.com/i18next/react-i18next 官方使用文档:https://react.i18next.com

2.4K20

什么是 SAP UI5 应用运行时加载的 messagebundle_en.properties 文件?

在 SAP UI5 应用程序中,messagebundle_en.properties 文件是一个资源文件,用于存储应用程序的多语言文本和消息。...这些消息通常包括用户界面中显示的标签、按钮文字、提示信息、错误消息等。使用资源文件的优势在于它可以轻松地使应用程序支持多种语言,同时保持代码的整洁和可维护性。...要在 SAP UI5 应用程序中使用这些文本和消息,开发人员可以通过 SAP UI5 的 i18n 模块访问 messagebundle_en.properties 文件中的键值对。...例如,在 JavaScript 控制器代码中,可以使用以下方式获取和显示消息: var oBundle = this.getView().getModel("i18n").getResourceBundle...>submitButton}" press="onSubmit" /> 总之,SAP UI5 应用程序运行时加载的 messagebundle_en.properties 文件是一种实现多语言支持的有效方法

12620

多语言浅谈:国际化I18N 和 本地化L10N

前言 在处理多语言的解决方案时,会遇到国际化I18N 和 本地化L10N这两个名词。 本文来简述一下它们之间的含义与区别,方便后面进行多语言方案处理的时候可以更好的理解。...多语言浅谈:国际化I18N 和 本地化L10N 国际化(I18N)和本地化(L10N)是两个不同但相关的过程,它们的主要区别在于目标和关注点。...用户在使用得当地本地化的产品时,可以使用其自己的语言和文化习惯与产品互动。这个概念也表示所有用户可见的信息和所有用户文本(包括印刷版和电子版)都使用用户的语言和文化习惯。...这两个过程相互独立,但也可以组合使用或单独使用,以适应不同的市场需求和用户群体。 在项目实际应用上,首先考虑的肯定是国际化,让多个国家在产品上进行适用这是必要的需求。...原创 学习专栏推荐:Unity系统学习专栏 游戏制作专栏推荐:游戏制作 Unity实战100例专栏推荐:Unity 实战100例 教程 欢迎点赞 收藏 ⭐留言 如有错误敬请指正

39010

如何解决 SAP UI5 错误消息 - Could not find any translatable text for key appTitle

问题症状 在 Chrome 开发者工具 console 面板看到如下错误消息: Assertion failed: Could not find any translatable text for key...‘appTitle’ in bundle file(s) 单击 assert-dbg.js 超链接,就能进入到抛出这行错误消息的代码位置: 设置断点,等断点停下来之后,观察调用栈上下文,注意到...: 在 Chrome 开发者工具 network 面板里观察到这个文件没有加载成功,返回 404 错误: 关于 i18n.properties 文件的更多介绍,可以参考笔者的教程: SAP UI5...应用开发教程之八 - 多语言的支持 在 SAP UI5 应用中,通常会有一个名为 “i18n” 的文件夹,这个文件夹中包含了一个或多个 “.properties” 文件,这些文件用于存储不同语言环境的文本信息..."); 一旦你设置了这个模型,你就可以在你的视图或控制器中使用 {i18n>welcomeMessage} 来引用这个消息。

12730

uniapp 国际化开发指南【多语言

VueI18n 多语言使用 1. uniapp 的国际化 zh-Hans 简体中文 zh-Hant 繁体中文 国际化 (Internationalization,简称 i18n):指软件开发具备支持多种语言的地区功能...i18n 简称的来源是单词 Internationalization 的首末字符 i 和 n,18 为中间的字符数量 uniapp 的国际化开发指南文档 : https://uniapp.dcloud.net.cn...VueI18n 多语言使用 一、创建国际化 json 文件 ├── locale│   ├── index.js│   ├── en.json│   ├── zh-Hans.json│   └── zh-Hant.json...locale: uni.getLocale(), messages }// Vue 安装 VueI18nimport VueI18n from 'vue-i18n'Vue.use(VueI18n)const i18n... = new VueI18n(i18nConfig)// 挂载到 Vue 实例const app = new Vue({    ...App,    i18n}) 三、使用多语言 页面模板中使用 $t

2.6K30
领券