驾考测试题小程序

开发目的

最近要考科目三了,所以很快就要考科目四。所以就在想自己写一款测试题小程序来玩玩顺便发挥一下自己的想法,再熟悉一下小程序~所以想开发出来感觉还是蛮实用的

功能介绍

主要功能:答题、存储错题、用户登陆

次要功能:车型大全

用户通过欢迎页面进行登陆通过向微信小程序后端服务器发起请求得到open_id进行存储在后台生成一个用户Id

并且返回到小程序中

参考资料

驾考宝典小程序,汽车之家小程序

🔧技术栈

后端:node,express,vue,element

前端:小程序,iviewUI组件库

📝项目规划

页面设计/交互构思 后端编码 前端 调试 总计/最大限度
24h 48h 72h 24h 一周/二周

💻前端页面构思

欢迎页用户登陆 / welcome / 点击用户授权登陆

用户信息页 / userInfo / 放置用户个人信息以及错题

答题导向页 / guiding / 选择考试科目以及车型点击开始考试进行考试

答题详情页 / answerDetail / 指定考试时间、考试结束后统计成绩并且收藏错题

错题集 / eTopic / 展示错题

错题重做 / eTopiceAgain / 把错题在做一遍答对删除

车型列表 / carList / 通讯录结构展示

车型品牌详情列表 / carChildList / 通讯录结构展示

车型详情 / carDetail / 类似购物详情页

暂定~

🐒后端构思

保存用户答题的信息但是对查看车型等不做存储~

保存用户登陆信息 / 存储用户错题信息 / 用户错题重测答对删除用户错题信息

登陆页 loginPage.vue

用户页 userPage.vue

错题储存页 eTopicPage.vue

📚数据库

用户_user	/	id	/	open_id	/	created_time
错题_etopic	/	id	/	title	/	select	/	answer	/	user_id
1
2

API/阿里云市场免费申请

router.post('/wxlogin')
router.post('/etopic')
router.get('/etopic')
router.put('/etopic')
1
2
3
4

驾考测试题API 点击查看

车型大全API 点击查看

使用方法

  1. 请求Header中添加的Authorization字段;
  2. 配置Authorization字段的值为“APPCODE + 半角空格 +APPCODE值”。
示例:
Authorization:APPCODE 3F2504E04F8911D39A0C0305E82C3301
1