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

boyanx4个月前技术教程17

消防安全知识答题活动小程序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
},





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
},






v3.0.0

1)升级功能:

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

2)拓展功能:

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

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

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


v2.0.0

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

相关文章

又一个布局利器,CSS 伪类 :placeholder-shown

一般我们常见placeholder伪类选择器用来修改默认样式及文案,忽然发现placeholder-shown伪类选择器,比较官方的解释是CSS伪类表示任何显示占位符文本的form元素。简单来说就是当...

用deepseek开发一款记事日历(留白记事deepseek软件做什么用)

打开 chat.deepseek.com输入提示词: 制作一个记事日历工具,每个月自动更新当前的月份,每天可以添加当天的备注,点击后即标记为完成结果:<!DOCTYPE html> <...

Lit简介:基于标准的反应库(反应标准的标杆是)

  Lit基于Mozilla的Web组件标准,以提供简单、合规的反应前端。在一个技术替代品庞大的世界里,它可能会提供一条明确的前进道路。  在用于被动编程的前端JavaScript框架中,Lit是一个...

阿东编程系列:APP使用用户名、密码和图片验证码进行登录

本期内容登录过程较为常见和简单,不再以视频的方式呈现(如果确实有需要,小伙伴可以发私信告知,到时候再录制视频)。这里给大家贴出代码和图片,方便小伙伴们去完成。1.APP端基于uni-app的登录页代...

鸿蒙开发(二十五):输入框类型(华为鸿蒙系统自带什么输入法)

输入框 TextInput 一共有 5 种输入类型:Normal基本输入模式。支持输入数字、字母、下划线、空格、特殊字符。Password密码输入模式。支持输入数字、字母、下划线、空格、特殊字符。密码...

input输入框最常用样式修改(input框不能修改)

input框有默认的样式,但在实际项目开发中,经常要根据美工的设计图对输入框的样式进行修改,这里把我在项目中最常用到的关于input样式修改的代码进行了整理,可以用于学习,也可直接运用。修改input...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。