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
最终效果如下：
效果一：所写代码➕预览
1.webp.jpg
效果二：数据表变化
2.webp.jpg
这样我们就实现了，整个小程序开发的第一步，自动注册登陆，获取openid。
网友评论