1
头图

简介

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

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

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

image.png

image.png

目录结构

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

image.png

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

  • .json 后缀的 JSON 配置文件;
  • .wxml 后缀的 WXML 模板文件;
  • .wxss 后缀的 WXSS 样式文件;
  • .js 后缀的 JS 脚本逻辑文件;

功能

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

  • 首页

    • 微信授权登录
    • 获取微信头像和昵称等
  • 活动规则页
  • 答题页

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

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

    • 查询历史成绩
  • 排行榜页

    • 成绩由高到低进行排名
  • 实现页面间跳转功能

    • 路由
  • 界面交互

    • 消息提示框
    • loading 提示框

源码地址

uem/答题活动小程序v2


Monstart
24 声望5 粉丝

weChat:meng674782630,请备注:sf