1. 项目要求
小程序端开发
WEB管理后台开发
2. 项目功能
主栏目分为科目一答题练习、科目四答题练习、满分学习、注销恢复、资格证,包含小车、客车、摩托车等,功能包含视频讲解、章节练习、模拟考试、错题、收藏等等。 支持支付、分享、提成、提现等
3. 项目选型
小程序选择 Serverless架构,以最高效率开发
这里使用以下技术产品
小程序端:
Bmob后端云+iview
VUE + Bmob后端云
Bmob后端云,自带了支付,生成二维码等接口,这里集成可以快速上线。VUE 有丰富的后台模板,可以更快的做出管理后台。
4.开发过程
第一步:清晰了解需求
参考、分析行业有关产品:驾校一点通与驾考宝典。
第二步:数据库设计
思路:数据库参考其他驾考类小程序,优先把核心字段建立出来,尽量考虑周全, 不够后面再补。
这里注意的是,Serverless架构,主要适合做一些中小型应用,如果应用数据量很大, 尽量提前考虑分表。
数据表:
题目表
题目类别表(题形)
错题表
收藏表
成绩表
用户表
用户表(Bmob系统自带 )了数据库文档
由于使用Bmob后端云数据库,默认每条记录都带id、创建时间与更新时间,此数据表说明不带这2个字段。
题目表(question)
名称 | 类型 | 描述 |
---|---|---|
title | string | 题目名称 |
choseList | Array | 选择列表 [{"item":"选选一"},{"item":"选选二","isChose":true}] |
type | int | 类型 1.单选 2.多选 3.判断 |
pic | string | 图片地址 |
video | string | 视频地址 |
help | string | 帮助描述 |
bSubjects | int | 所属科目 1.科目一 2.科目四 |
bModels | int | 所属车型 1.小车 2.货车 3.客车 4.摩托车 |
bType | string | 所属类别 关联类别表 |
题目类别表(questionType)
名称 | 类型 | 描述 |
---|---|---|
bSubjects | string | 所属科目 1.科目一 2.科目四 |
title | sting | 类别名称 |
错题表
名称 | 类型 | 描述 |
---|---|---|
id | string | 题目id |
uid | string | 用户id |
收藏表
名称 | 类型 | 描述 |
---|---|---|
id | string | 题目id |
uid | string | 用户id |
成绩表
名称 | 类型 | 描述 |
---|---|---|
time | string | 用时 |
score | int | 成绩 |
设计好数据表之后,做准备工作
- 拿到小程序的 AppID填写到Bmob控制台,应用设置-》应用配置
- 把上面所有想好建立好的数据表添加到数据库
- 小程序开发工具新建一个空白项目,复制BmobSDK,到utils目录
- 引入SDK,初始化。
引入SDK,初始化。文档在这里:
https://bmob.github.io/hydrogen-js-sdk/#/?id=%E5%88%9D%E5%A7%8B%E5%8C%96
最终效果如下:
效果一:所写代码➕预览
效果二:数据表变化
这样我们就实现了,整个小程序开发的第一步,自动注册登陆,获取openid。