乐趣区

关于javascript:基于云开发的答题活动小程序v20完整项目分享附源码

简介

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

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

提炼了典型的业务模型,它能够帮忙你疾速搭建各种模式的答题软件产品。置信不论你的需要是什么,本我的项目都能帮忙到你。

目录构造

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

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

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

性能

次要蕴含六大功能模块页面,首页、答题页、后果页、流动规定页、答题记录页、排行榜页。实用于交通安全答题、消防安全常识宣传、平安生产常识学习、百年历史常识答题流动、学法违法有奖答题等。

  • 首页

    • 微信受权登录
    • 获取微信头像和昵称等
  • 流动规定页
  • 答题页

    • 实现用云开发实现查问题库性能
    • 题库随机抽题
    • 实现动静题目数据绑定
    • 答题交互逻辑
    • 切换下一题
    • 提交答卷保留到云数据库汇合
    • 零碎主动判分
  • 后果页

    • 答题后果页从云数据库查问答题问题
    • 实现转发分享答题问题性能
  • 答题记录页

    • 查问历史问题
  • 排行榜页

    • 问题由高到低进行排名
  • 实现页面间跳转性能

    • 路由
  • 界面交互

    • 音讯提示框
    • loading 提示框

源码地址

uem/ 答题流动小程序 v2

退出移动版