简介在Java Web开发领域SSMSpring、Spring MVC、MyBatis框架作为经典的MVC架构组合通过清晰的层次分离帮助开发者深入理解从请求处理、业务逻辑到数据持久化的完整流程。其核心价值在于为构建稳健的后端服务提供了成熟方案尤其适用于需要精细控制SQL和复杂业务逻辑的中小型项目。结合微信小程序这一拥有庞大用户生态的轻量级前端能够快速实现“即用即走”的线上服务。这种前后端分离的架构模式在O2O线上到线下服务场景中应用广泛例如预约、点餐等系统。本文聚焦的健身房私教预约系统正是这一技术组合的典型实践案例详细剖析了如何利用SSM框架处理用户鉴权、事务管理如预约并发控制并设计合理的数据库表结构如排班表与预约订单表来支撑核心业务为计算机专业学生完成一个技术栈完整、业务逻辑清晰的毕业设计提供了可落地的蓝本。1. 项目概述与核心价值最近几年身边不少计算机专业的学弟学妹在准备毕业设计时总感觉无从下手要么选题太虚要么技术栈老旧要么就是功能简单到拿不出手。如果你也正面临这个困境那么今天分享的这个“健身房私教预约系统”项目或许能给你带来一些实实在在的启发。这不仅仅是一个简单的“增删改查”系统它融合了当下企业招聘中非常看重的Java后端技术栈SSM框架和微信小程序前端实现了一个从用户端到管理端的完整商业闭环。用户可以通过小程序浏览教练、预约课程、管理自己的健身计划管理员则可以在后台处理预约、管理教练和课程排期。这个项目的价值在于它紧贴“互联网体育服务”的实际应用场景技术选型主流业务逻辑清晰文档和教程齐全非常适合作为毕业设计的蓝本进行深度学习和二次开发。对于即将毕业的同学来说一个优秀的毕业设计应该具备几个要素技术栈的完整性、业务逻辑的复杂度、以及项目的可展示性。这个健身房预约系统恰好都满足了。SSMSpring Spring MVC MyBatis框架是Java Web开发中经久不衰的“黄金组合”掌握了它就等于拿到了进入大多数Java后端开发岗位的敲门砖。而微信小程序作为拥有十亿级用户的超级入口其开发经验同样是简历上的亮点。通过这个项目你不仅能学会如何将这两者结合起来更能深入理解一个典型O2O线上到线下服务系统的核心架构设计包括用户鉴权、服务预约、状态流转、数据统计等关键模块。2. 技术栈深度解析为什么是SSM与微信小程序2.1 后端基石SSM框架的选型考量很多新手会问现在Spring Boot这么火为什么毕业设计还要用“传统”的SSM这里有一个非常实际的考量教学与理解的深度。SSM框架将Spring的IOC/AOP、Spring MVC的请求分发、MyBatis的数据库操作清晰地分层让你能更直观地理解一个Web应用从接收到HTTP请求到处理业务逻辑再到操作数据库并返回响应的完整流程。每一层都有明确的配置文件和代码体现这对于打牢基础、理解MVC模式精髓至关重要。Spring它是整个项目的“大脑”和“粘合剂”。通过IOC容器管理所有Bean如Service、DAO的生命周期和依赖关系通过AOP实现诸如日志记录、事务管理等横切关注点。在这个预约系统中你会深刻体会到使用Autowired进行依赖注入的便利以及通过Transactional注解来保证“用户扣款”和“生成预约记录”这两个操作在一个事务中完成的必要性。Spring MVC它是项目的“调度中心”。负责将微信小程序发来的HTTP请求分发给对应的Controller处理并将处理结果通常是JSON数据返回。你需要设计清晰的RESTful风格API例如/api/coach/list获取教练列表、/api/booking/create创建预约。这锻炼了你设计后端接口的能力。MyBatis它是项目的“数据搬运工”。相较于全自动的JPAMyBatis需要你手写或通过Generator生成SQL映射文件Mapper.xml这让你能更精细地控制SQL语句进行复杂的多表关联查询。例如查询某个教练的排班表及其已被预约的时段这样的SQL在MyBitus里可以写得非常灵活高效。实操心得在搭建SSM环境时web.xml和spring-mvc.xml、spring-mybatis.xml这几个配置文件是新手最容易出错的地方。建议严格按照“先加依赖再写配置逐层测试”的顺序。比如先确保Spring容器能启动再测试MyBitus能否获取数据库连接最后测试Spring MVC的Controller能否被访问。不要试图一次性把所有配置写完。2.2 前端入口微信小程序的优势与挑战选择微信小程序作为前端其优势是压倒性的无需安装、即用即走、依托微信生态。对于健身房场景用户扫码即可使用推广成本极低。但挑战也随之而来小程序有其独特的开发规范和限制。技术特点小程序使用WXML类似HTML、WXSS类似CSS和JavaScript进行开发框架是MINA。它封装了丰富的原生API如网络请求(wx.request)、本地存储(wx.setStorageSync)、位置获取(wx.getLocation)等。在本系统中你需要频繁使用wx.request与你的SSM后端进行数据交互。与后端的交互这是项目的核心联调部分。你需要在小程序的app.js中统一配置后端服务器的域名需在微信公众平台配置合法域名。每个页面通过onLoad生命周期函数发起请求获取数据并渲染。例如在“教练列表”页面你需要请求/api/coach/list将返回的JSON数组用wx:for指令循环渲染到页面上。用户体验关键点小程序的性能体验至关重要。要善用小程序提供的image标签的懒加载模式对于教练头像等图片进行CDN加速或压缩。列表页应做分页加载避免一次性请求过多数据。预约时间的交互设计要清晰通常使用picker组件来选择日期和时间段。2.3 数据库设计业务逻辑的持久化体现数据库设计是项目的灵魂直接反映了你对业务的理解深度。一个健身房私教预约系统至少需要以下几张核心表用户表 (t_user)存储小程序用户信息主键user_id关键字段有openid微信唯一标识、nickname、avatar_url、phone等。教练表 (t_coach)存储教练信息coach_id、name、photo、title头衔、description简介、specialty专长等。课程表 (t_course)定义课程类型course_id、name如“减脂塑形”、“体能提升”、duration时长、price等。排班表 (t_schedule)这是核心表记录教练每天的可用时间段。字段包括schedule_id、coach_id、course_id、date、start_time、end_time、status如“可预约”、“已满”、“已取消”。预约订单表 (t_booking)另一张核心表记录用户的预约行为。字段包括booking_id、user_id、schedule_id、status如“待确认”、“已预约”、“已完成”、“已取消”、create_time、remark等。评价表 (t_review)用户完成课程后对教练的评价。注意事项t_schedule和t_booking的设计是难点。t_schedule体现了资源的供给教练的时间t_booking体现了资源的消费用户的占用。两者通过schedule_id关联。当用户预约时需要在一个数据库事务中完成检查t_schedule的status是否为“可预约”插入t_booking记录并将t_schedule的status更新为“已满”。这保证了并发预约时的数据一致性。3. 系统核心功能模块实现详解3.1 用户端小程序功能实现用户端小程序是直接面向会员的界面设计上要求简洁、流畅、功能明确。首页与教练展示首页通常采用轮播图展示活动下方是教练列表流。点击教练卡片进入详情页展示教练的完整信息、可预约时间以及历史评价。这里的关键是列表查询优化。后端CoachController的接口需要支持分页参数MyBitus的Mapper.xml中应写好关联查询一次性将教练基本信息、最近的可预约时段数量等汇总返回避免前端多次请求。// 示例CoachService接口中的分页查询方法 PageInfoCoachVO getCoachListWithCondition(Integer pageNum, Integer pageSize, String specialty);预约流程这是最核心的交互。用户选择教练和课程后进入时间选择页面。这里需要向后端请求该教练在未来一段时间内如未来7天所有status ‘可预约’的t_schedule记录。前端通过日历组件和时段网格来可视化这些时间。用户点击一个时段后调用创建预约接口。个人中心包含“我的预约”展示不同状态的预约单、“我的收藏”收藏的教练、“我的评价”等。这里涉及复杂的订单状态管理前端需要根据后端返回的booking_status来显示不同的标签和可操作按钮如“取消预约”、“去评价”。3.2 管理后台功能实现管理后台通常是一个独立的PC端Web页面使用AdminLTE、Layui等模板快速搭建通过RESTful API与同一个SSM后端交互。教练与课程管理实现基本的CRUD增删改查功能。注意删除教练时需要做逻辑删除将is_deleted字段置为1而非物理删除因为其关联着历史预约记录。排班管理这是后台的核心功能。需要提供一个直观的界面如仿日历的视图让管理员能批量为教练生成一周的排班如每天上午2个时段下午3个时段。对应的后端接口需要处理批量插入t_schedule记录的逻辑。预约订单管理管理员可以查看所有预约并进行状态操作。例如教练临时请假管理员可以将某个排班的所有预约“取消”并通知用户或者手动确认一个“待确认”的预约。所有状态变更都应记录日志。数据统计简单的图表展示如每日预约量、热门教练排行、课程类型分布等。这需要编写相对复杂的SQL进行分组统计并通过ECharts等图表库在前端展示。3.3 关键业务逻辑与接口设计微信登录小程序端调用wx.login()获取code发送到后端。后端用appid、secret和code调用微信接口服务换取openid和session_key。openid是用户的唯一标识用于关联系统内的t_user表。后端应生成一个自定义的token如JWT返回给小程序用于后续接口的鉴权。创建预约接口输入schedule_id,user_id(从token中解析),remark。校验检查用户是否存在、排班是否存在且状态为“可预约”。事务操作在同一个Transactional方法内向t_booking插入一条状态为“待确认”或“已预约”的记录根据业务规则并将对应t_schedule的记录状态更新为“已满”。输出返回预约成功与否的结果。务必做好并发控制防止超卖。可以在更新t_schedule的SQL语句中加上状态条件update t_schedule set status 已满 where schedule_id #{id} and status 可预约并根据更新行数判断是否成功。状态流转预约订单的状态机需要清晰定义。例如待确认 - 已预约 - 已完成。也可以有待确认 - 已取消、已预约 - 已取消等路径。每个状态变更的触发条件用户操作、管理员操作、定时任务和后续动作如发送模板消息都要在代码中明确。4. 开发部署全流程与避坑指南4.1 本地开发环境搭建后端环境JDK 8建议使用JDK 8或11长期支持版本更稳定。Maven 3.6用于管理项目依赖Spring、MyBitus、MySQL驱动等。MySQL 5.7安装并创建数据库执行项目提供的SQL脚本初始化表结构。IDEIntelliJ IDEA或Eclipse。IDEA对Maven和Spring的支持更好推荐使用。Tomcat 8.5作为Servlet容器。在IDEA中配置本地Tomcat将项目部署为war包运行。前端小程序环境下载并安装微信开发者工具。导入小程序项目源码目录。在project.config.json中配置你的appid需要注册微信小程序账号获取个人或测试appid。修改app.js中全局变量baseUrl指向你本地启动的后端服务地址如http://localhost:8080/gym。注意微信要求后端接口必须是HTTPS但开发阶段可以在开发者工具中勾选“不校验合法域名”。4.2 项目启动与联调启动后端在IDEA中运行Tomcat确保控制台无报错能正常打印Spring初始化日志。访问http://localhost:8080/gym/api/test之类的测试接口看是否能返回数据。启动前端在微信开发者工具中点击“编译”预览小程序。首先测试登录功能获取token。接口联调使用开发者工具的“网络”面板查看每一个小程序发起的请求和响应。重点关注请求URL、参数、以及后端返回的HTTP状态码和JSON数据。这是排查问题的关键环节。4.3 常见问题排查实录问题一小程序访问后端接口报“request:fail url not in domain list”错误。原因小程序发出的请求域名未在微信公众平台配置。解决正式上线前必须在微信公众平台的小程序后台的“开发”-“开发设置”-“服务器域名”中配置request合法域名你的后端服务器域名。开发阶段可以在微信开发者工具右上角点击“详情”-“本地设置”-勾选“不校验合法域名、web-view业务域名、TLS版本以及HTTPS证书”。问题二后端插入数据库中文变成乱码。原因数据库、连接字符串、服务器字符集不统一。解决确保三处编码均为UTF-8。MySQL数据库和表的字符集CREATE DATABASE gym DEFAULT CHARSETutf8mb4;JDBC连接字符串在jdbc.properties中URL添加参数?useUnicodetruecharacterEncodingutf-8useSSLfalse。Tomcat服务器编码在server.xml的Connector配置中添加URIEncodingUTF-8。问题三事务Transactional不生效。原因常见原因有方法不是public异常被捕获未抛出数据库引擎不支持事务如MyISAM。排查检查方法是否为public。确保异常类型是RuntimeException或Error或者你在Transactional中指定了rollbackFor。检查MySQL表引擎是否为InnoDB。确保Spring配置文件中开启了事务管理tx:annotation-driven /。问题四小程序图片加载慢或布局错乱。原因图片过大WXSS样式兼容问题。解决教练头像等图片务必经过压缩并上传至CDN或对象存储不要直接放在小程序包内。使用小程序提供的image标签并设置mode属性如widthFix来适配不同宽高比。多用Flex布局并利用开发者工具的“调试器”中的“Wxml”面板实时查看和修改样式。4.4 从开发到部署的进阶步骤当你完成本地开发后若想公网访问需要后端部署购买一台云服务器如阿里云ECS安装JDK、Tomcat、MySQL。将本地打包好的war文件上传到云服务器Tomcat的webapps目录下。配置云服务器的安全组开放8080Tomcat和3306MySQL仅限内网访问端口。域名与HTTPS为你的服务器IP绑定一个域名并申请SSL证书很多云平台提供免费证书。在Tomcat中配置HTTPS连接器。小程序配置将微信公众平台小程序的服务器域名修改为你配置了HTTPS的域名。数据库迁移将本地的数据库导出为SQL文件在云服务器上导入。这个过程你会接触到Linux基础命令、服务部署、网络配置等运维知识对能力是极大的锻炼。完成这些一个完整的、可在线访问的毕业设计项目就真正成型了。这个项目不仅是一份毕业答卷更是一个能写进简历、在面试中可以侃侃而谈的实战作品。本文还有配套的精品资源点击获取 基于SSM框架与微信小程序的健身房私教预约系统毕业设计实战
简介在Java Web开发领域SSMSpring、Spring MVC、MyBatis框架作为经典的MVC架构组合通过清晰的层次分离帮助开发者深入理解从请求处理、业务逻辑到数据持久化的完整流程。其核心价值在于为构建稳健的后端服务提供了成熟方案尤其适用于需要精细控制SQL和复杂业务逻辑的中小型项目。结合微信小程序这一拥有庞大用户生态的轻量级前端能够快速实现“即用即走”的线上服务。这种前后端分离的架构模式在O2O线上到线下服务场景中应用广泛例如预约、点餐等系统。本文聚焦的健身房私教预约系统正是这一技术组合的典型实践案例详细剖析了如何利用SSM框架处理用户鉴权、事务管理如预约并发控制并设计合理的数据库表结构如排班表与预约订单表来支撑核心业务为计算机专业学生完成一个技术栈完整、业务逻辑清晰的毕业设计提供了可落地的蓝本。1. 项目概述与核心价值最近几年身边不少计算机专业的学弟学妹在准备毕业设计时总感觉无从下手要么选题太虚要么技术栈老旧要么就是功能简单到拿不出手。如果你也正面临这个困境那么今天分享的这个“健身房私教预约系统”项目或许能给你带来一些实实在在的启发。这不仅仅是一个简单的“增删改查”系统它融合了当下企业招聘中非常看重的Java后端技术栈SSM框架和微信小程序前端实现了一个从用户端到管理端的完整商业闭环。用户可以通过小程序浏览教练、预约课程、管理自己的健身计划管理员则可以在后台处理预约、管理教练和课程排期。这个项目的价值在于它紧贴“互联网体育服务”的实际应用场景技术选型主流业务逻辑清晰文档和教程齐全非常适合作为毕业设计的蓝本进行深度学习和二次开发。对于即将毕业的同学来说一个优秀的毕业设计应该具备几个要素技术栈的完整性、业务逻辑的复杂度、以及项目的可展示性。这个健身房预约系统恰好都满足了。SSMSpring Spring MVC MyBatis框架是Java Web开发中经久不衰的“黄金组合”掌握了它就等于拿到了进入大多数Java后端开发岗位的敲门砖。而微信小程序作为拥有十亿级用户的超级入口其开发经验同样是简历上的亮点。通过这个项目你不仅能学会如何将这两者结合起来更能深入理解一个典型O2O线上到线下服务系统的核心架构设计包括用户鉴权、服务预约、状态流转、数据统计等关键模块。2. 技术栈深度解析为什么是SSM与微信小程序2.1 后端基石SSM框架的选型考量很多新手会问现在Spring Boot这么火为什么毕业设计还要用“传统”的SSM这里有一个非常实际的考量教学与理解的深度。SSM框架将Spring的IOC/AOP、Spring MVC的请求分发、MyBatis的数据库操作清晰地分层让你能更直观地理解一个Web应用从接收到HTTP请求到处理业务逻辑再到操作数据库并返回响应的完整流程。每一层都有明确的配置文件和代码体现这对于打牢基础、理解MVC模式精髓至关重要。Spring它是整个项目的“大脑”和“粘合剂”。通过IOC容器管理所有Bean如Service、DAO的生命周期和依赖关系通过AOP实现诸如日志记录、事务管理等横切关注点。在这个预约系统中你会深刻体会到使用Autowired进行依赖注入的便利以及通过Transactional注解来保证“用户扣款”和“生成预约记录”这两个操作在一个事务中完成的必要性。Spring MVC它是项目的“调度中心”。负责将微信小程序发来的HTTP请求分发给对应的Controller处理并将处理结果通常是JSON数据返回。你需要设计清晰的RESTful风格API例如/api/coach/list获取教练列表、/api/booking/create创建预约。这锻炼了你设计后端接口的能力。MyBatis它是项目的“数据搬运工”。相较于全自动的JPAMyBatis需要你手写或通过Generator生成SQL映射文件Mapper.xml这让你能更精细地控制SQL语句进行复杂的多表关联查询。例如查询某个教练的排班表及其已被预约的时段这样的SQL在MyBitus里可以写得非常灵活高效。实操心得在搭建SSM环境时web.xml和spring-mvc.xml、spring-mybatis.xml这几个配置文件是新手最容易出错的地方。建议严格按照“先加依赖再写配置逐层测试”的顺序。比如先确保Spring容器能启动再测试MyBitus能否获取数据库连接最后测试Spring MVC的Controller能否被访问。不要试图一次性把所有配置写完。2.2 前端入口微信小程序的优势与挑战选择微信小程序作为前端其优势是压倒性的无需安装、即用即走、依托微信生态。对于健身房场景用户扫码即可使用推广成本极低。但挑战也随之而来小程序有其独特的开发规范和限制。技术特点小程序使用WXML类似HTML、WXSS类似CSS和JavaScript进行开发框架是MINA。它封装了丰富的原生API如网络请求(wx.request)、本地存储(wx.setStorageSync)、位置获取(wx.getLocation)等。在本系统中你需要频繁使用wx.request与你的SSM后端进行数据交互。与后端的交互这是项目的核心联调部分。你需要在小程序的app.js中统一配置后端服务器的域名需在微信公众平台配置合法域名。每个页面通过onLoad生命周期函数发起请求获取数据并渲染。例如在“教练列表”页面你需要请求/api/coach/list将返回的JSON数组用wx:for指令循环渲染到页面上。用户体验关键点小程序的性能体验至关重要。要善用小程序提供的image标签的懒加载模式对于教练头像等图片进行CDN加速或压缩。列表页应做分页加载避免一次性请求过多数据。预约时间的交互设计要清晰通常使用picker组件来选择日期和时间段。2.3 数据库设计业务逻辑的持久化体现数据库设计是项目的灵魂直接反映了你对业务的理解深度。一个健身房私教预约系统至少需要以下几张核心表用户表 (t_user)存储小程序用户信息主键user_id关键字段有openid微信唯一标识、nickname、avatar_url、phone等。教练表 (t_coach)存储教练信息coach_id、name、photo、title头衔、description简介、specialty专长等。课程表 (t_course)定义课程类型course_id、name如“减脂塑形”、“体能提升”、duration时长、price等。排班表 (t_schedule)这是核心表记录教练每天的可用时间段。字段包括schedule_id、coach_id、course_id、date、start_time、end_time、status如“可预约”、“已满”、“已取消”。预约订单表 (t_booking)另一张核心表记录用户的预约行为。字段包括booking_id、user_id、schedule_id、status如“待确认”、“已预约”、“已完成”、“已取消”、create_time、remark等。评价表 (t_review)用户完成课程后对教练的评价。注意事项t_schedule和t_booking的设计是难点。t_schedule体现了资源的供给教练的时间t_booking体现了资源的消费用户的占用。两者通过schedule_id关联。当用户预约时需要在一个数据库事务中完成检查t_schedule的status是否为“可预约”插入t_booking记录并将t_schedule的status更新为“已满”。这保证了并发预约时的数据一致性。3. 系统核心功能模块实现详解3.1 用户端小程序功能实现用户端小程序是直接面向会员的界面设计上要求简洁、流畅、功能明确。首页与教练展示首页通常采用轮播图展示活动下方是教练列表流。点击教练卡片进入详情页展示教练的完整信息、可预约时间以及历史评价。这里的关键是列表查询优化。后端CoachController的接口需要支持分页参数MyBitus的Mapper.xml中应写好关联查询一次性将教练基本信息、最近的可预约时段数量等汇总返回避免前端多次请求。// 示例CoachService接口中的分页查询方法 PageInfoCoachVO getCoachListWithCondition(Integer pageNum, Integer pageSize, String specialty);预约流程这是最核心的交互。用户选择教练和课程后进入时间选择页面。这里需要向后端请求该教练在未来一段时间内如未来7天所有status ‘可预约’的t_schedule记录。前端通过日历组件和时段网格来可视化这些时间。用户点击一个时段后调用创建预约接口。个人中心包含“我的预约”展示不同状态的预约单、“我的收藏”收藏的教练、“我的评价”等。这里涉及复杂的订单状态管理前端需要根据后端返回的booking_status来显示不同的标签和可操作按钮如“取消预约”、“去评价”。3.2 管理后台功能实现管理后台通常是一个独立的PC端Web页面使用AdminLTE、Layui等模板快速搭建通过RESTful API与同一个SSM后端交互。教练与课程管理实现基本的CRUD增删改查功能。注意删除教练时需要做逻辑删除将is_deleted字段置为1而非物理删除因为其关联着历史预约记录。排班管理这是后台的核心功能。需要提供一个直观的界面如仿日历的视图让管理员能批量为教练生成一周的排班如每天上午2个时段下午3个时段。对应的后端接口需要处理批量插入t_schedule记录的逻辑。预约订单管理管理员可以查看所有预约并进行状态操作。例如教练临时请假管理员可以将某个排班的所有预约“取消”并通知用户或者手动确认一个“待确认”的预约。所有状态变更都应记录日志。数据统计简单的图表展示如每日预约量、热门教练排行、课程类型分布等。这需要编写相对复杂的SQL进行分组统计并通过ECharts等图表库在前端展示。3.3 关键业务逻辑与接口设计微信登录小程序端调用wx.login()获取code发送到后端。后端用appid、secret和code调用微信接口服务换取openid和session_key。openid是用户的唯一标识用于关联系统内的t_user表。后端应生成一个自定义的token如JWT返回给小程序用于后续接口的鉴权。创建预约接口输入schedule_id,user_id(从token中解析),remark。校验检查用户是否存在、排班是否存在且状态为“可预约”。事务操作在同一个Transactional方法内向t_booking插入一条状态为“待确认”或“已预约”的记录根据业务规则并将对应t_schedule的记录状态更新为“已满”。输出返回预约成功与否的结果。务必做好并发控制防止超卖。可以在更新t_schedule的SQL语句中加上状态条件update t_schedule set status 已满 where schedule_id #{id} and status 可预约并根据更新行数判断是否成功。状态流转预约订单的状态机需要清晰定义。例如待确认 - 已预约 - 已完成。也可以有待确认 - 已取消、已预约 - 已取消等路径。每个状态变更的触发条件用户操作、管理员操作、定时任务和后续动作如发送模板消息都要在代码中明确。4. 开发部署全流程与避坑指南4.1 本地开发环境搭建后端环境JDK 8建议使用JDK 8或11长期支持版本更稳定。Maven 3.6用于管理项目依赖Spring、MyBitus、MySQL驱动等。MySQL 5.7安装并创建数据库执行项目提供的SQL脚本初始化表结构。IDEIntelliJ IDEA或Eclipse。IDEA对Maven和Spring的支持更好推荐使用。Tomcat 8.5作为Servlet容器。在IDEA中配置本地Tomcat将项目部署为war包运行。前端小程序环境下载并安装微信开发者工具。导入小程序项目源码目录。在project.config.json中配置你的appid需要注册微信小程序账号获取个人或测试appid。修改app.js中全局变量baseUrl指向你本地启动的后端服务地址如http://localhost:8080/gym。注意微信要求后端接口必须是HTTPS但开发阶段可以在开发者工具中勾选“不校验合法域名”。4.2 项目启动与联调启动后端在IDEA中运行Tomcat确保控制台无报错能正常打印Spring初始化日志。访问http://localhost:8080/gym/api/test之类的测试接口看是否能返回数据。启动前端在微信开发者工具中点击“编译”预览小程序。首先测试登录功能获取token。接口联调使用开发者工具的“网络”面板查看每一个小程序发起的请求和响应。重点关注请求URL、参数、以及后端返回的HTTP状态码和JSON数据。这是排查问题的关键环节。4.3 常见问题排查实录问题一小程序访问后端接口报“request:fail url not in domain list”错误。原因小程序发出的请求域名未在微信公众平台配置。解决正式上线前必须在微信公众平台的小程序后台的“开发”-“开发设置”-“服务器域名”中配置request合法域名你的后端服务器域名。开发阶段可以在微信开发者工具右上角点击“详情”-“本地设置”-勾选“不校验合法域名、web-view业务域名、TLS版本以及HTTPS证书”。问题二后端插入数据库中文变成乱码。原因数据库、连接字符串、服务器字符集不统一。解决确保三处编码均为UTF-8。MySQL数据库和表的字符集CREATE DATABASE gym DEFAULT CHARSETutf8mb4;JDBC连接字符串在jdbc.properties中URL添加参数?useUnicodetruecharacterEncodingutf-8useSSLfalse。Tomcat服务器编码在server.xml的Connector配置中添加URIEncodingUTF-8。问题三事务Transactional不生效。原因常见原因有方法不是public异常被捕获未抛出数据库引擎不支持事务如MyISAM。排查检查方法是否为public。确保异常类型是RuntimeException或Error或者你在Transactional中指定了rollbackFor。检查MySQL表引擎是否为InnoDB。确保Spring配置文件中开启了事务管理tx:annotation-driven /。问题四小程序图片加载慢或布局错乱。原因图片过大WXSS样式兼容问题。解决教练头像等图片务必经过压缩并上传至CDN或对象存储不要直接放在小程序包内。使用小程序提供的image标签并设置mode属性如widthFix来适配不同宽高比。多用Flex布局并利用开发者工具的“调试器”中的“Wxml”面板实时查看和修改样式。4.4 从开发到部署的进阶步骤当你完成本地开发后若想公网访问需要后端部署购买一台云服务器如阿里云ECS安装JDK、Tomcat、MySQL。将本地打包好的war文件上传到云服务器Tomcat的webapps目录下。配置云服务器的安全组开放8080Tomcat和3306MySQL仅限内网访问端口。域名与HTTPS为你的服务器IP绑定一个域名并申请SSL证书很多云平台提供免费证书。在Tomcat中配置HTTPS连接器。小程序配置将微信公众平台小程序的服务器域名修改为你配置了HTTPS的域名。数据库迁移将本地的数据库导出为SQL文件在云服务器上导入。这个过程你会接触到Linux基础命令、服务部署、网络配置等运维知识对能力是极大的锻炼。完成这些一个完整的、可在线访问的毕业设计项目就真正成型了。这个项目不仅是一份毕业答卷更是一个能写进简历、在面试中可以侃侃而谈的实战作品。本文还有配套的精品资源点击获取