一、前言
随着互联网技术的飞速发展和智能设备的普及，在线教育成为了教育领域的新趋势。在线教育视频学习小程序以其便捷性、灵活性和高效性，为学习者提供了随时随地进行学习的机会。在当前教育信息化的大背景下，开发一款在线教育视频学习小程序具有重要的现实意义。
该在线教育视频学习小程序采用先进的技术架构。后端由 SpringBoot 开发，确保系统稳定高效，能快速响应业务需求。前端运用 Uniapp，实现跨平台开发，为用户带来一致的优质体验。数据库选用 Mysql，存储大量学习数据，具备高可靠性和强大查询能力。这种组合为小程序提供了坚实的技术支撑，让用户能够随时随地通过小程序进行高质量的视频学习，满足不同用户的学习需求，推动在线教育的发展。
二、功能设计
2.1 管理员用例图如下图所示：
2.2 用户用例图如下图所示：
2.3 教师例图如下图所示：
三、数据库设计
四、部分效果展示
4.1 小程序用户首页，上方展示用户学习进度及课程提醒。中部轮播热门课程视频，往下是已购课程列表可直接点击学习。右侧有学习日历及答疑入口。底部则是分类导航，方便切换不同学习板块。
4.2 付费课程界面，顶部呈现课程名称、讲师信息及评分。中间是课程详情介绍，含大纲、时长等。设有试看片段区，下方罗列课程章节可按需解锁学习。右侧有课程配套资料下载入口及学习笔记功能。
4.3 教师申请界面，首先是填写基本信息栏，包括姓名、联系方式、教育背景。接着是上传相关证件照区域，如教师资格证等。下方是教学经验描述框，还有擅长学科选择项，最后是提交申请按钮。
4.4 视频课程界面上方是课程标题和讲师名字。中间是视频播放窗口，有播放 / 暂停、进度条、音量调节等功能。侧边栏是课程目录，可快速跳转。下方是评论区和相关课程推荐，便于互动和拓展学习。
4.5 课程搜索界面有醒目的搜索框，用户输入关键词即可查找课程。下方是热门搜索词推荐。还有分类筛选区，可按学科、难度、课程类型等筛选。右侧是搜索历史，方便用户快速检索之前查找过的课程。
4.6 我的订单界面顶部显示订单总数。订单列表中，每个订单都有课程名称、讲师、购买时间、价格等信息。有订单状态标识，如已支付、待学习等。可对订单进行查看详情、继续学习、申请退款等操作。
4.7 购买课程支付界面上方是课程金额与优惠信息展示。中部是支付方式选择区，有微信、支付宝等常见方式，每种方式有对应图标。下方是确认支付按钮，同时显示支付安全提示和客服联系方式。
4.8 支付密码输入界面整体简洁。顶部有支付相关提示信息，如支付金额。中间是密码输入框，以加密圆点显示输入内容。下方有忘记密码选项和确认支付按钮，背景有安全防护标识图案。
4.9 管理员管理视频界面，顶部是搜索栏可按标题、类型等查找视频。左侧是分类列表，区分不同学科或用途的视频。中间展示视频详情，包括名称、时长、上传者，可编辑修改。右侧是操作按钮，如删除、置顶。
4.11 管理员管理教师申请界面，顶部显示待处理申请数量。列表中每行呈现申请人基本信息、教育背景、证件情况。有筛选功能，可按学科、经验筛选。操作栏可进行查看详情、通过、拒绝等处理。
五、部分功能代码
5.1 查询学习章节视频、学习状态
public Result list(String userId,CourseChapter courseChapter) {
if (null == courseChapter){
courseChapter = new CourseChapter();
}
PageHelper.startPage(courseChapter.getPage() == null ? 0 : courseChapter.getPage(), courseChapter.getLimit() == null ? 10 : courseChapter.getLimit());
courseChapter.setIsDelete(false);
List<CourseChapter> list = courseChapterMapper.list(courseChapter);
if (list != null && list.size() > 0){
for (CourseChapter d:list) {
d.setCourseChapterVideoList(courseChapterVideoService.selectByCourseChapterId(d.getId()));
if (d.getCourseChapterVideoList() != null && d.getCourseChapterVideoList().size() > 0){
for (CourseChapterVideo dd:d.getCourseChapterVideoList()) {
//学习状态
dd.setStudyState(courseChapterVideoStudyService.getCountByUserIdAndCourseChapterVideoId(userId,dd.getId()));
}
}
}
}
PageInfo pageInfo = new PageInfo(list);
return ResultGenerator.genSuccessResult(pageInfo);
}5.2 领取优惠卷
public Result add(CouponUser couponUser) {
Integer rows = couponUserMapper.getCoubtByUserIdAndCouponId(couponUser);
if (rows > 0){
return ResultGenerator.genFailResult("不可重复领取");
}
save(couponUser);
Result result=ResultGenerator.genSuccessResult();
result.setData(couponUser);
return result;
}