尧图网页设计 
简介这份资源是面向高校计算机相关专业学生与Java初学者的一套微信小程序毕业设计完整项目实例选题为教育机构管理系统适合需要完成课程设计、毕业设计或想通过真实项目熟悉小程序与后端联调的学习者。项目采用微信开发者工具配合Java技术栈实现功能覆盖系统主界面资讯发布与模块导航、交流讨论中的作业发布与打分评论、课程查询中的课表打卡反馈、课程评价打分以及后台的课程、人员、资讯与课表管理业务闭环较为完整。压缩包共1449个文件以png、svg、css、gif等前端静态资源为主同时包含java源码、js脚本、xml与jsp页面、wxss与wxml小程序页面、sql数据库脚本及mp4演示视频整体约16.39MB目录结构清晰便于按模块查阅。目前已有128人学习可帮助读者快速理解教育机构类小程序的整体架构、前后端交互流程与数据库设计思路并对照演示视频完成部署与二次开发。1. 教育机构管理系统小程序一套毕设怎么跑通招生、排课、考勤三条线很多做微信小程序毕业设计的同学选题时最容易翻车的地方不是技术难度而是业务闭环讲不清楚。教育机构管理系统这个题目看起来平平无奇但它天然包含招生线索、学员档案、班级排课、课时消耗、考勤签到、教师管理这几条真实业务线答辩时老师一问「你这个系统解决了什么实际问题」你能顺着一条学员从咨询到结课的数据流讲下来比做一个商城或者博客有说服力得多。这套方案的核心载体是微信小程序前端加后端服务加关系型数据库适合计算机相关专业本科毕设也适合想拿一个完整项目练手小程序全栈开发的人。下面我按自己带过几届毕设的经验把从环境搭建到核心模块落地再到答辩前自查的路径拆开讲源码和数据库脚本的结构我会在对应章节说明设计思路你照着改就能变成自己的东西。2. 技术选型与数据库设计为什么这套组合最适合毕设周期2.1 前端用原生小程序还是 uniapp这是动手前第一个要拍板的事。原生微信小程序开发用 WXML WXSS JS配合微信开发者工具调试优势是零构建配置、真机预览快、API 调用没有中间层遇到wx.login、wx.getUserProfile、wx.request这些接口时文档和社区案例最全。缺点是只能跑在微信端如果答辩老师问「能不能打包成 App」你只能回答不能。uniapp 的优势是一套代码多端发布但毕设周期通常只有两三个月uniapp 的条件编译、easycom 组件规则、各端 API 差异会额外吃掉你至少两周的调试时间。我一般建议毕设选原生把精力放在业务逻辑和数据库设计上而不是折腾跨端兼容。如果你确实想用 uniapp至少把manifest.json里的 appid 和微信开发者工具的项目路径对齐否则真机预览时会出现白屏。2.2 后端选 Java SpringBoot 还是 Node.js从热搜词里能看到「基于 java 的毕业设计选题」出现频率很高说明大部分院校的指导老师对 Java 技术栈接受度更高。SpringBoot MyBatis-Plus 的组合在毕设场景下有几个实际好处第一IDEA 社区版就能跑不需要额外买旗舰版第二MyBatis-Plus 的代码生成器可以帮你把实体类、Mapper、Service、Controller 一次性生成省掉大量重复劳动第三答辩时讲分层架构Controller → Service → Mapper → DB比较清晰老师容易给分。Node.js 方案比如 Express 或 Koa写起来更快但部署到服务器时如果遇到环境变量、进程守护的问题排查成本对新手不友好。我的建议是如果你 Java 基础还行选 SpringBoot如果 Java 只学过语法选 Node.js 反而能更快出活。关键不是语言而是你能不能把 RESTful 接口设计清楚。2.3 数据库表结构怎么设计才不返工教育机构管理系统的数据库设计有一个典型陷阱把班级、课程、排课、考勤混在一张表里。正确的做法是按业务实体拆表核心表至少包括下面这几张表名作用关键字段student学员档案id, name, phone, parent_phone, statusteacher教师信息id, name, subject, phonecourse课程定义id, name, total_hours, priceclass班级实例id, course_id, teacher_id, start_dateschedule排课记录id, class_id, weekday, start_time, end_timeattendance考勤记录id, student_id, schedule_id, statusenrollment报名关系id, student_id, class_id, remaining_hours其中enrollment表的remaining_hours是课时消耗的核心字段每次考勤签到后扣减。这个设计的好处是一个学员可以报多个班一个班可以有多个学员考勤记录独立存储统计报表直接从 attendance 表聚合。建表时注意两个细节一是所有时间字段统一用datetime而不是varchar否则后面按日期范围查询会很难受二是手机号字段加唯一索引防止同一个学员被重复录入。MySQL 5.7 和 8.0 在默认字符集上有差异8.0 默认utf8mb45.7 需要手动指定建库时写CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci能避免中文乱码。CREATE TABLE student ( id int NOT NULL AUTO_INCREMENT, name varchar(32) NOT NULL COMMENT 学员姓名, phone varchar(20) NOT NULL COMMENT 联系电话, parent_phone varchar(20) DEFAULT NULL COMMENT 家长电话, status tinyint DEFAULT 1 COMMENT 1在读 0已结课, create_time datetime DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (id), UNIQUE KEY uk_phone (phone) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4 COMMENT学员档案表;上面这段建表语句里UNIQUE KEY uk_phone是防止重复录入的关键status用 tinyint 而不是 varchar 是为了查询效率。create_time设默认值可以省掉后端每次手动赋值。如果你用 dbx 数据库工具或者 Navicat 导入 SQL 脚本注意先建库再建表字符集选对否则导入后中文显示问号。3. 小程序端核心页面落地登录、列表加载与考勤签到3.1 微信登录获取手机号的完整链路微信小程序的登录流程是毕设答辩必问的点。完整链路是小程序端调用wx.login拿到临时 code传给后端后端用 code appid secret 请求微信接口换 openid 和 session_key然后生成自定义登录态 token 返回给小程序。如果还需要手机号再调用getPhoneNumber按钮触发拿到加密数据后后端解密。这里有个常见坑wx.getUserProfile在 2022 年之后被回收了现在获取用户头像昵称要用button open-typechooseAvatar和input typenickname。很多老教程还在写getUserProfile你照着抄会直接报错。// pages/login/login.js Page({ data: { phone: }, // 第一步获取登录 code onLogin() { wx.login({ success: (res) { if (res.code) { // 把 code 发给后端换 token wx.request({ url: https://your-domain.com/api/auth/login, method: POST, data: { code: res.code }, success: (resp) { wx.setStorageSync(token, resp.data.token); wx.setStorageSync(openid, resp.data.openid); } }); } } }); }, // 第二步获取手机号需要企业主体小程序 onGetPhone(e) { if (e.detail.errMsg ! getPhoneNumber:ok) return; wx.request({ url: https://your-domain.com/api/auth/phone, method: POST, header: { Authorization: wx.getStorageSync(token) }, data: { encryptedData: e.detail.encryptedData, iv: e.detail.iv }, success: (resp) { this.setData({ phone: resp.data.phoneNumber }); } }); } });这段代码里wx.login拿到的 code 只能用一次五分钟内有效所以不要缓存 code。getPhoneNumber需要小程序有企业主体资质个人开发者账号拿不到手机号答辩前确认你的测试号类型。后端解密用 AES-128-CBCsession_key 从登录接口返回后存在服务端不要下发到前端。3.2 学员列表的分页加载与下拉刷新教育机构管理系统的学员列表数据量可能上千条一次性加载会卡顿。正确做法是后端分页前端用onReachBottom触发加载更多。微信小程序的页面列表加载更多是热搜里高频出现的问题核心就三个状态hasMore、loading、pageNum。// pages/student/list.js Page({ data: { list: [], pageNum: 1, hasMore: true, loading: false }, onLoad() { this.loadData(); }, loadData() { if (!this.data.hasMore || this.data.loading) return; this.setData({ loading: true }); wx.request({ url: https://your-domain.com/api/student/page, data: { pageNum: this.data.pageNum, pageSize: 10 }, header: { Authorization: wx.getStorageSync(token) }, success: (res) { const records res.data.records || []; this.setData({ list: this.data.list.concat(records), pageNum: this.data.pageNum 1, hasMore: records.length 10, loading: false }); }, fail: () this.setData({ loading: false }) }); }, onReachBottom() { this.loadData(); }, onPullDownRefresh() { this.setData({ list: [], pageNum: 1, hasMore: true }); this.loadData(); wx.stopPullDownRefresh(); } });hasMore的判断逻辑是「本次返回条数等于 pageSize 就认为还有下一页」这个判断在数据量刚好是 pageSize 整数倍时会多请求一次空页但不会出错。loading标志位防止用户快速滑动时重复请求。下拉刷新时要把 pageNum 重置为 1list 清空否则会出现数据重复。3.3 考勤签到与课时扣减的事务处理考勤签到是教育机构管理系统里唯一需要事务保证的操作插入考勤记录和扣减剩余课时必须同时成功或同时失败。后端用Transactional注解包住 Service 方法前端只需要传 studentId 和 scheduleId。// AttendanceServiceImpl.java Transactional(rollbackFor Exception.class) public void signIn(Long studentId, Long scheduleId) { // 1. 检查是否已签到防止重复 Long count attendanceMapper.selectCount( new LambdaQueryWrapperAttendance() .eq(Attendance::getStudentId, studentId) .eq(Attendance::getScheduleId, scheduleId)); if (count 0) { throw new BizException(该学员已签到); } // 2. 插入考勤记录 Attendance att new Attendance(); att.setStudentId(studentId); att.setScheduleId(scheduleId); att.setStatus(1); att.setSignTime(new Date()); attendanceMapper.insert(att); // 3. 扣减课时 Enrollment en enrollmentMapper.selectOne( new LambdaQueryWrapperEnrollment() .eq(Enrollment::getStudentId, studentId)); if (en null || en.getRemainingHours() 0) { throw new BizException(剩余课时不足); } en.setRemainingHours(en.getRemainingHours() - 1); enrollmentMapper.updateById(en); }rollbackFor Exception.class确保任何异常都回滚默认只回滚 RuntimeException加上这个更保险。重复签到检查放在最前面避免并发时插入两条记录。课时扣减前先判断剩余课时防止扣成负数。如果并发量高还需要在 enrollment 表上加乐观锁版本号但毕设场景下用事务加唯一索引就够了。4. 避坑与排查毕设开发中最容易翻车的五个地方4.1 真机预览接口请求失败现象开发者工具里接口正常返回真机预览时所有请求都失败。原因微信开发者工具默认不校验合法域名但真机预览会校验你的后端域名没有在微信公众平台配置 request 合法域名。解决登录微信公众平台在「开发管理 → 开发设置 → 服务器域名」里添加你的后端域名必须是 HTTPS且不能带端口号。本地调试阶段可以在开发者工具「详情 → 本地设置」里勾选「不校验合法域名」但真机预览必须配置。4.2 数据库中文乱码现象小程序端显示的中文变成问号或方块。原因MySQL 建库时字符集不是 utf8mb4或者连接 URL 没指定编码。解决建库语句加CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ciJDBC 连接 URL 加?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/Shanghai。如果已经建了表用ALTER TABLE student CONVERT TO CHARACTER SET utf8mb4修改。4.3 小程序顶部导航栏高度适配现象自定义导航栏在不同机型上位置偏移iPhone 刘海屏和安卓机显示不一致。原因微信小程序的导航栏高度由状态栏高度加标题栏高度组成不同机型状态栏高度不同。解决用wx.getSystemInfoSync()获取statusBarHeight标题栏固定 44px总高度 statusBarHeight 44。在 app.js 的 onLaunch 里计算一次存到 globalData所有页面从 globalData 取。4.4 课时扣减出现负数现象学员剩余课时被扣成负数。原因并发签到或者签到逻辑没有前置校验。解决在扣减前用UPDATE enrollment SET remaining_hours remaining_hours - 1 WHERE id ? AND remaining_hours 0这种带条件的更新语句根据 affectedRows 判断是否扣减成功。比先查再改更安全。4.5 答辩时被问「你的系统有什么创新」现象老师觉得你的系统就是增删改查没有亮点。原因毕设系统确实大部分是 CRUD但你可以从业务角度找差异化。解决准备两个方向——一是数据统计比如「学员课时消耗趋势图」「教师排课饱和度分析」用 ECharts 在小程序端展示二是消息通知比如课时不足时自动给家长发订阅消息。这两个功能代码量不大但答辩时能讲出业务价值。5. 从能跑到能答辩数据统计页与订阅消息的加分做法走到这一步你的系统应该已经能完成学员录入、排课、签到、课时扣减的基本闭环了。但毕设答辩和实际交付之间还有一段距离这段距离靠两个东西填一个是数据可视化一个是消息触达。我带过的学生里凡是加了这两个模块的答辩分数普遍比只做 CRUD 的高一档。先说数据统计。教育机构最关心的两个指标是「课时消耗率」和「教师排课饱和度」。课时消耗率的计算方式是某时间段内已消耗课时除以总报名课时。后端写一个聚合查询按周或者按月分组返回给小程序端用 ECharts-for-weixin 渲染折线图。这里注意 ECharts 在小程序里需要引入 ec-canvas 组件图表容器的宽高必须用 rpx 指定否则在部分安卓机上不显示。-- 按周统计课时消耗 SELECT DATE_FORMAT(sign_time, %Y-%u) AS week, COUNT(*) AS consumed_hours FROM attendance WHERE status 1 AND sign_time BETWEEN ? AND ? GROUP BY week ORDER BY week;这个查询里%Y-%u是按年加周数分组COUNT(*)就是消耗课时数因为每次签到扣一课时。如果你要按课程维度统计再加一个 JOIN course 表按 course_id 分组就行。前端拿到数据后X 轴用周数Y 轴用消耗课时折线图一画答辩时直接投屏视觉效果比表格强很多。再说订阅消息。微信小程序的订阅消息需要用户主动授权一次授权只能发一条。用在课时不足提醒的场景是当 enrollment 表的 remaining_hours 小于等于 3 时后端触发一条订阅消息给家长内容模板在微信公众平台申请。代码上调用wx.requestSubscribeMessage让用户授权后端调微信的subscribeMessage.send接口发送。这个功能的关键点是模板 ID 要配置在配置文件里不要硬编码在代码中方便答辩演示时切换测试环境。// 请求订阅消息授权 wx.requestSubscribeMessage({ tmplIds: [你的模板ID], success: (res) { if (res[你的模板ID] accept) { // 授权成功通知后端记录该用户可接收 wx.request({ url: https://your-domain.com/api/subscribe/record, method: POST, data: { openid: wx.getStorageSync(openid) } }); } } });最后说一个我自己的习惯答辩前一周把数据库里的测试数据全部清掉重新录入一套完整的演示数据——三个学员、两个教师、两门课程、一个月的考勤记录。这样演示时数据统计图有内容列表页不空老师翻到任何一页都能看到真实业务场景。不要用「张三李四测试1测试2」这种数据显得不认真。源码和数据库脚本整理成一个压缩包数据库导出成 SQL 文件演示视频控制在五分钟以内重点录登录、排课、签到、统计四个操作。希望帮到你。本文还有配套的精品资源点击获取 微信小程序教育机构管理系统毕设：招生排课考勤全流程实战
简介这份资源是面向高校计算机相关专业学生与Java初学者的一套微信小程序毕业设计完整项目实例选题为教育机构管理系统适合需要完成课程设计、毕业设计或想通过真实项目熟悉小程序与后端联调的学习者。项目采用微信开发者工具配合Java技术栈实现功能覆盖系统主界面资讯发布与模块导航、交流讨论中的作业发布与打分评论、课程查询中的课表打卡反馈、课程评价打分以及后台的课程、人员、资讯与课表管理业务闭环较为完整。压缩包共1449个文件以png、svg、css、gif等前端静态资源为主同时包含java源码、js脚本、xml与jsp页面、wxss与wxml小程序页面、sql数据库脚本及mp4演示视频整体约16.39MB目录结构清晰便于按模块查阅。目前已有128人学习可帮助读者快速理解教育机构类小程序的整体架构、前后端交互流程与数据库设计思路并对照演示视频完成部署与二次开发。1. 教育机构管理系统小程序一套毕设怎么跑通招生、排课、考勤三条线很多做微信小程序毕业设计的同学选题时最容易翻车的地方不是技术难度而是业务闭环讲不清楚。教育机构管理系统这个题目看起来平平无奇但它天然包含招生线索、学员档案、班级排课、课时消耗、考勤签到、教师管理这几条真实业务线答辩时老师一问「你这个系统解决了什么实际问题」你能顺着一条学员从咨询到结课的数据流讲下来比做一个商城或者博客有说服力得多。这套方案的核心载体是微信小程序前端加后端服务加关系型数据库适合计算机相关专业本科毕设也适合想拿一个完整项目练手小程序全栈开发的人。下面我按自己带过几届毕设的经验把从环境搭建到核心模块落地再到答辩前自查的路径拆开讲源码和数据库脚本的结构我会在对应章节说明设计思路你照着改就能变成自己的东西。2. 技术选型与数据库设计为什么这套组合最适合毕设周期2.1 前端用原生小程序还是 uniapp这是动手前第一个要拍板的事。原生微信小程序开发用 WXML WXSS JS配合微信开发者工具调试优势是零构建配置、真机预览快、API 调用没有中间层遇到wx.login、wx.getUserProfile、wx.request这些接口时文档和社区案例最全。缺点是只能跑在微信端如果答辩老师问「能不能打包成 App」你只能回答不能。uniapp 的优势是一套代码多端发布但毕设周期通常只有两三个月uniapp 的条件编译、easycom 组件规则、各端 API 差异会额外吃掉你至少两周的调试时间。我一般建议毕设选原生把精力放在业务逻辑和数据库设计上而不是折腾跨端兼容。如果你确实想用 uniapp至少把manifest.json里的 appid 和微信开发者工具的项目路径对齐否则真机预览时会出现白屏。2.2 后端选 Java SpringBoot 还是 Node.js从热搜词里能看到「基于 java 的毕业设计选题」出现频率很高说明大部分院校的指导老师对 Java 技术栈接受度更高。SpringBoot MyBatis-Plus 的组合在毕设场景下有几个实际好处第一IDEA 社区版就能跑不需要额外买旗舰版第二MyBatis-Plus 的代码生成器可以帮你把实体类、Mapper、Service、Controller 一次性生成省掉大量重复劳动第三答辩时讲分层架构Controller → Service → Mapper → DB比较清晰老师容易给分。Node.js 方案比如 Express 或 Koa写起来更快但部署到服务器时如果遇到环境变量、进程守护的问题排查成本对新手不友好。我的建议是如果你 Java 基础还行选 SpringBoot如果 Java 只学过语法选 Node.js 反而能更快出活。关键不是语言而是你能不能把 RESTful 接口设计清楚。2.3 数据库表结构怎么设计才不返工教育机构管理系统的数据库设计有一个典型陷阱把班级、课程、排课、考勤混在一张表里。正确的做法是按业务实体拆表核心表至少包括下面这几张表名作用关键字段student学员档案id, name, phone, parent_phone, statusteacher教师信息id, name, subject, phonecourse课程定义id, name, total_hours, priceclass班级实例id, course_id, teacher_id, start_dateschedule排课记录id, class_id, weekday, start_time, end_timeattendance考勤记录id, student_id, schedule_id, statusenrollment报名关系id, student_id, class_id, remaining_hours其中enrollment表的remaining_hours是课时消耗的核心字段每次考勤签到后扣减。这个设计的好处是一个学员可以报多个班一个班可以有多个学员考勤记录独立存储统计报表直接从 attendance 表聚合。建表时注意两个细节一是所有时间字段统一用datetime而不是varchar否则后面按日期范围查询会很难受二是手机号字段加唯一索引防止同一个学员被重复录入。MySQL 5.7 和 8.0 在默认字符集上有差异8.0 默认utf8mb45.7 需要手动指定建库时写CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci能避免中文乱码。CREATE TABLE student ( id int NOT NULL AUTO_INCREMENT, name varchar(32) NOT NULL COMMENT 学员姓名, phone varchar(20) NOT NULL COMMENT 联系电话, parent_phone varchar(20) DEFAULT NULL COMMENT 家长电话, status tinyint DEFAULT 1 COMMENT 1在读 0已结课, create_time datetime DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (id), UNIQUE KEY uk_phone (phone) ) ENGINEInnoDB DEFAULT CHARSETutf8mb4 COMMENT学员档案表;上面这段建表语句里UNIQUE KEY uk_phone是防止重复录入的关键status用 tinyint 而不是 varchar 是为了查询效率。create_time设默认值可以省掉后端每次手动赋值。如果你用 dbx 数据库工具或者 Navicat 导入 SQL 脚本注意先建库再建表字符集选对否则导入后中文显示问号。3. 小程序端核心页面落地登录、列表加载与考勤签到3.1 微信登录获取手机号的完整链路微信小程序的登录流程是毕设答辩必问的点。完整链路是小程序端调用wx.login拿到临时 code传给后端后端用 code appid secret 请求微信接口换 openid 和 session_key然后生成自定义登录态 token 返回给小程序。如果还需要手机号再调用getPhoneNumber按钮触发拿到加密数据后后端解密。这里有个常见坑wx.getUserProfile在 2022 年之后被回收了现在获取用户头像昵称要用button open-typechooseAvatar和input typenickname。很多老教程还在写getUserProfile你照着抄会直接报错。// pages/login/login.js Page({ data: { phone: }, // 第一步获取登录 code onLogin() { wx.login({ success: (res) { if (res.code) { // 把 code 发给后端换 token wx.request({ url: https://your-domain.com/api/auth/login, method: POST, data: { code: res.code }, success: (resp) { wx.setStorageSync(token, resp.data.token); wx.setStorageSync(openid, resp.data.openid); } }); } } }); }, // 第二步获取手机号需要企业主体小程序 onGetPhone(e) { if (e.detail.errMsg ! getPhoneNumber:ok) return; wx.request({ url: https://your-domain.com/api/auth/phone, method: POST, header: { Authorization: wx.getStorageSync(token) }, data: { encryptedData: e.detail.encryptedData, iv: e.detail.iv }, success: (resp) { this.setData({ phone: resp.data.phoneNumber }); } }); } });这段代码里wx.login拿到的 code 只能用一次五分钟内有效所以不要缓存 code。getPhoneNumber需要小程序有企业主体资质个人开发者账号拿不到手机号答辩前确认你的测试号类型。后端解密用 AES-128-CBCsession_key 从登录接口返回后存在服务端不要下发到前端。3.2 学员列表的分页加载与下拉刷新教育机构管理系统的学员列表数据量可能上千条一次性加载会卡顿。正确做法是后端分页前端用onReachBottom触发加载更多。微信小程序的页面列表加载更多是热搜里高频出现的问题核心就三个状态hasMore、loading、pageNum。// pages/student/list.js Page({ data: { list: [], pageNum: 1, hasMore: true, loading: false }, onLoad() { this.loadData(); }, loadData() { if (!this.data.hasMore || this.data.loading) return; this.setData({ loading: true }); wx.request({ url: https://your-domain.com/api/student/page, data: { pageNum: this.data.pageNum, pageSize: 10 }, header: { Authorization: wx.getStorageSync(token) }, success: (res) { const records res.data.records || []; this.setData({ list: this.data.list.concat(records), pageNum: this.data.pageNum 1, hasMore: records.length 10, loading: false }); }, fail: () this.setData({ loading: false }) }); }, onReachBottom() { this.loadData(); }, onPullDownRefresh() { this.setData({ list: [], pageNum: 1, hasMore: true }); this.loadData(); wx.stopPullDownRefresh(); } });hasMore的判断逻辑是「本次返回条数等于 pageSize 就认为还有下一页」这个判断在数据量刚好是 pageSize 整数倍时会多请求一次空页但不会出错。loading标志位防止用户快速滑动时重复请求。下拉刷新时要把 pageNum 重置为 1list 清空否则会出现数据重复。3.3 考勤签到与课时扣减的事务处理考勤签到是教育机构管理系统里唯一需要事务保证的操作插入考勤记录和扣减剩余课时必须同时成功或同时失败。后端用Transactional注解包住 Service 方法前端只需要传 studentId 和 scheduleId。// AttendanceServiceImpl.java Transactional(rollbackFor Exception.class) public void signIn(Long studentId, Long scheduleId) { // 1. 检查是否已签到防止重复 Long count attendanceMapper.selectCount( new LambdaQueryWrapperAttendance() .eq(Attendance::getStudentId, studentId) .eq(Attendance::getScheduleId, scheduleId)); if (count 0) { throw new BizException(该学员已签到); } // 2. 插入考勤记录 Attendance att new Attendance(); att.setStudentId(studentId); att.setScheduleId(scheduleId); att.setStatus(1); att.setSignTime(new Date()); attendanceMapper.insert(att); // 3. 扣减课时 Enrollment en enrollmentMapper.selectOne( new LambdaQueryWrapperEnrollment() .eq(Enrollment::getStudentId, studentId)); if (en null || en.getRemainingHours() 0) { throw new BizException(剩余课时不足); } en.setRemainingHours(en.getRemainingHours() - 1); enrollmentMapper.updateById(en); }rollbackFor Exception.class确保任何异常都回滚默认只回滚 RuntimeException加上这个更保险。重复签到检查放在最前面避免并发时插入两条记录。课时扣减前先判断剩余课时防止扣成负数。如果并发量高还需要在 enrollment 表上加乐观锁版本号但毕设场景下用事务加唯一索引就够了。4. 避坑与排查毕设开发中最容易翻车的五个地方4.1 真机预览接口请求失败现象开发者工具里接口正常返回真机预览时所有请求都失败。原因微信开发者工具默认不校验合法域名但真机预览会校验你的后端域名没有在微信公众平台配置 request 合法域名。解决登录微信公众平台在「开发管理 → 开发设置 → 服务器域名」里添加你的后端域名必须是 HTTPS且不能带端口号。本地调试阶段可以在开发者工具「详情 → 本地设置」里勾选「不校验合法域名」但真机预览必须配置。4.2 数据库中文乱码现象小程序端显示的中文变成问号或方块。原因MySQL 建库时字符集不是 utf8mb4或者连接 URL 没指定编码。解决建库语句加CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ciJDBC 连接 URL 加?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/Shanghai。如果已经建了表用ALTER TABLE student CONVERT TO CHARACTER SET utf8mb4修改。4.3 小程序顶部导航栏高度适配现象自定义导航栏在不同机型上位置偏移iPhone 刘海屏和安卓机显示不一致。原因微信小程序的导航栏高度由状态栏高度加标题栏高度组成不同机型状态栏高度不同。解决用wx.getSystemInfoSync()获取statusBarHeight标题栏固定 44px总高度 statusBarHeight 44。在 app.js 的 onLaunch 里计算一次存到 globalData所有页面从 globalData 取。4.4 课时扣减出现负数现象学员剩余课时被扣成负数。原因并发签到或者签到逻辑没有前置校验。解决在扣减前用UPDATE enrollment SET remaining_hours remaining_hours - 1 WHERE id ? AND remaining_hours 0这种带条件的更新语句根据 affectedRows 判断是否扣减成功。比先查再改更安全。4.5 答辩时被问「你的系统有什么创新」现象老师觉得你的系统就是增删改查没有亮点。原因毕设系统确实大部分是 CRUD但你可以从业务角度找差异化。解决准备两个方向——一是数据统计比如「学员课时消耗趋势图」「教师排课饱和度分析」用 ECharts 在小程序端展示二是消息通知比如课时不足时自动给家长发订阅消息。这两个功能代码量不大但答辩时能讲出业务价值。5. 从能跑到能答辩数据统计页与订阅消息的加分做法走到这一步你的系统应该已经能完成学员录入、排课、签到、课时扣减的基本闭环了。但毕设答辩和实际交付之间还有一段距离这段距离靠两个东西填一个是数据可视化一个是消息触达。我带过的学生里凡是加了这两个模块的答辩分数普遍比只做 CRUD 的高一档。先说数据统计。教育机构最关心的两个指标是「课时消耗率」和「教师排课饱和度」。课时消耗率的计算方式是某时间段内已消耗课时除以总报名课时。后端写一个聚合查询按周或者按月分组返回给小程序端用 ECharts-for-weixin 渲染折线图。这里注意 ECharts 在小程序里需要引入 ec-canvas 组件图表容器的宽高必须用 rpx 指定否则在部分安卓机上不显示。-- 按周统计课时消耗 SELECT DATE_FORMAT(sign_time, %Y-%u) AS week, COUNT(*) AS consumed_hours FROM attendance WHERE status 1 AND sign_time BETWEEN ? AND ? GROUP BY week ORDER BY week;这个查询里%Y-%u是按年加周数分组COUNT(*)就是消耗课时数因为每次签到扣一课时。如果你要按课程维度统计再加一个 JOIN course 表按 course_id 分组就行。前端拿到数据后X 轴用周数Y 轴用消耗课时折线图一画答辩时直接投屏视觉效果比表格强很多。再说订阅消息。微信小程序的订阅消息需要用户主动授权一次授权只能发一条。用在课时不足提醒的场景是当 enrollment 表的 remaining_hours 小于等于 3 时后端触发一条订阅消息给家长内容模板在微信公众平台申请。代码上调用wx.requestSubscribeMessage让用户授权后端调微信的subscribeMessage.send接口发送。这个功能的关键点是模板 ID 要配置在配置文件里不要硬编码在代码中方便答辩演示时切换测试环境。// 请求订阅消息授权 wx.requestSubscribeMessage({ tmplIds: [你的模板ID], success: (res) { if (res[你的模板ID] accept) { // 授权成功通知后端记录该用户可接收 wx.request({ url: https://your-domain.com/api/subscribe/record, method: POST, data: { openid: wx.getStorageSync(openid) } }); } } });最后说一个我自己的习惯答辩前一周把数据库里的测试数据全部清掉重新录入一套完整的演示数据——三个学员、两个教师、两门课程、一个月的考勤记录。这样演示时数据统计图有内容列表页不空老师翻到任何一页都能看到真实业务场景。不要用「张三李四测试1测试2」这种数据显得不认真。源码和数据库脚本整理成一个压缩包数据库导出成 SQL 文件演示视频控制在五分钟以内重点录登录、排课、签到、统计四个操作。希望帮到你。本文还有配套的精品资源点击获取