这门课解决什么问题

很多企业和培训机构都需要把线下的题库搬到线上,做成能让用户在手机上随时刷题、模考、看教学视频并下载资料的小程序。如果找外包做这样一套带后台管理的系统,成本通常不低,而且后续增删题目还得继续付费。这门课针对的就是这个场景:带你从零写出一个包含顺序练习、倒计时考试、错题本、收藏题目、背题模式以及文档下载和视频观看的小程序,同时配套一个能录入题目和查看考试统计的后台。它不是泛泛讲小程序语法,而是围绕一个真实的答题产品,把前端界面、数据库设计和后台数据对接完整走一遍。

适合什么基础与资料怎么配合练习

这套资料适合已经了解基本前端语法、能看懂简单页面结构,但缺少完整项目落地经验的开发者。如果你完全没有接触过任何代码或小程序开发工具,直接跟着看会很吃力。建议先重点看课程开头的效果演示部分,对照最终成品确认是否契合自己的业务需求;接着优先学习创建数据库和后台管理、获取分类题库列表这几块,把数据怎么存、怎么查的逻辑理顺;最后再对照顺序练习和考试答题的页面布局,把界面与数据绑定起来。看视频时不要只停留在听懂,务必自己在开发工具里新建项目,跟着每一步敲代码。遇到卡壳的地方,先把题库菜单布局和列表渲染跑通,再去死磕倒计时和错题统计等复杂逻辑。

学完能独立做什么

完整跟下来后,你应当能独立交付一套标准的多功能刷题小程序。不仅能搭建出支持分类切换的题库前台,还能自己设计数据表结构,把题目、选项、正确答案和解析录入后台供前端调用。除了做在线考试和考证刷题产品,这套数据交互和列表渲染的底层逻辑也能直接复用到其他需要分类展示和内容管理的业务里,比如资料文库或付费视频短课。对于想接外包兼职或者在公司内部承接数字化工具开发的程序员来说,这是一个能直接拿出手、且能根据客户需求灵活调整业务分类的完整项目经验。


顺序练习答题、考试答题、答题板、考试倒计时、错题本、收藏题目、背题模式、答题模式、考试统计

课程目录

*   01 0-1.课程实现效果展示.mp4 04:44

*   02 0-2.文档下载 视频功能演示.mp4 03:36

*   03 1.功能设计 新建项目.mp4 09:55

*   04 2.创建底部菜单tabbar.mp4 13:18

*   05 3.题库页面布局实现.mp4 14:02

*   06 4.创建数据库和后台管理.mp4 13:44

*   07 5.创建题库名称数据库.mp4 07:40

*   08 6.获取对应分类下面的题库列表.mp4 05:22

*   09 7.选中对应的分类实现对应的题库.mp4 09:47

*   10 8.一次性获取所有数据.mp4 09:17

*   11 9.创建题库菜单页面.mp4 08:06

*   12 10.实现题库菜单布局.mp4 16:40

*   13 11.创建题库数据库后台.mp4 24:32

*   14 12.实现答题或背题模式布局.mp4 16:52

*   15 13.实现题干内容布局.mp4 17:10

*   16 14.实现题目解析布局.mp4 05:07

*   17 15.自动进入下一题.mp4 06:53

*   18 16.单选题答案判断.mp4 11:03

*   19 17.获取多选题选中的选项.mp4 16:10

*   20 18.渲染多选题选中的样式.mp4 25:10

*   21 19.绑定结果到对应题目上.mp4 18:21

*   22 20.解决异常问题.mp4 17:16

*   23 21.添加判断题逻辑.mp4 11:22

*   24 22.添加视频讲解功能.mp4 08:37

*   25 23.统计当前第几题和底部布局.mp4 12:51

*   26 24.计算答对和答错数量.mp4 05:40

*   27 25.实现练习结果布局.mp4 15:56

*   28 26.练习结果统计.mp4 07:42

*   29 27.判断时机跳转到练习结果页面.mp4 09:56

*   30 28.创建错题本数据库 深度拷贝.mp4 20:25

*   31 29.判断是否有此错题.mp4 09:36

*   32 30.实现错题本页面布局.mp4 10:40

*   33 31.点击练习错题.mp4 11:23

*   34 32.点击单个错题进入答题页面 解决bug.mp4 13:17

*   35 33.长按删除错题本里的错题.mp4 09:14

*   36 34.收藏题目添加到数据库.mp4 07:03

*   37 35.取消收藏 收藏图标变化.mp4 09:38

*   38 36.实现我的收藏页面.mp4 06:40

*   39 37.实现搜索布局和模糊搜索功能.mp4 14:45

*   40 38.完善搜索功能.mp4 05:09

*   41 39.聚合分组 实现专项题库查询.mp4 14:04

*   42 40.专项练习跳转题库页面.mp4 18:57

*   43 41.携带参数跳转考试.mp4 03:37

*   44 42.实现考试页面布局.mp4 04:33

*   45 43.设置结束时间.mp4 09:11

*   46 44.实现倒计时功能.mp4 15:01

*   47 45.计算考试用时.mp4 11:02

*   48 46.销毁考试定时器.mp4 08:12

*   49 47.实现考试结果页面.mp4 17:51

*   50 48.提交考试弹窗提示.mp4 03:56

*   51 49.随机打乱题目顺序.mp4 13:12

*   52 50.添加考试记录到数据库.mp4 11:32

*   53 51.查询考试记录.mp4 12:00

*   54 52.实现考试记录布局.mp4 05:32

*   55 53.实现答题板布局.mp4 12:45

*   56 54.阻止页面滑动.mp4 10:16

*   57 55.点击题板进入对应题目 隐藏弹窗.mp4 13:26

*   58 56.题板标注错题和正确的题.mp4 16:13

*   59 57.测试考试答题板功能.mp4 05:47

*   60 58.实现我的页面布局.mp4 04:35

*   61 59.登录-创建空白项目.mp4 04:32

*   62 60.登录-授权头像信息.mp4 09:59

*   63 61.登录-授权昵称信息.mp4 07:21

*   64 62.登录-上传图片到云端.mp4 08:51

*   65 63.登录-保存到数据库数据.mp4 07:13

*   66 64.登录-获取https头像路径64.登录-获取https.mp4 03:24

*   67 65.登录-获取图片类型.mp4 06:44

*   68 66.实现我的页面功能.mp4 09:10

*   69 67.答题页面判断是否登录.mp4 06:10

*   70 68.完善后台用户管理.mp4 06:50

*   71 69.创建文档页面 跳入文档.mp4 10:32

*   72 70.文档布局页面 创建文档后台管理.mp4 08:02

*   73 71.打开文档文件.mp4 09:15

*   74 72.实现视频功能.mp4 13:14

*   75 73.登录拦截功能.mp4 01:30