加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

Serverless实战驾校小程序【考题练习】二

发布时间:2020-12-14 19:32:42 所属栏目:资源 来源:网络整理
导读:准备工作做完后,今天我们从核心模块,分类与题目练习开始做。由于开发时间比较紧,这里主要写实习思路,与核心代码。 image.png 页面一、首页 这里我们主要优先实现功能逻辑,UI后面调整,我们用iview 拖一个大致结构的页面。 这里用了以下组件 { "usingCom

准备工作做完后,今天我们从核心模块,分类与题目练习开始做。由于开发时间比较紧,这里主要写实习思路,与核心代码。

image.png

页面一、首页

这里我们主要优先实现功能逻辑,UI后面调整,我们用iview 拖一个大致结构的页面。

这里用了以下组件

  1. {
  2. "usingComponents": {
  3. "i-tab-bar-item""../../dist/tab-bar-item/index""i-grid-item""../../dist/grid-item/index""i-grid-label""../../dist/grid-label/index""i-tab""../../dist/tab/index"
  4. }

页面二、专项练习页面

这个页面,我们从数据库里取出数据,首先建立好数据表,这个表结构昨天有讲。

我们导入一个CSV格式数据到表里

CSV文件内容

bSubjects,title?
1,时间题?
1,速度题?
1,距离题?
1,罚款题?
1,记分题?
1,标志题?
1,标线题?
1,手势题?
1,信号灯?
1,灯光题?
1,仪表题?
1,装置题?
1,路况题?
1,酒驾题?
1,动画题?
1,情景题?

然后我们取出这里的数据,在小程序里面显示

核心代码

// 库文件
  • const getQuestionTypeList=()=>{
  • query = wx.BmobQuery('questionType');
  • consolelogres)
  • }).catcherr=>{
  • reject)
  • });
  • wechatApp-questions2/pagestopicindexjs
  • wxugetQuestionTypeListr=>{
  • thissetData({
  • })
  • },
  • 
    
  • <!--view style"padding: 15px;">头部距离为 0Panel</view>-->
  • col wx:for"{{result}}" span"12" i-class"col-class">
  • cell title"{{item.title}}" value
  • cell>
  • col>
  • 首页点击到分类,分类点击到题目页面,下一个是题目页面,这个页面是整个项目的核心, 所以的题目都在这个页面进行计算,判断。

    页面三、答题页面?
    这个页面会是最复杂的一个页面, 涉及到,计时,判断、记录历史等等操作。

    之前只想到模拟考试,没考虑到这种按照顺序练习, 第二次进入,可以继续之前的题目练习。 这里建个学习表,记录他的顺序练习相关数据,以下是数据表暂定的结构

    学习表 learning


    第一步:还是一样,用iview 复制出对应组件

    第二步:查询出此类别的题目, 并且默认显示一道题,点击下一题,显示数组下一个元素

    第三步:先做单选题,点击选择,判断是否正确, 如果正确,记录到结果对象 [{" id ":" XXX ','0'},{" id ":" XXX ","1"}] ,0代表回答错误,1正确

    第四步:点击下一题计算进度条位置,判断当前是否选择了题目,否则提示请选择结果。

    目前做到这个一步,明天继续。

    作者:微信小程序开发?
    链接:https://www.jianshu.com/p/19283a793c60?
    來源:简书?
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    • 推荐文章
        热点阅读