c 微信项目开发多语言切换,微信小程序实现多国语言的切换

实现步骤:

1,首先在根目录新建文件夹 i18n，该文件夹下是各种语言的js文件，如下图所示：

每个js文件内容和下面的图片类似；

const languageMap = {

"授权完成":"授权完成",

"完善信息成功":"完善信息成功"

}

module.exports = {

languageMap:languageMap

}

2，新建base.js文件，位置和app.js同级别即可，也可自行安排位置；里面内容如下

function getLanguage() {

//返回缓存中的language属性 (_zhong/_ying/_riyu/_hanyu)

return wx.getStorageSync('Language') || '_zhong'

};

function translate() {

//返回翻译的对照信息

return require('i18n/' + getLanguage() + '.js').languageMap;

}

function translateTxt(desc) {

//翻译

return translate()[desc] || '竟然没有翻译';

}

module.exports = {

getLanguage: getLanguage,

_t: translate,

_: translateTxt

}

3，在页面中使用：

首先在页面 js文件中引入base.js; var base = require('../../base.js');

然后在onShow生命周期函数中写入：

onShow(){

this.setData({

_t: base._t()

});

}

写在onShow生命周期函数中每次进入该页面，都加载数据，虽然降低了性能，但是保证切换语言之后，页面的文字能随时变化；(((切换语言主要是用了微信小程序的组件radio-group，改变缓存中的一个变量，该变量是用于确定当前选择的是何种语言的标志；在步骤1中有四个js文件，分别是“_hanyu.js”，“_riyu.js” ，“_ying.js”，“_zhong.js”,

通过单选按钮将对应的文件名放入缓存；-------单选按钮的详细部分在其他文章中说明-----https://mp.csdn.net/postedit/104198619；)))

这样页面js文件的data对象里就有了对应语言的数据，在wxml页面中可以通过双花括号获取数据；

例如：{{_t["授权完成"]}}

OVER,OVER

c 微信项目开发多语言切换,微信小程序实现多国语言的切换相关推荐

c语言做一个小程序报告,《C语言程序设计实践》课程报告30个小程序组合成一个大程序.doc...
北方民族大学课程报告课程名称: 程序设计实践专业班级 : 软件工程(2)班学生姓名 : 李思良学号 : 任课教师 : 王晓锋学期 : 2015-2016学 ...
【微信小程序】微信小程序项目开发哔哩哔哩小程序
总共有10个页面,其中导航栏主页面有6个,跳转页面有4个(页面代码有参考网上前辈),页面显示如下图所示:
基于微信云开发的幼儿园招生报名小程序
研发背景以幼儿园新学期新学年招生报名为核心, 兼顾幼儿园环境图文展示(室内,室外,文娱,起居等),幼儿园招生政策答疑,最新动态新闻,幼儿园食谱介绍,报名项目海报分享等, 目的是方便园方方便的统计幼儿 ...
c语言整蛊朋友小程序
c语言整蛊朋友小程序文章目录 c语言整蛊朋友小程序前言一.我是猪关机程序 1.dos命令(强制关机) 2.源码二.无限弹窗 1.vbs 2.创建text.vbs,并打开 2.想要通过程序指定创 ...
基于微信小程序云开发实现考研题库小程序项目（完整版）
今天手把手的带大家实现一款答题类的题库小程序,如果着急的话,可以直接去看文末源码.下载与项目部署. 考研题库小程序云开发实战,完整版提供给大家学习.题库小程序,基于云开发的微信答题小程序,软件架构是微 ...
atitit.微信项目开发效率慢的一些总结
atitit.微信项目开发效率慢的一些总结 #---理念问题..这个是最大的问题.. 要有专人提升开发效率才好.. #---没有一个好的开发方法体系.... ini deve 法. fell asd+ ...
小程序开发语言python_微信小程序是用什么语言开发的呢
原标题:微信小程序是用什么语言开发的呢说到微信小程序可能大部分只是一知半解,您是否清楚小程序是用什么来开发的?如果您不太清楚,那么多美源小程序小编来告诉您小程序开的具体. 微信小程序是什么语言开发的 ...
微信小程序服务器端用什么语言开发?
点击阅读原文微信小程序服务器端用什么语言开发? 首先,比如微信二次开发,可以用java或者php 来做服务器端语言来进行二次开发,那小程序呢?文档写着.js负责业务逻辑,难道服务器端就是纯JS实现 ...
视频教程-项目实战视频课程：美团小程序（Node.js+Express+支付）-微信开发
项目实战视频课程:美团小程序(Node.js+Express+支付) 东北大学计算机专业硕士研究生,欧瑞科技创始人&CEO,曾任国内著名软件公司项目经理,畅销书作者,企业IT内训讲师,CSDN ...

c 微信项目开发多语言切换,微信小程序实现多国语言的切换

c 微信项目开发多语言切换,微信小程序实现多国语言的切换相关推荐

最新文章

热门文章