189 8069 5689

如何实现微信小程序国际化探索-创新互联

这篇文章主要讲解了如何实现微信小程序国际化探索，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

目前创新互联公司已为近1000家的企业提供了网站建设、域名、虚拟空间、网站运营、企业网站设计、庐江网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

一、项目结构

整体目录结构如下图：

如何实现微信小程序国际化探索

  • assets 存放资源文件，如图片
  • constants 存放项目中用到的常量
  • i18n 存放语言文件，中文是 zh-CN.js 英文是 en-US.js ，如果还需要支持其他语言再建一个 js 即可
  • pages 存放业务逻辑代码
  • utils 存放工具类。LangUtils 是封装的国际化工具类。

二、工具类封装及语言包准备

2.1 语言包准备

i18n 目录下的各语言包结构要一致，即对象的 key 保持一致， value 是对应的语言文本。

建议每个小模块分为一个对象，单个对象的内容不宜过多。

zh-CN.js

export default {
 common: {
 language: '语言',
 chinese: '中文',
 english: '英语',
 },
 tabBarTitles: ['主页', '论坛', '我的'],
 navTitle: {
 home: '主页',
 forum: '论坛',
 mine: '我的',
 setting: '设置'
 },
 home: {
 motto: '我们宁愿拥有一个不完美的变革，也不愿看到一个没有希望的未来',
 respect: '致勇者',
 getUserInfo: '获取头像昵称'
 },
 forum: {
 forumModule: '我是论坛模块',
 tip: '下面是一个组件，用来展示组件的国际化配置'
 },
 comment: {
 title: '评论组件',
 msg: '网络一线牵，珍惜这段缘'
 },
 mine: {
 title: '这是我的页面',
 toNewPage: '跳转到新页面'
 },
 setting: {
 title: '我是设置页面'
 }
}

网站题目：如何实现微信小程序国际化探索-创新互联
分享路径：http://jkwzsj.com/article/ddccih.html

其他资讯