找回密码
 立即注册

QQ登录

只需一步,快速开始

[Demo源码] 微信小程序 人事管理系统

[复制链接]
查看: 733|回复: 23
最佳答案
0 

2

主题

4

帖子

94

积分

新人求带

积分
94
 楼主| 发表于 2017-6-8 14:57:11 | 显示全部楼层 |阅读模式
多语言支持相关数据结构

语言相关全局变量
Sample Code
  1. //app.js
  2. App({
  3.   onLaunch: function () {
  4.     //进入应用时检查语言设置
  5.     var language = wx.getStorageSync('selectedLanguage');
  6.     if(language){
  7.       this.globalData.settings.language = language;
  8.     }else{
  9.       //TODO 使用系统语言设定 user-info COUNTRY      
  10.       this.globalData.settings.language = 0; //暂时默认为中文
  11.     },
  12.   globalData:{
  13.     settings:{
  14.       language: null
  15.     },
  16.     userInfo:null
  17.   }
  18. })
复制代码

  • App启动时读取LocalStorage, 取得当前语言设置, 并写入全局变量
  • 各页面通过读取全局变量 settings.language 来确定当前使用语言

Setting界面

Sample Code
  1.   // pages/settings/settings.js
  2.   languages: ["简体中文", "English"], // "繁体中文", "日本語" may be supported in the future
复制代码

Picker组件

Sample Code
  1.   // pages/timecard/normal/normal.js
  2.   checkType: [
  3.     [{id: "clockIn", msg: "上班"}, {id: "clockOut", msg: "下班"}]                 // Simplified Chinese Support
  4.     ,[{id: "clockIn", msg: "Clock In"}, {id: "clockOut", msg: "Clock Out"}]      // English Support
  5.     ,[......]                                                                    // Other possible languages
  6.   ]
复制代码

当 range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容
  1. <picker value="{{checkType[uindex][index].id}}" range="{{checkType[uindex]}}" range-key="msg">
  2.     <view class="weui-input">{{checkType[uindex][index].msg}}</view>
  3.   </picker>
复制代码

  • 注意picker的 value属性 为 {{checkType[uindex][index].id}}
  • 通过以下数据结构设计, 实现以不同语言的显示, 提交表单时为相同的id

  1.   [                                                   // Language
  2.     {id: "same id", msg: "multiple language msg"}     // Options of current language
  3.   ]
复制代码

5753.png
735.png
45715.png

游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

最佳答案
0 

0

主题

3

帖子

47

积分

新人求带

积分
47
发表于 2017-6-9 17:28:50 | 显示全部楼层
想用查询系统,不知道这个可不可以
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

18

帖子

159

积分

新人求带

积分
159
发表于 2017-6-9 20:33:49 | 显示全部楼层
谢谢分享
回复

使用道具 举报

最佳答案
0 

0

主题

48

帖子

319

积分

略知一二

积分
319
发表于 2017-6-9 22:02:29 | 显示全部楼层
页面代码规范
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

2

帖子

43

积分

新人求带

积分
43
发表于 2017-6-11 09:04:29 来自手机 | 显示全部楼层
学习了,谢谢分享。
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

5

帖子

42

积分

新人求带

积分
42
发表于 2017-6-11 17:17:59 | 显示全部楼层
dsagageagasgesggsaf
回复 支持 反对

使用道具 举报

最佳答案
1 

4

主题

544

帖子

4498

积分

版主

Rank: 7Rank: 7Rank: 7

积分
4498
发表于 2017-6-14 10:22:22 | 显示全部楼层
微信小程序 人事管理系统微信小程序 人事管理系统
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

9

帖子

49

积分

新人求带

积分
49
发表于 2017-6-20 14:10:20 | 显示全部楼层
哈哈,这个很好
回复 支持 反对

使用道具 举报

最佳答案
0 

0

主题

6

帖子

44

积分

新人求带

积分
44
发表于 2017-6-23 15:13:47 | 显示全部楼层
给力楼主
回复

使用道具 举报

最佳答案
0 

0

主题

6

帖子

44

积分

新人求带

积分
44
发表于 2017-6-23 15:13:51 | 显示全部楼层
给力楼主
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


易域网-您身边的域名管家

henkuai.com是专业的第三方微信开发者平台,为生态而生。


本站为第三方微信开发者平台,非腾讯官方网站。

天津市滨海新区
中新生态城中成大道生态建设公寓9号楼3层301

欢迎来这里一起喝喝茶,
聊聊你的产品。

微信公众号gongzhongkaifa

工作日12小时内回复。

广告推广
zhongcong@henkuai.com

工作日12小时内回复。

市场合作
songchang@henkuai.com