尧图网页设计 
简介这是一套面向高校计算机专业毕业设计的完整项目资料主题为Java微信小程序宠物店商城系统采用SSM框架搭建后台、Vue构建管理页面、微信小程序作为用户端数据库使用MySQL兼容JDK1.8及Eclipse、IDEA等主流开发工具。系统围绕宠物信息管理与商品销售展开区分管理员、商家、用户三类角色涵盖宠物分类、宠物用品、服务项目、订单、日志等管理模块并支持购买宠物、预约服务等业务流程。资源包共1662个文件约52.19MB包含184个Java源码、177个Vue组件、250个JS脚本、132个WXSS与130个WXML小程序页面文件以及PNG、SVG等界面素材和SQL脚本另附论文、数据库脚本、环境工具包与同框架项目安装教程。已有123人学习适合需要完整赛题方案、源码参考与部署排错思路的毕业生直接借鉴。1. 从一份“宠物店商城小程序”标题里拆出真正能跑通的 SSM 落地路径如果你正在搜“毕业设计java微信小程序宠物店商城小程序设计与实现ssm源码含文档含教程”大概率不是想听概念而是想确认三件事这套东西到底由哪些模块组成、SSM 后端和微信小程序前端怎么对接、拿到源码后怎么在自己机器上跑起来。我做过几套类似结构的商城类毕设宠物店这个题材的特殊点在于商品 SKU 少但服务类目多洗澡、寄养、驱虫订单状态比普通商城更绕所以它比“纯卖货”的商城更能体现设计工作量。这篇笔记按“先立住结构再动手复现”的顺序写。适合两类人一是要交毕业设计、需要能演示能答辩的同学二是想用一套完整前后端分离案例练手 SSM 小程序联调的开发者。我不会假设你手里已经有一份完美源码而是把这类项目最常见的目录结构、接口约定、参数配置和翻车点讲清楚你照着就能判断手里的代码缺什么、该补哪里。2. 宠物店商城的模块边界先想清楚哪些表必须建2.1 为什么宠物店商城不能照抄普通商城表结构普通商城的核心是“商品—购物车—订单”宠物店如果只做这个答辩时老师一句“你这和卖衣服有什么区别”就够呛。宠物店真正的业务增量在服务预约洗澡、美容、寄养这些不是标准商品它们有“时间段”“宠物信息”“服务人员”三个额外维度。所以表设计上除了常规的商品表、订单表必须多出pet宠物档案、service_item服务项目、appointment预约单三张核心表。我一般会这样划分模块用户端微信小程序负责浏览、下单、预约、查看订单管理端SSM 后台负责商品上下架、订单处理、预约排期、会员管理。两端共用同一套 Service 层Controller 分/api/wx/和/api/admin/两个前缀。这样做的理由是小程序端不需要登录后台账号用 openid 换 token 即可后台走传统的账号密码 session。两套鉴权逻辑分开后期加权限不会互相污染。提示如果你的源码里appointment表和order表是合并的建议拆开。预约有时段冲突校验订单没有混在一起后面加排期逻辑会非常痛苦。2.2 核心表清单与字段取舍下面这张表是我在多个同类项目里收敛出来的最小可用集合字段只列关键项具体长度按 MySQL 8 的规范来表名关键字段说明userid, openid, nickname, phone, member_levelopenid 唯一索引会员等级用于折扣petid, user_id, pet_name, pet_type, age, note一个用户可有多只宠物categoryid, name, sort, status商品分类status 控制是否展示productid, category_id, name, price, stock, cover, detail普通商品service_itemid, name, price, duration, max_per_slot服务项目duration 单位分钟appointmentid, user_id, pet_id, service_id, appoint_time, statusstatus 走 0待确认/1已确认/2已完成/3已取消ordersid, order_no, user_id, total_amount, pay_status, order_statusorder_no 用时间戳随机数order_itemid, order_id, product_id, count, price下单时价格快照防止商品改价影响历史单这里有个血泪经验order_item里的price一定要存下单那一刻的价格不要关联查product.price。我见过有人图省事直接 join结果商品调价后所有历史订单金额全变了答辩现场被问得下不来台。2.3 从表结构反推接口清单表定完接口基本就定了。小程序端需要的接口大致是/api/wx/logincode 换 openid、/api/wx/product/list、/api/wx/product/detail、/api/wx/cart/add、/api/wx/order/create、/api/wx/appointment/create、/api/wx/appointment/list。后台端是/api/admin/product/save、/api/admin/order/list、/api/admin/appointment/confirm。判断一份源码是否完整最快的办法就是数 Controller 里的方法数。一个能演示的宠物店商城小程序端接口不应少于 15 个后台端不应少于 20 个。如果只有个位数那大概率是个半成品文档和教程也补不回来。3. SSM 后端怎么搭从 pom 到第一个能返回 JSON 的接口3.1 依赖版本与目录结构SSM 指的是 Spring SpringMVC MyBatis。虽然现在新项目多用 SpringBoot但毕业设计里 SSM 依然是主流因为分层清晰、答辩好讲。我一般用这套版本组合Spring 5.3.x、MyBatis 3.5.x、Druid 1.2.x、MySQL 8.0 驱动、Jackson 2.13.x。JDK 用 8 或 11 都行别用 17部分老教程的 jar 包会出兼容问题。标准目录结构是这样的src/main/java/com/pet ├── controller // 分 wx 和 admin 两个包 ├── service │ └── impl ├── mapper // MyBatis 接口 ├── entity // 与表对应 ├── dto // 接收前端参数 ├── vo // 返回给前端 └── util // 统一返回、token 工具 src/main/resources ├── mapper // XML 映射文件 ├── spring-dao.xml ├── spring-service.xml ├── spring-mvc.xml └── jdbc.propertiesjdbc.properties里至少要配jdbc.url、jdbc.username、jdbc.password、jdbc.driver。注意 MySQL 8 的 URL 必须带时区和useSSLfalse否则启动就报时区错误jdbc.drivercom.mysql.cj.jdbc.Driver jdbc.urljdbc:mysql://localhost:3306/pet_shop?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse jdbc.usernameroot jdbc.password你的密码参数说明serverTimezone不写会报The server time zone value is unrecognizeduseSSLfalse是本地开发省去证书配置生产环境要另说。3.2 统一返回结构别让前端猜你的字段小程序端最怕后端返回格式不统一一会儿{code:0}一会儿{success:true}。我一般定一个Result类所有接口都返回它public class ResultT { private Integer code; // 200 成功500 失败401 未登录 private String msg; private T data; public static T ResultT ok(T data) { ResultT r new Result(); r.setCode(200); r.setMsg(success); r.setData(data); return r; } public static T ResultT fail(String msg) { ResultT r new Result(); r.setCode(500); r.setMsg(msg); return r; } }逻辑说明code用 HTTP 语义的数字前端拦截器里判断code 401就跳登录页code 200才取data。这样前端不用为每个接口写不同的判断。参数上data用泛型返回列表就是ResultListProduct返回单个对象就是ResultProduct。3.3 一个完整的商品列表接口以/api/wx/product/list为例Controller 长这样RestController RequestMapping(/api/wx/product) public class WxProductController { Autowired private ProductService productService; GetMapping(/list) public ResultListProduct list(RequestParam(required false) Integer categoryId, RequestParam(defaultValue 1) Integer page, RequestParam(defaultValue 10) Integer size) { // 分页参数做一次保护防止前端传 0 或负数 if (page 1) page 1; if (size 50) size 50; ListProduct list productService.listByCategory(categoryId, (page - 1) * size, size); return Result.ok(list); } }逻辑说明categoryId可为空为空就查全部page和size给了默认值并做了上限保护防止有人传size10000把数据库拖垮。Service 层对应的方法在 XML 里用limit #{offset}, #{size}实现分页。参数上offset是(page-1)*size这是 MySQL 分页的标准写法。注意如果你的源码里分页用的是 PageHelper那要确认pom.xml里引入了pagehelper依赖并且在spring-dao.xml里配置了拦截器否则分页不生效但也不报错查出来永远是全量数据。3.4 跨域与静态资源映射小程序开发时微信开发者工具请求本地后端会遇到跨域。SSM 里最简单的处理是在spring-mvc.xml加mvc:cors mvc:mapping path/api/** allowed-origins* allowed-methodsGET,POST,PUT,DELETE allowed-headers* allow-credentialstrue/ /mvc:cors参数说明allowed-origins开发期用*上线后要改成具体域名allow-credentials为 true 时allowed-origins不能是*这是浏览器的限制本地调试如果遇到 cookie 带不上先检查这一条。另外图片上传后要能访问需要在spring-mvc.xml里加mvc:resources mapping/upload/** locationfile:D:/upload//路径按你实际存储位置改。4. 微信小程序端怎么接登录、请求封装与预约时段选择4.1 登录流程code 换 openid 再换 token小程序的登录不能直接拿用户信息标准流程是wx.login()拿到 code传给后端后端用 code appid secret 调微信接口换 openid再生成自己的 token 返回。后端这部分代码PostMapping(/login) public ResultString login(RequestBody LoginDTO dto) { // dto.getCode() 是小程序 wx.login 拿到的 String url https://api.weixin.qq.com/sns/jscode2session?appid appid secret secret js_code dto.getCode() grant_typeauthorization_code; String resp restTemplate.getForObject(url, String.class); JSONObject json JSON.parseObject(resp); String openid json.getString(openid); if (openid null) { return Result.fail(登录失败); } // 查库没有就注册 User user userService.findOrCreateByOpenid(openid); String token JwtUtil.sign(user.getId()); return Result.ok(token); }逻辑说明appid和secret放在配置文件里不要硬编码在 Java 里。findOrCreateByOpenid做的是“查不到就插入”保证第一次登录自动注册。token 用 JWT 或简单的 UUID 存 Redis 都行毕设用 JWT 更省事不用额外装 Redis。4.2 请求封装一次封装全局带 token小程序端我一般建一个request.jsconst BASE_URL http://localhost:8080; function request(options) { return new Promise((resolve, reject) { wx.request({ url: BASE_URL options.url, method: options.method || GET, data: options.data || {}, header: { content-type: application/json, token: wx.getStorageSync(token) || }, success(res) { if (res.data.code 200) { resolve(res.data.data); } else if (res.data.code 401) { wx.removeStorageSync(token); wx.navigateTo({ url: /pages/login/login }); reject(res.data.msg); } else { wx.showToast({ title: res.data.msg, icon: none }); reject(res.data.msg); } }, fail(err) { wx.showToast({ title: 网络异常, icon: none }); reject(err); } }); }); } module.exports { request };逻辑说明header里统一带 token后端拦截器从 header 取 token 校验。code 401时清 token 并跳登录这是全局兜底。参数上BASE_URL在开发时是本地 IP真机调试要改成电脑局域网 IP不能用localhost这是新手最常翻车的地方。4.3 预约时段选择宠物店特有的交互服务预约和买商品不同用户要选日期和时段。我一般把时段做成固定几档10:00-12:00、14:00-16:00、16:00-18:00。前端用 picker 选日期用 radio 选时段。提交前先调一个/api/wx/appointment/check接口查该时段是否已满async submitAppointment() { const res await request({ url: /api/wx/appointment/check, method: POST, data: { serviceId: this.data.serviceId, appointTime: this.data.date this.data.slot } }); if (!res.available) { wx.showToast({ title: 该时段已约满, icon: none }); return; } await request({ url: /api/wx/appointment/create, method: POST, data: {...} }); wx.showToast({ title: 预约成功 }); }逻辑说明check接口在后端统计该时段已有预约数和service_item.max_per_slot比较。参数上appointTime用yyyy-MM-dd HH:mm格式后端用JsonFormat解析。这个“先查再提交”的模式有个并发漏洞两个人同时查都显示可约所以后端create里还要再校验一次前端校验只是提升体验。5. 避坑与排查这类毕设最容易翻车的 5 个地方5.1 小程序请求本地后端报“不在以下 request 合法域名列表中”现象开发者工具里勾了“不校验合法域名”能跑真机预览就失败。原因真机不走开发者工具的忽略校验。解决要么在微信公众平台配置合法域名需要备案域名要么真机调试时在手机端开启调试模式。毕设演示一般用开发者工具投屏问题不大但答辩前一定要确认演示环境。5.2 图片上传后小程序显示 404现象后台上传成功数据库也有路径但小程序image不显示。原因多半是spring-mvc.xml里没配mvc:resources或者路径映射写错。解决确认location指向的物理路径真实存在且mapping和数据库存的 URL 前缀一致。我一般数据库存/upload/xxx.jpg映射配/upload/**。5.3 订单金额和商品总价对不上现象购物车结算金额比实际商品总价多几分钱。原因用了double做金额计算浮点误差累积。解决金额字段用BigDecimal数据库用decimal(10,2)Java 里new BigDecimal(19.9)而不是new BigDecimal(19.9)。这个坑在答辩时如果被问到能答上来是加分项。5.4 MyBatis 查询返回 null 但数据库有数据现象接口返回data: null日志里 SQL 也执行了。原因实体类字段名和数据库列名不一致且没配resultMap或mapUnderscoreToCamelCase。解决在mybatis-config.xml里加setting namemapUnderscoreToCamelCase valuetrue/让pet_name自动映射到petName。如果还不行检查是不是用了Param但 XML 里没对应。5.5 后台管理页面登录后刷新就退出现象登录成功点一下菜单就跳回登录页。原因session 跨域或 cookie 没带上。解决确认前端请求带了withCredentials后端 CORS 配了allow-credentialstrue且allowed-origins不是*。如果是前后端分离部署建议直接用 token 替代 session省去这些麻烦。6. 让这套毕设从“能跑”到“能讲”接口文档与演示脚本最后一章说点实在的。很多人代码跑通了但答辩讲不清楚问题出在没有把“设计”和“实现”串起来。我的习惯是在项目根目录放一个api.md把每个接口的 URL、方法、参数、返回示例列成表。这份文档不用多漂亮但答辩时老师翻到会觉得你思路清晰。再准备一个演示脚本按这个顺序走一遍小程序登录 → 浏览商品 → 加入购物车 → 下单 → 查看订单 → 预约洗澡 → 后台确认预约 → 后台发货。全程控制在 3 分钟内中间不要现场调试。我见过太多人现场改代码改到超时血泪经验就是演示前把数据准备好订单和预约各留一条待处理状态别现场造数据。如果你手里的源码缺文档别急着找“完整版”先按第 2 章的表清单对一遍缺哪张表补哪张缺哪个接口补哪个。SSM 这套东西结构是死的补起来比想象中快。真正值不值得投入取决于你愿不愿意把预约这条业务线做扎实——它才是宠物店商城区别于普通商城的地方也是答辩时最能讲出设计含量的部分。我自己的习惯是每做完一个模块就写三行注释这个模块解决什么问题、关键参数是什么、哪里容易出错。攒到最后文档自然就有了。希望帮到你。本文还有配套的精品资源点击获取 SSM+微信小程序宠物店商城毕设：从表结构到接口联调全流程
简介这是一套面向高校计算机专业毕业设计的完整项目资料主题为Java微信小程序宠物店商城系统采用SSM框架搭建后台、Vue构建管理页面、微信小程序作为用户端数据库使用MySQL兼容JDK1.8及Eclipse、IDEA等主流开发工具。系统围绕宠物信息管理与商品销售展开区分管理员、商家、用户三类角色涵盖宠物分类、宠物用品、服务项目、订单、日志等管理模块并支持购买宠物、预约服务等业务流程。资源包共1662个文件约52.19MB包含184个Java源码、177个Vue组件、250个JS脚本、132个WXSS与130个WXML小程序页面文件以及PNG、SVG等界面素材和SQL脚本另附论文、数据库脚本、环境工具包与同框架项目安装教程。已有123人学习适合需要完整赛题方案、源码参考与部署排错思路的毕业生直接借鉴。1. 从一份“宠物店商城小程序”标题里拆出真正能跑通的 SSM 落地路径如果你正在搜“毕业设计java微信小程序宠物店商城小程序设计与实现ssm源码含文档含教程”大概率不是想听概念而是想确认三件事这套东西到底由哪些模块组成、SSM 后端和微信小程序前端怎么对接、拿到源码后怎么在自己机器上跑起来。我做过几套类似结构的商城类毕设宠物店这个题材的特殊点在于商品 SKU 少但服务类目多洗澡、寄养、驱虫订单状态比普通商城更绕所以它比“纯卖货”的商城更能体现设计工作量。这篇笔记按“先立住结构再动手复现”的顺序写。适合两类人一是要交毕业设计、需要能演示能答辩的同学二是想用一套完整前后端分离案例练手 SSM 小程序联调的开发者。我不会假设你手里已经有一份完美源码而是把这类项目最常见的目录结构、接口约定、参数配置和翻车点讲清楚你照着就能判断手里的代码缺什么、该补哪里。2. 宠物店商城的模块边界先想清楚哪些表必须建2.1 为什么宠物店商城不能照抄普通商城表结构普通商城的核心是“商品—购物车—订单”宠物店如果只做这个答辩时老师一句“你这和卖衣服有什么区别”就够呛。宠物店真正的业务增量在服务预约洗澡、美容、寄养这些不是标准商品它们有“时间段”“宠物信息”“服务人员”三个额外维度。所以表设计上除了常规的商品表、订单表必须多出pet宠物档案、service_item服务项目、appointment预约单三张核心表。我一般会这样划分模块用户端微信小程序负责浏览、下单、预约、查看订单管理端SSM 后台负责商品上下架、订单处理、预约排期、会员管理。两端共用同一套 Service 层Controller 分/api/wx/和/api/admin/两个前缀。这样做的理由是小程序端不需要登录后台账号用 openid 换 token 即可后台走传统的账号密码 session。两套鉴权逻辑分开后期加权限不会互相污染。提示如果你的源码里appointment表和order表是合并的建议拆开。预约有时段冲突校验订单没有混在一起后面加排期逻辑会非常痛苦。2.2 核心表清单与字段取舍下面这张表是我在多个同类项目里收敛出来的最小可用集合字段只列关键项具体长度按 MySQL 8 的规范来表名关键字段说明userid, openid, nickname, phone, member_levelopenid 唯一索引会员等级用于折扣petid, user_id, pet_name, pet_type, age, note一个用户可有多只宠物categoryid, name, sort, status商品分类status 控制是否展示productid, category_id, name, price, stock, cover, detail普通商品service_itemid, name, price, duration, max_per_slot服务项目duration 单位分钟appointmentid, user_id, pet_id, service_id, appoint_time, statusstatus 走 0待确认/1已确认/2已完成/3已取消ordersid, order_no, user_id, total_amount, pay_status, order_statusorder_no 用时间戳随机数order_itemid, order_id, product_id, count, price下单时价格快照防止商品改价影响历史单这里有个血泪经验order_item里的price一定要存下单那一刻的价格不要关联查product.price。我见过有人图省事直接 join结果商品调价后所有历史订单金额全变了答辩现场被问得下不来台。2.3 从表结构反推接口清单表定完接口基本就定了。小程序端需要的接口大致是/api/wx/logincode 换 openid、/api/wx/product/list、/api/wx/product/detail、/api/wx/cart/add、/api/wx/order/create、/api/wx/appointment/create、/api/wx/appointment/list。后台端是/api/admin/product/save、/api/admin/order/list、/api/admin/appointment/confirm。判断一份源码是否完整最快的办法就是数 Controller 里的方法数。一个能演示的宠物店商城小程序端接口不应少于 15 个后台端不应少于 20 个。如果只有个位数那大概率是个半成品文档和教程也补不回来。3. SSM 后端怎么搭从 pom 到第一个能返回 JSON 的接口3.1 依赖版本与目录结构SSM 指的是 Spring SpringMVC MyBatis。虽然现在新项目多用 SpringBoot但毕业设计里 SSM 依然是主流因为分层清晰、答辩好讲。我一般用这套版本组合Spring 5.3.x、MyBatis 3.5.x、Druid 1.2.x、MySQL 8.0 驱动、Jackson 2.13.x。JDK 用 8 或 11 都行别用 17部分老教程的 jar 包会出兼容问题。标准目录结构是这样的src/main/java/com/pet ├── controller // 分 wx 和 admin 两个包 ├── service │ └── impl ├── mapper // MyBatis 接口 ├── entity // 与表对应 ├── dto // 接收前端参数 ├── vo // 返回给前端 └── util // 统一返回、token 工具 src/main/resources ├── mapper // XML 映射文件 ├── spring-dao.xml ├── spring-service.xml ├── spring-mvc.xml └── jdbc.propertiesjdbc.properties里至少要配jdbc.url、jdbc.username、jdbc.password、jdbc.driver。注意 MySQL 8 的 URL 必须带时区和useSSLfalse否则启动就报时区错误jdbc.drivercom.mysql.cj.jdbc.Driver jdbc.urljdbc:mysql://localhost:3306/pet_shop?useUnicodetruecharacterEncodingutf8serverTimezoneAsia/ShanghaiuseSSLfalse jdbc.usernameroot jdbc.password你的密码参数说明serverTimezone不写会报The server time zone value is unrecognizeduseSSLfalse是本地开发省去证书配置生产环境要另说。3.2 统一返回结构别让前端猜你的字段小程序端最怕后端返回格式不统一一会儿{code:0}一会儿{success:true}。我一般定一个Result类所有接口都返回它public class ResultT { private Integer code; // 200 成功500 失败401 未登录 private String msg; private T data; public static T ResultT ok(T data) { ResultT r new Result(); r.setCode(200); r.setMsg(success); r.setData(data); return r; } public static T ResultT fail(String msg) { ResultT r new Result(); r.setCode(500); r.setMsg(msg); return r; } }逻辑说明code用 HTTP 语义的数字前端拦截器里判断code 401就跳登录页code 200才取data。这样前端不用为每个接口写不同的判断。参数上data用泛型返回列表就是ResultListProduct返回单个对象就是ResultProduct。3.3 一个完整的商品列表接口以/api/wx/product/list为例Controller 长这样RestController RequestMapping(/api/wx/product) public class WxProductController { Autowired private ProductService productService; GetMapping(/list) public ResultListProduct list(RequestParam(required false) Integer categoryId, RequestParam(defaultValue 1) Integer page, RequestParam(defaultValue 10) Integer size) { // 分页参数做一次保护防止前端传 0 或负数 if (page 1) page 1; if (size 50) size 50; ListProduct list productService.listByCategory(categoryId, (page - 1) * size, size); return Result.ok(list); } }逻辑说明categoryId可为空为空就查全部page和size给了默认值并做了上限保护防止有人传size10000把数据库拖垮。Service 层对应的方法在 XML 里用limit #{offset}, #{size}实现分页。参数上offset是(page-1)*size这是 MySQL 分页的标准写法。注意如果你的源码里分页用的是 PageHelper那要确认pom.xml里引入了pagehelper依赖并且在spring-dao.xml里配置了拦截器否则分页不生效但也不报错查出来永远是全量数据。3.4 跨域与静态资源映射小程序开发时微信开发者工具请求本地后端会遇到跨域。SSM 里最简单的处理是在spring-mvc.xml加mvc:cors mvc:mapping path/api/** allowed-origins* allowed-methodsGET,POST,PUT,DELETE allowed-headers* allow-credentialstrue/ /mvc:cors参数说明allowed-origins开发期用*上线后要改成具体域名allow-credentials为 true 时allowed-origins不能是*这是浏览器的限制本地调试如果遇到 cookie 带不上先检查这一条。另外图片上传后要能访问需要在spring-mvc.xml里加mvc:resources mapping/upload/** locationfile:D:/upload//路径按你实际存储位置改。4. 微信小程序端怎么接登录、请求封装与预约时段选择4.1 登录流程code 换 openid 再换 token小程序的登录不能直接拿用户信息标准流程是wx.login()拿到 code传给后端后端用 code appid secret 调微信接口换 openid再生成自己的 token 返回。后端这部分代码PostMapping(/login) public ResultString login(RequestBody LoginDTO dto) { // dto.getCode() 是小程序 wx.login 拿到的 String url https://api.weixin.qq.com/sns/jscode2session?appid appid secret secret js_code dto.getCode() grant_typeauthorization_code; String resp restTemplate.getForObject(url, String.class); JSONObject json JSON.parseObject(resp); String openid json.getString(openid); if (openid null) { return Result.fail(登录失败); } // 查库没有就注册 User user userService.findOrCreateByOpenid(openid); String token JwtUtil.sign(user.getId()); return Result.ok(token); }逻辑说明appid和secret放在配置文件里不要硬编码在 Java 里。findOrCreateByOpenid做的是“查不到就插入”保证第一次登录自动注册。token 用 JWT 或简单的 UUID 存 Redis 都行毕设用 JWT 更省事不用额外装 Redis。4.2 请求封装一次封装全局带 token小程序端我一般建一个request.jsconst BASE_URL http://localhost:8080; function request(options) { return new Promise((resolve, reject) { wx.request({ url: BASE_URL options.url, method: options.method || GET, data: options.data || {}, header: { content-type: application/json, token: wx.getStorageSync(token) || }, success(res) { if (res.data.code 200) { resolve(res.data.data); } else if (res.data.code 401) { wx.removeStorageSync(token); wx.navigateTo({ url: /pages/login/login }); reject(res.data.msg); } else { wx.showToast({ title: res.data.msg, icon: none }); reject(res.data.msg); } }, fail(err) { wx.showToast({ title: 网络异常, icon: none }); reject(err); } }); }); } module.exports { request };逻辑说明header里统一带 token后端拦截器从 header 取 token 校验。code 401时清 token 并跳登录这是全局兜底。参数上BASE_URL在开发时是本地 IP真机调试要改成电脑局域网 IP不能用localhost这是新手最常翻车的地方。4.3 预约时段选择宠物店特有的交互服务预约和买商品不同用户要选日期和时段。我一般把时段做成固定几档10:00-12:00、14:00-16:00、16:00-18:00。前端用 picker 选日期用 radio 选时段。提交前先调一个/api/wx/appointment/check接口查该时段是否已满async submitAppointment() { const res await request({ url: /api/wx/appointment/check, method: POST, data: { serviceId: this.data.serviceId, appointTime: this.data.date this.data.slot } }); if (!res.available) { wx.showToast({ title: 该时段已约满, icon: none }); return; } await request({ url: /api/wx/appointment/create, method: POST, data: {...} }); wx.showToast({ title: 预约成功 }); }逻辑说明check接口在后端统计该时段已有预约数和service_item.max_per_slot比较。参数上appointTime用yyyy-MM-dd HH:mm格式后端用JsonFormat解析。这个“先查再提交”的模式有个并发漏洞两个人同时查都显示可约所以后端create里还要再校验一次前端校验只是提升体验。5. 避坑与排查这类毕设最容易翻车的 5 个地方5.1 小程序请求本地后端报“不在以下 request 合法域名列表中”现象开发者工具里勾了“不校验合法域名”能跑真机预览就失败。原因真机不走开发者工具的忽略校验。解决要么在微信公众平台配置合法域名需要备案域名要么真机调试时在手机端开启调试模式。毕设演示一般用开发者工具投屏问题不大但答辩前一定要确认演示环境。5.2 图片上传后小程序显示 404现象后台上传成功数据库也有路径但小程序image不显示。原因多半是spring-mvc.xml里没配mvc:resources或者路径映射写错。解决确认location指向的物理路径真实存在且mapping和数据库存的 URL 前缀一致。我一般数据库存/upload/xxx.jpg映射配/upload/**。5.3 订单金额和商品总价对不上现象购物车结算金额比实际商品总价多几分钱。原因用了double做金额计算浮点误差累积。解决金额字段用BigDecimal数据库用decimal(10,2)Java 里new BigDecimal(19.9)而不是new BigDecimal(19.9)。这个坑在答辩时如果被问到能答上来是加分项。5.4 MyBatis 查询返回 null 但数据库有数据现象接口返回data: null日志里 SQL 也执行了。原因实体类字段名和数据库列名不一致且没配resultMap或mapUnderscoreToCamelCase。解决在mybatis-config.xml里加setting namemapUnderscoreToCamelCase valuetrue/让pet_name自动映射到petName。如果还不行检查是不是用了Param但 XML 里没对应。5.5 后台管理页面登录后刷新就退出现象登录成功点一下菜单就跳回登录页。原因session 跨域或 cookie 没带上。解决确认前端请求带了withCredentials后端 CORS 配了allow-credentialstrue且allowed-origins不是*。如果是前后端分离部署建议直接用 token 替代 session省去这些麻烦。6. 让这套毕设从“能跑”到“能讲”接口文档与演示脚本最后一章说点实在的。很多人代码跑通了但答辩讲不清楚问题出在没有把“设计”和“实现”串起来。我的习惯是在项目根目录放一个api.md把每个接口的 URL、方法、参数、返回示例列成表。这份文档不用多漂亮但答辩时老师翻到会觉得你思路清晰。再准备一个演示脚本按这个顺序走一遍小程序登录 → 浏览商品 → 加入购物车 → 下单 → 查看订单 → 预约洗澡 → 后台确认预约 → 后台发货。全程控制在 3 分钟内中间不要现场调试。我见过太多人现场改代码改到超时血泪经验就是演示前把数据准备好订单和预约各留一条待处理状态别现场造数据。如果你手里的源码缺文档别急着找“完整版”先按第 2 章的表清单对一遍缺哪张表补哪张缺哪个接口补哪个。SSM 这套东西结构是死的补起来比想象中快。真正值不值得投入取决于你愿不愿意把预约这条业务线做扎实——它才是宠物店商城区别于普通商城的地方也是答辩时最能讲出设计含量的部分。我自己的习惯是每做完一个模块就写三行注释这个模块解决什么问题、关键参数是什么、哪里容易出错。攒到最后文档自然就有了。希望帮到你。本文还有配套的精品资源点击获取