欢迎光临,了解微信小程序开发,就上易用通!

当前位置 : 易用通 > 小程序模板
日语单词学习;使用LeanCloud日语单词学习;使用LeanCloud
立即下载

日语单词学习;使用LeanCloud

模板分类 : 小程序模板 模板编号 : Y961 源码文件 : 完全开源 下载权限 : VIP会员
模板大小 :  模板指数 :  更新时间 : 2018-03-16 11:55 模板等级 : ☆☆☆☆☆

模板截图:

作者:The---onE 预览图片: 日语单词学习;使用LeanCloud(图1)  代码示例:
[AppleScript] 纯文本查看 复制代码
?
001
002
003
004
005
006
007
008
009
010
011
012
013
014
015
016
017
018
019
020
021
022
023
024
025
026
027
028
029
030
031
032
033
034
035
036
037
038
039
040
041
042
043
044
045
046
047
048
049
050
051
052
053
054
055
056
057
058
059
060
061
062
063
064
065
066
067
068
069
070
071
072
073
074
075
076
077
078
079
080
081
082
083
084
085
086
087
088
089
090
091
092
093
094
095
096
097
098
099
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
// pages/tango/mission.js
 
//获取应用实例
var app = getApp()
 
//获取LeanCloud对象
const AV = require('../../libs/av-weapp.js');
var longTapId = ''; //长按记住了的单词ID
var tangoList = {}; //本次任务选择的单词列表
var size = 20; //本次任务选择的单词数
var max = 0; //数据库中符合条件的单词数
 
var currentTango; //当前单词
var lastTango; //上个单词
var lastFlag; //上个正误
 
var toneArray = ['◎', '①', '②', '③', '④', '⑤', '⑥', '⑦']; //音调格式
 
Page({
  //初始数据
  data: {
    review: 0, //本次复习
    study: 0, //本次学习
 
    last_id: '', //上个ID
    last_flag: '', //上个正误
    last_writing: '', //上个写法
    last_pronunciation: '', //上个读音
    last_part: '', //上个词性
    laset_meaning: '', //上个意思
 
    id: '', //ID
    pronunciation: '', //读音
    tone: '', //音调
    writing: '加载中', //写法
    part: '', //词性
    meaning: '', //意思
  },
  onLoad: function (options) {
    // 页面初始化 options为页面跳转所带来的参数
    let that = this;
    //获取用户数据
    app.getUserInfo(function (userInfo) {
      //更新数据
      that.setData({
        userInfo: userInfo
      })
    })
  },
  onReady: function () {
    // 页面渲染完成
    let that = this;
    //查询本次任务学习的单词
    var cou = new AV.Query('TangoList');
    cou.count().then(function (count) {
      //符合要求的单词数
      max = count;
      var query = new AV.Query('TangoList');
      //跳过的单词数
      var start = parseInt(Math.random() * max) - size;
      query.skip(start);
      query.limit(size);
      query.find().then(function (result) {
        //将查询到的单词加入列表
        tangoList = result;
        //查询到的单词数量
        size = tangoList.length;
        //选取要显示的单词
        var tango = result[parseInt(Math.random() * size)];
        //显示单词
        that.showNewTango(tango);
      }, function (error) {
        console.error(error);
      });
    }, function (error) {
      console.error(error);
    });
  },
  onShow: function () {
    // 页面显示
  },
  onHide: function () {
    // 页面隐藏
  },
  onUnload: function () {
    // 页面关闭
  },
 
  //事件处理函数
  //点击记住了
  rememberTap: function () {
    //触发长按事件后不触发点击事件
    if (lastTango != undefined && longTapId == lastTango.id) {
      longTapId = '';
      return;
    }
    wx.showToast({
      title: '记住了',
      icon: 'success',
    });
    //TODO
    //选取新单词
    var tango = tangoList[parseInt(Math.random() * size)];
    //显示新单词
    this.showNewTango(tango, true);
  },
  //点击没记住
  forgetTap: function () {
    var that = this;
    wx.showModal({
      title: '测试',
      content: '没记住',
      success: function (res) {
        if (res.confirm) {
          console.info("确定");
        }
        //选取新单词
        var tango = tangoList[parseInt(Math.random() * size)];
        //显示新单词
        that.showNewTango(tango, false);
      }
    });
    //TODO
  },
  //长按记住了,彻底记住
  foreverTap: function () {
    longTapId = this.data.id;
    wx.showToast({
      title: longTapId,
      icon: 'success',
    });
    //TODO
    //选取新单词
    var tango = tangoList[parseInt(Math.random() * size)];
    //显示新单词
    this.showNewTango(tango, true);
  },
  lastTap: function () {
    this.showNewTango(lastTango);
  },
  //显示新的单词
  showNewTango: function (tango, flag) {
    if (flag != undefined) {
      //将当前单词记为上个单词
      lastTango = currentTango;
      //设置正误格式
      lastFlag = flag;
      var flagStr = lastFlag ? '√' : '×';
      //设置音调格式
      var tone = lastTango.get('Tone');
      var toneStr = '';
      if (tone >= 0 && tone < toneArray.length) {
        toneStr = toneArray[tone];
      }
      //设置词性格式
      var part = lastTango.get('PartOfSpeech');
      if (part.trim().length > 0) {
        part = '[' + part + ']';
      }
      //将上个单词信息显示到界面
      this.setData({
        last_id: lastTango.id, //上个ID
        last_flag: flagStr, //上个正误
        last_pronunciation: lastTango.get('Pronunciation'), //上个读音
        last_tone: toneStr, //上个音调
        last_writing: lastTango.get('Writing'), //上个写法
        last_part: part, //上个词性
        last_meaning: lastTango.get('Meaning'), //上个意思
      })
    } else {
      //没有上个单词则不显示
      lastTango = null;
      this.setData({
        last_id: '', //上个ID
        last_flag: '', //上个正误
        last_pronunciation: '', //上个读音
        last_tone: '', //上个音调
        last_writing: '', //上个写法
        last_part: '', //上个词性
        last_meaning: '', //上个意思
      })
    }
    //将新单词设为当前单词
    currentTango = tango;
    //设置音调格式
    var tone = currentTango.get('Tone');
    var toneStr = '';
    if (tone >= 0 && tone < toneArray.length) {
      toneStr = toneArray[tone];
    }
    //设置词性格式
    var part = currentTango.get('PartOfSpeech');
    if (part.trim().length > 0) {
      part = '[' + part + ']';
    }
    //设置新单词
    this.setData({
      id: currentTango.id, //ID
      pronunciation: currentTango.get('Pronunciation'), //读音
      tone: toneStr, //音调
      writing: currentTango.get('Writing'), //写法
      part: part, //词性
      meaning: currentTango.get('Meaning'), //意思
    })
  },
})

加入收藏
立即下载
分享到微信朋友圈
X

免责声明:

1. 本站所有素材(未指定商用),仅限学习交流,请勿用于商业用途。
2. 本站所有小程序模板Demo和图片均来自用户分享上传和网络收集,模板和图片版权归原作者及原出处所有。
3. 未经合法授权,会员不得以任何形式发布、传播、复制、转售该素材。