消防安全知识答题活动小程序v4.1.0

v4.1.0

1)支持多选题

.wxml

<checkbox-group class="checkbox-group" bindchange="checkboxChange">
      <label class="checkbox" wx:for="{{questionList[index].option}}" wx:for-index="key"  wx:for-item="value">
        <checkbox value="{{key}}" checked="{{questionList[index].checked}}" />
        <text class="margin-left-xs">{{value}}</text>
      </label>
    </checkbox-group>

.js

// 多选,选中选项事件
 checkboxChange(e){
  //处理函数体 @done
},


消防安全知识答题活动小程序v4.1.0_功能实现


消防安全知识答题活动小程序v4.1.0_微信_02



2)支持填空题

.wxml

<view class="cu-form-group margin-top solids-bottom">
      <input placeholder="请输入您的答案" class='radius' bindinput="bindKeyInput"></input>
    </view>

.js

// 填空题填写答案
bindKeyInput: function (e) {
  // 获取填写的值
  let answer = e.detail.value;
  //做逻辑处理 @done
},


消防安全知识答题活动小程序v4.1.0_单选_03


消防安全知识答题活动小程序v4.1.0_单选_04




v3.0.0

1)升级功能:

  • 排行榜页排名机制,优化为取个人最佳成绩进行排名√
  • 答题页、结果页界面,增加展示微信头像和昵称栏目√
  • 由仅支持单选,升级为支持单选、判断、多选题型 √
  • 各界面及功能一些小优化√

2)拓展功能:

  • 注册登录页 √
  • 题库学习 √
  • 错题集 √
  • 查看所有用户的答题记录-管理员 √
  • 查看用户的答题成绩以及答题情况-管理员 √
  • 后台题库管理系统-管理员 √
  • 题目增删查改-管理员 √

3)基于v2.0拓展升级:

  • 活动规则页
  • 答题记录页
  • 排行榜页
  • 题库随机抽题
  • 查询历史成绩
  • 微信授权登录
  • 获取微信头像和昵称等
  • 首页、答题页、结果页
  • 实现页面间跳转功能
  • 实现转发分享答题成绩功能
  • 实现用云开发实现查询题库功能
  • 实现动态题目数据绑定
  • 答题交互逻辑
  • 切换下一题
  • 提交答卷保存到云数据库集合
  • 系统自动判分
  • 答题结果页从云数据库查询答题成绩
  • 注册登录页
  • 题库学习
  • 支持单选、判断题型
  • 错题集
  • 查看所有用户的答题记录-管理员
  • 查看用户的答题成绩以及答题情况-管理员
  • 后台数据监控-管理员
  • 后台管理-管理员


v2.0.0

  • 活动规则页
  • 答题记录页
  • 排行榜页
  • 题库随机抽题
  • 查询历史成绩
  • 微信授权登录
  • 获取微信头像和昵称等
  • 首页、答题页、结果页
  • 实现页面间跳转功能
  • 实现转发分享答题成绩功能
  • 实现用云开发实现查询题库功能
  • 实现动态题目数据绑定
  • 答题交互逻辑
  • 切换下一题
  • 提交答卷保存到云数据库集合
  • 系统自动判分
  • 答题结果页从云数据库查询答题成绩