首页
Python
Java
前端
数据库
Linux
Chatgpt专题
开发者工具箱
i18n专题
vue3使用vue-i18n(最全攻略踩坑记)
1.安装vue-i18n "vue-i18n": "^9.2.2", 2.新建locales目录 3.新建index.js // 导入你的本地化消息文件import { createI18n } from "vue-i18n";import enMessages from "./en.json";import zhCNMessages from "./zh-CN.json";im
阅读更多...
Yii2多语言设置 yii2-国际化-i18n组件的完全配置和使用
配置i18n到web.php 在config/web.php中的config数组加入以下内容。其中,language为全局语言设置;basePath的@app/common/messages等同于,项目目录下common/messages文件夹(这个文件夹需要自行创建,当然大家可以设置自定义目录,代表映射目录);sourceLanguage,即需要被转化的语言,这里选择英语为源语言;fil
阅读更多...
vue3使用i18n实现国际化
安装vue-i18n npm install vue-i18n 创建一个ts文件用于存储各种翻译 globalLang.ts的内容如下: export default {"cn": {},"en": {},"de": {},"es": {},"fr": {},"id": {},"it": {},"jp": {},"kr": {},"pt": {},"tw": {}}; 在main.
阅读更多...
rails 中i18n实现本地化
在rails中写东西时,因为默认语言是英文的,所以很多已有的提示都是英语,而这对于一个中文网站来说并不友好. 所以一般会使用i18n来实现本地化 在application.rb文件中 写入 config.i18n.default_locale = 'zh_CN' 然后在config/locales文件下 创建 zh_CN.yml文件 内容格式如下: zh
阅读更多...
使用vscode插件du-i18n处理前端项目国际化翻译多语言
前段时间我写了一篇关于项目国际化使用I18n组件的文章,Vue3 + TS 使用国际化组件I18n,那个时候还没真正在项目中使用,需求排期还没有定,相当于是预研。 当时就看了一下大概怎么用,改了一个简单的页面,最近需求下来了,开始整个项目去做了,才发现工作量有点大,好像也有点傻,一个个地取变量名,翻译,替换。。。换了几个页面之后,发现眼睛都要花了,又累又困,还容易出错,于是跟同事吐槽了一下,没想
阅读更多...
Vue I18n国际化插件
Vue I18n国际化插件 安装目录结构及文件内容./locales/lang/zh.js./locales/lang/en.js./locales/index.js main.js引入页面具体使用及语言切换(Vue3)刷新保存原语言,App.vue添加路由守卫注意点 中文文档: https://kazupon.github.io/vue-i18n/zh/introduction.
阅读更多...
Spring 读取i18n国际化资源文件的工具类
现有一个国际化资源文件demoUser_zh_CN.properties如下: demoUser.create.success=创建成功demoUser.update.success=更新成功demoUser.delete.success=删除成功demoUser.start.success=送审成功demoUser.approval.success=审核成功demoUser.cl
阅读更多...
i18n-demo
一、demo 1、资源文件准备 resources下放各个语言文件,直接放resources下都行。我新建一个文件夹,
阅读更多...
react-native-i18n 语言切换工具
yarn add react-native-i18n Android 在./android/settings.gradle文件中添加下列代码: include ':app', ':react-native-i18n'project(':react-native-i18n').projectDir = new File(rootProject.projectDir, '../node_mod
阅读更多...
struts2的国际化i18n
本文主要介绍struts2的国际化,首先在struts.xml文件中配置 常量值 <constant name="struts.custom.i18n.resources" value="app"/>(app为properties部分文件名,全名为app_en_US.properties或app_zh_CN.properties) app_en_US.propertie内容 city=
阅读更多...
vue多语言插件vue-i18n
安装vue-i18n npm install vue-i18n -S 使用 1.在main.js中引入vue-i18n import VueI18n from 'vue-i18n'Vue.use(VueI18n) 2.vue-i18n初始化 const i18n = new VueI18n({locale: 'cn', // 默认语言messages}) 3.vue-i
阅读更多...
JAVA 标准接口返回与i18n国际化配置
不喜欢废话直接上代码 标准通用返回 package com.luojie.common;import com.luojie.common.inter.ResponseCommon;import lombok.Data;@Datapublic class ResponseCommonImpl implements ResponseCommon {int code;String msg;Obj
阅读更多...
【第18章】spring-mvc之国际化(i18n)
文章目录 前言一、准备1. resource2. 数据 二、前端1.界面2.脚本 三、后端四、效果1. 中文(默认)2.英文 总结 前言 【第19章】spring-i8n 在mvc的基础上,我们可以通过界面完成浏览器和服务端的交互,可以更好地展示国际化功能; 本章节依旧以北京车展为案例。 一、准备 1. resource 2. 数据 数据文件已上传附件
阅读更多...
i18n亂碼問題
原因:配置文件中的字符集和開發工具使用的字符集不一致 yml或其他的配置文件中 messages:basename: i18n/messagesencoding: utf-8 開發工具idea的字符集設置:
阅读更多...
使用dropwizard(6)-国际化-easy-i18n
前言 Dropwizard官方文档并没有提供国际化的模块,所以只能自己加。Spring的MessageResource用的很顺手,所以copy过来。 作者:@Ryan-Miao 本文为作者原创,转载请注明出处:http://www.cnblogs.com/woshimrf/p/dropwizard-i18n.html Easy i18n 在整合Dropwizard的时候,多语言貌
阅读更多...
vue 3 中i18n字符串 转义问题
文章目录 前言原因分析解决方案1. 特殊字符的转义2. 占位符与变量插值3. HTML标记4. 多行字符串 前言 本地没有问题,打包就有问题,最后排查是i18n问题,这里记录下 原因分析 特殊符号被误解析:某些特殊符号可能在字符串解析时被特殊处理,比如在某些上下文中@可能被看作是一个指令或者特殊标记。 编码或转义问题:如果特殊字符没有被正确地转义,它们可能在解析时导致错
阅读更多...
多语言vue-i18n (vue2,uniapp)
安装vue-i18n npm install vue-i18n@8 --save // npm install vue-i18n–save 9版本需要vue3.0 // 在vue2环境下,默认安装 npm install vue-i18n 的版本是 vue-i18n@9.2.2, // 报错信息里提示这个版本要求是vue3,所以我们安装适合vue2版本的vue-i18n 依赖包。 // 运行指令
阅读更多...
在Nuxt框架中使用i18n实现语言国际化
1、安装依赖(切记不是vue-i18n) npm install --save nuxt-i18n 2、在nuxt.config.js中加入配置 modules: ['nuxt-i18n',], 语言根据自己需要配置 i18n: {locales: [{code: 'en',iso: 'en-US',name: 'English',},{code: 'zh',iso: 'zh-CN
阅读更多...
nextjs 14 实现i18n 国际化
对于 Next.js 14,可以使用 next-i18next 库来实现国际化(i18n)。这个库可以帮助你在 Next.js 应用程序中轻松地管理多语言内容。你可以按照以下步骤来实现 i18n: 首先,安装 next-i18next 库: npm install next-i18next 在 Next.js 项目中创建一个 i18n.js 文件,并配置语言设置。例如: // i18n.js
阅读更多...
mac平台idea显示i18n的properties文件为中文
阅读更多...
vue多语言包i18n
1.安装 如果是vue2直接安装8.2.1版本,否则会出现版本不匹配的错误 npm install vue-i18n@8.2.1 --save 2.文件编辑 在src目录下创建文件 en.js export const h = {system: "Background management system",loginOut:"LoginOut",LayoutSe
阅读更多...
Flex国际化(I18N )
最简单的方法是本地化编译,即编译不同的语言版本,然后使用Application Server来判定客户使用的是哪种语言,并自动指向对应的swf文件。 具体做法如下: 在项目上点击右键,选择Properties。 然后选择Flex Compiler,在Additional Compiler arguments下面已经配置好语言包了,默认为-locale en_US。 这时我们可以用一个loc
阅读更多...
一文全面了解 wxWidgets 程序国际化(i18n)处理
尽管应用程序的国际化(简称i18n)远不止是将文本消息翻译成另一种语言的消息——日期、时间和货币格式也需要更改,一些语言是从左到右书写,而另一些是从右到左书写,字符编码可能不同,以及许多其他可能需要更改的事项——但这都是必要的第一步。 wxWidgets通过其wxLocale类为消息翻译提供了便利,并且wxWidgets本身已被完全翻译成多种语言。请访问wxWidgets主页以获取最新的翻译——
阅读更多...
SAP BAS开发Fiori项目中的各种文件详解(manifest.json, package.json, ui5.yaml, i18n等)
1. 背景 在SAP BAS中新建好一个Fiori项目后,系统会自动生成一系列的文件,例如package.json, ui5.yaml, manifest.json, i18n等。对于不熟悉web应用程序开发的同学,这些文件理解起来会很困惑。 在这篇文章中,我会详细介绍这些文件的功能和用途。 2. 文件结构 一个典型的Fiori项目创建好后,一般会生成如下的文件结构。 但Fiori项
阅读更多...
优维低代码:I18n 国际化
优维低代码技术专栏,是一个全新的、技术为主的专栏,由优维技术委员会成员执笔,基于优维7年低代码技术研发及运维成果,主要介绍低代码相关的技术原理及架构逻辑,目的是给广大运维人提供一个技术交流与学习的平台。 连载第三十四期 《高级指引:I18n 国际化》 ▽ Brick Next 的国际化基于 i18next 实现。 # 微应用的国际化配置 要为微应用配置国际化信息,首先,在
阅读更多...
vue - - - - - i18n$t()无法获取数组、对象
i18n $t 无法获取数组、对象 项目场景:遇到问题:官方解释:解决办法: 项目场景: vue3项目需要支持多语言,首选就是vue-i18n。vue3支持的是vue-i8n也更新到v9版本 遇到问题: 在项目里使用$t来获取数据时,$t()将仅返回字符串,数组及对象会直接返回其属性名 这样对开发来说就不太友好了 官方解释: “Reason: To make simpl
阅读更多...