简介

答题活动小程序v2.0，是一个微信小程序答题软件，它基于微信原生小程序+云开发实现。

它使用了最新的前端技术栈，具有原生APP体验服务的小程序框架，小程序视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，响应的数据绑定，提供了丰富的基础组件和API。

提炼了典型的业务模型，它可以帮助你快速搭建各种形式的答题软件产品。相信不管你的需求是什么，本项目都能帮助到你。

目录结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件（app.js、app.json、app.wxss）组成，必须放在项目的根目录。目录结构如下：

一个小程序页面由这四个文件组成，你可以留意到这个项目里边有不同类型的文件:

1. .json 后缀的 JSON 配置文件；
2. .wxml 后缀的 WXML 模板文件；
3. .wxss 后缀的 WXSS 样式文件；
4. .js 后缀的 JS 脚本逻辑文件；

功能

主要包含六大功能模块页面，首页、答题页、结果页、活动规则页、答题记录页、排行榜页。适用于交通安全答题、 消防安全知识宣传、 安全生产知识学习、百年历史知识答题活动、学法守法有奖答题等。

- 首页
    - 微信授权登录
    - 获取微信头像和昵称等

- 活动规则页

- 答题页
    - 实现用云开发实现查询题库功能
    - 题库随机抽题
    - 实现动态题目数据绑定
    - 答题交互逻辑
    - 切换下一题
    - 提交答卷保存到云数据库集合
    - 系统自动判分

- 结果页
    - 答题结果页从云数据库查询答题成绩
    - 实现转发分享答题成绩功能

- 答题记录页
    - 查询历史成绩

- 排行榜页
    - 成绩由高到低进行排名

- 实现页面间跳转功能
    - 路由

- 界面交互
    - 消息提示框
    - loading 提示框

源码地址

uem/答题活动小程序v2

https://gitee.com/uemeng/answer-activity-applet-v2.0

作品体验