首页
学习
活动
专区
工具
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.9K00

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文件的时候可以使用变量...除了校验的异常需要进行国际化,服务端使用返回码来提示的业务错误也需要进行国际化消息提醒。

69620

Vue 项目前端多语言方案

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

2K20

【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来存放这些全局性的多语言信息。

1.4K20

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

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

2.9K51

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

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

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

59910

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.7K31

Django 和 Keystone.js 的详细对比

管理界面:提供一个现成的、易于使用的管理界面,便于内容编辑和管理。...表单和验证Keystone.js:特点:通过插件和自定义代码实现表单处理和验证,提供基本的表单处理功能。特性:支持表单字段验证错误处理。...Django:特点:内置强大的表单处理和验证系统,支持自动生成表单、字段验证错误处理。特性:Django Forms 提供了丰富的字段类型、验证方法和自定义表单控件,便于处理用户输入和数据验证。...多语言支持Keystone.js:特点:通过插件和自定义代码实现多语言支持,可以使用 i18n 和 l10n 插件进行国际化。特性:基本的国际化支持,需要手动配置和实现。...特性:Django 提供了 gettext、LOCALE_PATHS、翻译文件和中间件,便于处理多语言和国际化需求。9.

4500

Easy Vue 国际化 - Vue I18n 插件教程

在本文中,我们将逐步探讨使用 Vue I18n 插件实现 Vue 应用程序国际化的过程。无论您是经验丰富的 Vue 开发人员还是刚刚入门,本指南都将帮助您快速掌握如何轻松创建多语言应用程序。。...它提供了一个简单而灵活的 API,可将翻译集成到 Vue 组件中,这使得创建多语言应用程序几乎不费吹灰之力。有了 Vue I18n,您可以定义不同语言的翻译信息,并根据用户的地域轻松地在它们之间切换。...您可以使用脚本标签或 Webpack 等模块捆绑程序来包含 Vue 和 Vue I18n。...最后,我们使用 app.use(i18n) 将 i18n 实例安装到 Vue 应用程序上,并将该应用程序挂载到 ID 为 app 的 DOM 元素上。...有了 Vue I18n,开发人员可以轻松创建多语言应用程序,满足全球受众的需求。通过遵循本文中概述的步骤并利用 Vue 国际化的强大功能,您可以确保 Vue 项目获得无缝的本地化体验。

45030
领券