每年毕设季,智能停车系统几乎是最常见的选题之一。很多人来找源码的时候都会问同一个问题:这个题目看起来很简单,为什么还要专门配一份部署文档和讲解视频?我的回答是:正因为看起来简单,才更需要把每个环节都做扎实。一个完整的Spring Boot智能停车系统小程序,实际上串联了微信小程序端、后端业务逻辑、数据库设计、支付回调、服务器部署整条链路,这些恰好是开发者从入门到独立做项目的分水岭。
标题里写的“源码+lw+部署文档+讲解”,如果你要的是拿回来直接改一改就能用的完整交付物,那这个项目的价值不在于某一个功能多炫,而在于它把“一个真实业务从零到上线”的完整路径展示清楚了。这篇文章我把这套系统的设计思路、核心实现、部署经验和论文写作要点整体拆一遍,无论你是打算拿它做毕设,还是想自己练一个全栈项目,都值得看到最后。
1. 智能停车系统的业务全貌:一个停车需求如何变成完整系统
1.1 “找车位难”背后的真实业务痛点
先别急着写代码。做任何一个系统之前,都要问自己一个问题:这个系统到底解决了什么现实问题?智能停车系统的核心痛点很直接:城市里车位紧张,用户开车到目的地附近,不知道哪里有空位;停车场管理方不知道如何高效统计进出车辆、计算停车费用、处理长期月卡用户。
所以,一套完整的智能停车系统,至少要拆成两个使用角色来看。
用户侧(小程序端)的诉求是:查看附近停车场和剩余车位、快速完成停车缴费、查看停车记录,最好还能申请月卡。运营侧(管理端)的诉求是:维护停车场和车位信息、配置计费规则、管理订单流水、处理异常记录。
我见过很多毕设代码里只有一个“用户查车位、用户缴费”的极简流程,没有管理端,也没有计费规则配置。这样的系统看起来跑通了,但答辩时老师一问“费率怎么调整?”“车位满了以后用户看到什么?”就卡住了。问题不在于功能多少,而在于你没有把业务闭环讲完整。
1.2 核心业务流程的三条主线
把需求理清之后,这个系统的业务可以抽象成三条主线:
- 入场流程:用户到达停车场 → 识别车牌/手动输入车牌 → 系统分配车位 → 创建停车订单 → 车位状态置为占用。
- 出场流程:用户离场前在小程序输入车牌或扫描出场码 → 系统根据入场时间计算费用 → 用户支付 → 订单状态更新 → 车位释放。
- 管理流程:管理员维护车位、设置费率、查看收入统计、处理异常订单。
这里最容易被忽略的是“车位状态流转”。一个车位有四种状态:空闲、占用、锁定、禁用。空闲才能被分配;占用中不能重复分配;锁定表示被月卡用户固定保留;禁用表示车位故障或临时不可用。很多新手只设计了空闲和占用两个状态,结果月卡功能和车位管理就做不进去了。
1.3 一个典型的交付物应该包含什么
既然标题写了“源码+lw+部署文档+讲解”,我先把一套完整交付物拆开给你看,免得你拿到资料后发现“怎么只有代码”:
| 交付物 | 内容 | 用途 |
|---|---|---|
| 源码 | 后端Spring Boot工程、小程序前端工程、管理端页面 | 开发、二次修改、学习 |
| lw(论文) | 绪论、需求分析、系统设计、实现、测试 | 毕设查重、答辩材料 |
| 部署文档 | 环境配置、打包步骤、服务器部署、常见问题 | 把系统跑起来、写安装部署说明 |
| 讲解视频/PPT | 系统演示、核心代码讲解、答辩PPT | 答辩展示、自我梳理 |
拿到任何毕设源码后,第一步不是打开IDE运行,而是对照部署文档把环境梳理清楚。后面我会专门讲部署这块,因为很多人的项目死在“本地能跑,服务器上起不来”。
需要模型API调用? 免费领10W Token,多模型网关一键接入 Claude、DeepSeek 等主流模型。
2. 技术选型与工程结构:Spring Boot 搭配小程序端的落地组合
2.1 为什么后端选 Spring Boot 而不是其他框架
现在Java后端框架里,Spring Boot基本是事实标准。原因很直接:它把Spring繁琐的XML配置简化成了自动配置和Starter依赖,内嵌Tomcat,打一个Jar包就能跑。对毕设和中小型系统来说,开发效率比传统SSH、SSM高一个量级。
但是注意,Spring Boot版本选择有讲究。现在网上很多教程直接给你Spring Boot 3.x,结果你一用MyBatis-Plus发现版本对不上,或者javax包名全变了。我的建议是:如果你的项目要兼顾稳定性和资料丰富度,Spring Boot 2.7.x是保守稳妥的选择;如果你愿意尝鲜,Spring Boot 3.x也完全可以用,但要注意依赖版本的适配。这个项目给的源码如果用的是2.7,建议不要自己去升到3.x,除非你想体验一把修依赖的酸爽。
2.2 完整技术栈清单
一个典型的智能停车系统,技术栈大致如下:
| 技术组件 | 选型 | 用途 |
|---|---|---|
| 后端框架 | Spring Boot 2.7.x | 业务接口、鉴权、事务管理 |
| ORM框架 | MyBatis-Plus | 数据库操作、分页查询 |
| 数据库 | MySQL 5.7 / 8.0 | 数据持久化 |
| 缓存 | Redis | 车位状态缓存、验证码存储、分布式锁 |
| 权限 | JWT + Spring AOP | 登录态管理、接口鉴权 |
| 文档 | Knife4j / Swagger | 接口调试、生成接口文档 |
| 小程序端 | 微信原生框架 | 用户侧功能 |
| 管理端 | Vue 2/3 + Element UI | 运营管理后台 |
有人会问,为什么MySQL之外还要用Redis?一个很实在的场景:车位状态是高频修改的数据,每次刷新都查MySQL也能跑,但并发一高,数据库压力就上来了。用Redis存“停车场ID → 剩余车位数量”这个键值,查询走缓存,下单时用Redis的原子操作或者分布式锁防止超卖,这才是“智能”二字的体现。毕设里加上Redis,答辩时也是一个很好的加分点。
2.3 后端工程结构怎么组织
好的工程结构是后续所有开发的基础。我常用的是标准的Controller-Service-Mapper分层,加上一个config包放配置类:
code复制com.example.parking
├── controller // 接口层,只做参数接收和结果封装
├── service // 业务逻辑层,核心业务都在这
│ └── impl
├── mapper // MyBatis-Plus的Mapper接口
├── entity // 数据库实体类
├── dto // 前端传入参数对象
├── vo // 返回给前端的数据对象
├── config // 配置类:Redis、WebMvc、Knife4j等
├── common // 统一返回结果、异常处理、工具类
└── ParkingApplication.java
这里有一个新手特别容易犯的错:把业务逻辑写在Controller里。比如计算停车费用这种逻辑,直接揉在接口方法里,一个接口几百行。当时跑起来没问题,后面想加一个“夜间封顶计费”规则,只能满文件找代码。正确的做法是业务逻辑下沉到Service层,Controller只做参数接收和结果封装。这样既方便测试,也方便论文里画系统结构图。
3. 数据库建模:车位状态、订单计费与用户体系的核心表设计
3.1 核心表结构与字段设计思路
数据库设计决定了一个系统能走多远。这套智能停车系统,核心表至少有这些:用户表、停车场表、车位表、停车订单表、计费规则表、月卡表、支付流水表、操作日志表。
我挑几张最核心的表展开讲。
用户表:字段包括id、openid、手机号、车牌号、余额、创建时间。openid是微信小程序的用户唯一标识,一个用户至少可以绑定一个车牌,所以车牌号这个字段要单独建一张用户车牌表,而不是直接塞在用户表里。否则用户换车或者一个用户两台车,数据就乱了。
车位表:字段包括id、停车场id、车位编号、状态(0空闲/1占用/2锁定/3禁用)、类型(普通/新能源)、创建时间。这里有一个很多源码会忽略的点:新能源车位的充电功能要不要做?建议做一个“是否支持充电”的标记字段就行,不要真去接充电桩控制。
停车订单表:字段包括id、订单编号、用户id、车牌号、停车场id、车位id、入场时间、出场时间、停车时长、应付金额、实付金额、支付状态、订单状态。金额字段一定要用Decimal,千万别用float或double,否则算费用时会出现0.1+0.2不等于0.3这种经典问题。
3.2 订单状态机与车位状态联动
停车订单的状态大概有五种:进行中、待支付、已支付、已取消、已完结。整个链路是这样的:
用户入场时创建订单,状态是“进行中”,车位状态变为“占用”。用户点击出场结算,系统根据入场时间和当前时间算出费用,订单状态变为“待支付”。用户支付成功后,订单状态变为“已支付”,车位状态变为“空闲”。如果用户入场后15分钟内取消入场(或者管理员手动清场),订单状态变为“已取消”,车位释放。
这里最需要动脑子的是“状态一致性”。比如用户正在支付,管理员同时把车位状态改成空闲,就会出现订单还在进行中但车位已释放的脏数据。解决方式是:车位释放动作只由订单状态变更触发,不要让人工直接改车位状态。管理员想释放车位,必须通过“手动结束订单”这个操作,而不是直接改carport表的state字段。
3.3 计费规则表的设计:让费率可配置而不是写死在代码里
我看过很多源码,停车费用是用if-else写死在Service里的,比如:
java复制if (duration <= 1) {
fee = 5;
} else if (duration <= 2) {
fee = 10;
}
这样写的问题在于,停车场的费率经常变化,每次改价都要改代码重新打包。更好的方案是设计一张计费规则表:
| 字段名 | 类型 | 说明 |
|---|---|---|
| id | bigint | 主键 |
| parking_id | bigint | 停车场id |
| free_minutes | int | 免费时长(分钟) |
| first_hour_fee | decimal | 首小时费用 |
| hourly_fee | decimal | 后续每小时费用 |
| daily_cap | decimal | 单日封顶费用 |
| night_start | time | 夜间计费开始时间 |
| night_end | time | 夜间计费结束时间 |
| night_fee | decimal | 夜间固定费用 |
计费逻辑放在Service层,从规则表读取配置计算。以后停车场老板想改费率,在管理后台改一下就行,不需要动代码。这个设计虽然只是多了一张表,但在论文的“系统设计”章节里是一个非常好的亮点。
4. 后端核心接口实现:从入场识别到支付回调的完整链路
4.1 入场接口:一个下单动作背后的细节
入场接口的逻辑不复杂,但要注意每一步的校验。伪代码如下:
java复制@PostMapping("/entry")
public Result entry(@RequestBody EntryDTO dto) {
// 1. 校验车牌号格式
// 2. 判断是否有进行中的订单(一个车牌不能重复入场)
// 3. 查找可用车位(状态为空闲)
// 4. 锁定车位(用Redis分布式锁防止并发抢同一个车位)
// 5. 创建停车订单
// 6. 更新车位状态为占用
// 7. 更新停车场剩余车位数量
}
其中“一个车牌不能重复入场”这一步很好理解,但“查找可用车位”并发的问题经常被忽略。如果两个请求同时查到同一个空闲车位,就会出现重复分配。解决办法是:在查询可用车位时加上条件更新,UPDATE carport SET state = 1 WHERE id = ? AND state = 0,如果影响行数为1,说明抢锁成功;如果影响行数为0,说明车位已经被别人占了,需要重新查找。
这也是为什么MySQL和Redis要配合使用的原因。高并发场景下,Redis的分布式锁能减少数据库层面的竞争,让系统更稳定。
4.2 计费算法:写好一个可扩展的费用计算器
停车计费虽然简单,但细节很多。最基本的逻辑是:出场时间减去入场时间得到总时长,扣掉免费时长后,按“首小时+后续每小时+封顶”三段式计算。用Java实现可以这样写:
java复制public BigDecimal calcFee(ParkingOrder order, BillingRule rule) {
long minutes = Duration.between(order.getEntryTime(), order.getExitTime()).toMinutes();
// 免费时长
if (minutes <= rule.getFreeMinutes()) {
return BigDecimal.ZERO;
}
long billableMinutes = minutes - rule.getFreeMinutes();
BigDecimal fee = rule.getFirstHourFee();
if (billableMinutes > 60) {
long extraHours = (billableMinutes - 60 + 59) / 60; // 向上取整
fee = fee.add(rule.getHourlyFee().multiply(BigDecimal.valueOf(extraHours)));
}
// 封顶
if (fee.compareTo(rule.getDailyCap()) > 0) {
fee = rule.getDailyCap();
}
return fee;
}
注意这里有两个细节。第一,时长向上取整的逻辑,超过1分钟也要按一小时算,很多新手直接除60取整导致少收钱。第二,封顶判断要在小时计费之后做,因为“首小时+后续小时”可能已经超过封顶值,这时候要取封顶值。这看起来简单,但实测中很多项目折在这里。
4.3 支付回调:并发和幂等的双重考验
小程序端发起微信支付后,微信服务器会异步通知后端支付结果。回调接口是整个项目里最容易出问题的环节。首先,回调接口接收的不是小程序直接发来的请求,而是微信支付服务器发来的通知,所以接口必须按照微信支付的规则做验签,确认数据确实来自微信支付。其次,回调可能因为网络问题被微信多次发送,所以接口必须做幂等处理:订单已经是“已支付”状态时,直接返回成功,不重复处理。
我见过最典型的错误是:回调里没有判断订单状态,导致同一条支付通知被处理两次,订单金额被累计、车位状态被错误释放。正确的处理方式是先查订单状态,如果已经是已支付,直接返回给微信一个成功的响应。
另外要说一个敏感但实际的问题:个人开发者申请不了微信支付商户号,需要企业资质。所以很多毕设项目在演示时用的是“模拟支付”功能——手动点击支付按钮后直接进入已支付状态,绕过微信支付真实流程。这个做法完全可以,但在论文和答辩时要说清楚:“当前项目为演示环境,采用模拟支付逻辑,生产环境可无缝对接微信支付接口。”
5. 小程序端开发重点:登录态、车位地图与消息通知
5.1 微信登录:为什么有时候拿不到用户信息
小程序端第一个必做的功能就是登录。小程序通过wx.login()获取code,然后传给后端,由后端调微信接口换取openid。这套流程看起来简单,但有几个坑非常常见。
第一个坑,code5分钟内有效,而且只能用一次。如果你的前端在并发请求时把同一个code传了多次,第二次就会报错。第二个坑,后端调微信接口时,必须正确配置appid和secret,这个secret不能暴露在小程序代码里,只能存在后端。第三个坑,换取的openid是正常的,但如果你用代码里拼错了接口地址,或者服务器时间不准导致签名失效,也会失败。
网上搜“小程序获取登录后的微信用户失败”能看到一堆踩坑帖,绝大多数都是这几个原因造成的。我的建议是,在小程序端封装一个统一的登录逻辑:
javascript复制wx.login({
success: (res) => {
if (res.code) {
wx.request({
url: 'https://你的域名/api/wx/login',
data: { code: res.code },
success: (resp) => {
const token = resp.data.data.token;
wx.setStorageSync('token', token);
}
});
}
}
});
后端拿到code后,用HttpClient或RestTemplate调用微信接口换取openid,生成JWT令牌返回给前端。后续所有需要登录的接口都带着这个token访问,后端通过JWT解析出用户身份。
5.2 车位地图:不是所有项目都得用地图SDK
很多毕设需求里写“地图找车位”,但你要想清楚,接入高德地图或腾讯地图SDK会增加不少工作量,而且小程序的地图组件需要配置域名和SDK权限。如果你的系统是校园停车场、单位停车场这种固定场景,我建议用canvas绘制一个简单的车位分布图,或者用tab切换列表展示车位编号和状态,反而更直观。
如果非要接入地图,可以用微信小程序的map组件,把停车场坐标标在地图上,点击标记后跳转到车位列表页面。要特别注意,真机调试时地图组件需要网络权限,预览时可能遇到域名白名单问题。后面部署章节我会再展开讲。
5.3 订阅消息:停车状态通知用户的现实方案
停车的一个重要场景是:用户离场后,系统推送一条“您的车辆已出场,缴费XX元”的通知。微信小程序实现消息通知的官方方式是订阅消息(subscribeMessage),不是模板消息,旧版模板消息已经开始收紧,建议直接用订阅消息。
订阅消息的逻辑是:用户在小程序里主动授权订阅(每次授权可用一次),后端在业务触发时调用微信接口推送。参考代码如下:
java复制// 用户触发订阅授权后,前端传回模板ID
// 后端保存用户的订阅关系,业务发生时推送
WxMaSubscribeMessage message = WxMaSubscribeMessage.builder()
.toUser(openid)
.templateId("模板ID")
.page("pages/order/detail?orderId=" + orderId)
.data("result", new WxMaSubscribeMessage.MsgData("停车缴费成功"))
.data("amount", new WxMaSubscribeMessage.MsgData(fee.toString()))
.build();
需要说的是,订阅消息是一次性订阅。用户订阅一次,你只能推送一条。所以比较靠谱的做法是,在用户支付完成后弹窗让他点“允许通知”,而不是指望一次授权能反复推送。这个限制在论文里也可以写上,体现你对微信小程序平台规则的理解。
6. 部署文档的核心价值:从本地打包到服务器上线的全流程
6.1 为什么“本地能跑”不等于“能部署”
很多同学写代码时本地IDE一点就能运行,但交出去的部署文档如果只写“用IDEA启动”,那基本等于没写。部署文档存在的意义是让一个从没跑过这个项目的人,照着文档也能在服务器上把系统跑起来。实际上,本地开发环境和线上Linux服务器环境的差异非常大,最典型的就是JDK版本、Maven配置、MySQL和Redis是否安装、端口是否开放这几个维度。
所以部署文档至少应该覆盖:环境准备(JDK、Maven、MySQL、Redis、Nginx)、配置文件说明(application.yml中数据源、Redis、微信小程序参数)、打包步骤、启动命令、Nginx反向代理配置、小程序合法域名配置。下面我把每一步需要做的事情拆开讲。
6.2 Maven 打包与 Docker 部署的常见姿势
Maven打包是Java后端部署的第一步。在项目根目录执行:
bash复制mvn clean package -DskipTests
打包成功后,target目录下会生成一个parking-system.jar文件。这个jar包可以扔到服务器上直接运行:
bash复制java -jar parking-system.jar --spring.profiles.active=prod
但用裸java命令运行有一个问题:服务器重启后进程可能没了,而且日志管理比较麻烦。所以更推荐用Docker部署。写一个Dockerfile:
dockerfile复制FROM openjdk:8-jre
COPY target/parking-system.jar /app.jar
EXPOSE 8080
ENTRYPOINT ["java", "-jar", "/app.jar", "--spring.profiles.active=prod"]
构建并运行:
bash复制docker build -t parking-system .
docker run -d -p 8080:8080 --name parking \
-v /etc/parking:/config \
-e DB_HOST=your_mysql_host \
parking-system
把配置外置到/etc/parking/application-prod.yml,这样以后改数据库密码或微信小程序参数,不需要重新打镜像,直接改配置文件后重启容器就行。这个操作在后续上线维护阶段会非常舒服。
6.3 Nginx 反向代理与 HTTPS 配置:小程序合法域名的硬门槛
微信小程序有个硬规定:所有请求的接口地址必须是HTTPS,而且域名必须在小程序后台配置为合法域名。这意味着,你部署完后端后,还需要一个已备案的域名,配置SSL证书,然后用Nginx做反向代理。
Nginx配置参考如下:
nginx复制server {
listen 443 ssl;
server_name api.yourdomain.com;
ssl_certificate /etc/nginx/cert/yourdomain.pem;
ssl_certificate_key /etc/nginx/cert/yourdomain.key;
location / {
proxy_pass http://127.0.0.1:8080;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
}
然后在小程序管理后台的“开发管理 → 服务器域名”里,把https://api.yourdomain.com加入request合法域名。这里有一个容易踩的坑:如果你用的是云服务器,安全组必须放行443和80端口;如果SSL证书过期了,小程序接口会报域名证书无效;如果你把小程序的AppID填错到了别人的小程序后台,域名校验永远过不了。
6.4 部署后自检清单
部署完成后,建议按下面的清单自查一遍:
- 后端启动日志中是否出现“Started ParkingApplication”;
- MySQL中是否有初始化数据(车位、管理员账号);
- 浏览器访问
https://api.yourdomain.com/doc.html能否打开接口文档; - 小程序开发者工具中用“不校验合法域名”模式能通,真机预览时是否也能通;
- 上传一张图片到服务器,确认静态资源路径没问题。
7. 毕设材料交付:论文结构、部署文档与讲解视频的准备
7.1 论文怎么写才不会被质疑
标题里“lw”指的就是论文。毕设论文的核心不是把代码抄一遍,而是把“为什么要这么做、怎么做的、如何验证的”讲清楚。我建议按这样的结构来组织:
- 第一章 绪论:写研究背景、国内外现状、研究内容。
- 第二章 相关技术介绍:Spring Boot、微信小程序、MySQL、Redis,注意不是抄百度百科,而是写“在项目中如何用这些技术”。
- 第三章 需求分析:业务需求、功能需求、非功能需求,最好画用例图。
- 第四章 系统设计:总体架构图、功能模块设计、数据库设计表。
- 第五章 系统实现:每个核心模块的实现思路、核心代码、界面截图。
- 第六章 系统测试:功能测试用例、测试结果、性能测试。
每一章都有明确分工,尤其第三章和第四章,老师最看重的是你是否有真实的需求分析能力和数据建模能力,而不是只会抄代码。
7.2 部署文档的编写清单
部署文档是交付物里最容易被忽略但实际最重要的部分。我写部署文档时习惯按这个清单走:
| 项目 | 需要写清楚的内容 |
|---|---|
| 环境要求 | JDK版本、Maven版本、MySQL版本、Redis版本、服务器系统 |
| 数据库初始化 | 数据库脚本文件位置、执行步骤、初始账号 |
| 后端配置 | application.yml中每个关键配置项的含义、需要修改哪些 |
| 打包部署 | 本地打包命令、jar启动命令、Docker部署方式 |
| 小程序配置 | AppID、服务器域名、HTTPS证书 |
| 常见问题 | 端口冲突、数据库连不上、小程序请求失败等 |
部署文档不是写给人看的,是写给未来一个星期后的自己看的。隔一段时间再部署一次,你就能发现文档哪里写得不清楚。
7.3 讲解视频和答辩准备
项目讲解视频一般8到15分钟,我的经验是“先演示再讲代码”。先录一遍完整流程:用户登录 → 查看车位 → 模拟入场 → 模拟出场 → 支付订单 → 管理端查看订单统计。然后挑两个核心代码讲解,比如计费算法和支付回调。不用面面俱到,重点讲清楚你负责的设计和实现。
答辩的时候要准备几个高频问题:
- 车位并发分配冲突怎么解决?
- 计费规则怎么扩展?
- 为什么用Redis缓存车位状态?
- 微信支付回调怎么保证幂等?
- 系统安全性做了哪些措施?
这些问题对应的答案,在这篇博文里基本都覆盖到了。吃透这套系统,答辩不慌。
8. 真实踩坑记录:版本兼容、微信接口与联调环境的那些问题
8.1 Spring Boot 版本太高带来的连锁反应
网上很多教程上来就是Spring Boot 3.x,但很多老项目还在用2.x。Spring Boot 3.x把javax包改成了jakarta,MyBatis-Plus、Knife4j等很多依赖都有对应的3.x兼容版本,如果前端依赖还是老的,启动时就会报ClassNotFoundException或者包名不存在。我的建议是,如果项目是从别人那里拿的源码,先看pom.xml里的Spring Boot版本,再决定用哪个版本的JDK和依赖。不要一上来就把Spring Boot升到最新版,除非你有充足的时间排查兼容问题。
8.2 小程序获取不到微信用户信息的排查链路
“小程序获取登录后的微信用户失败”这个问题,排查思路比答案更重要。我一般按这个顺序检查:
- 前端有没有正确调用
wx.login()拿到code; - code有没有正常传到后端;
- 后端调用微信接口时,
appid和secret是否正确; - 微信接口返回的
errcode是不是40029(code无效)或40163(code已被使用); - 后端日志里有没有完整的异常堆栈。
绝大多数时候问题出在4,也就是code被重复使用或者已经过期。解决方式是在后端加一个校验:同一个code只能使用一次,使用后立即失效。
8.3 本地联调跨域与真机预览的网络问题
本地开发时,小程序开发者工具可以直接访问http://localhost:8080,但真机预览时手机访问不到你电脑的localhost。解决办法有两种:一种是让电脑和手机在同一个局域网,后端启动时用--server.address=0.0.0.0,小程序请求地址改成电脑的局域网IP;另一种是把后端部署到有公网IP的服务器上,直接访问线上地址。
还有一种场景,就是小程序里设置了合法域名,但本地开发时还没买域名,可以在开发者工具右上角“详情 → 本地设置”勾选“不校验合法域名”。这个选项只对开发调试生效,真机预览时如果没勾选,请求就会被拦截。很多同学看到报错“url not in domain list”就慌了,其实根源就是合法域名校验。
8.4 管理后台的开发取舍:Vue前后端分离还是服务端模板
热词里出现了“springboot vue前后端分离”,这确实是主流做法。如果你已经有Vue基础,管理后台用Vue + Element UI会很顺手;如果对Vue不熟,也可以用Thymeleaf服务端模板渲染,少一个前端工程,部署时也简单一些。
我的建议是:以“顺利交付”为第一目标。如果时间充裕,前后端分离的架构在论文里更好写,也能体现你对现代Web开发的了解;如果时间紧张,管理后台用Bootstrap + jQuery + Thymeleaf也能实现所有功能,不要为了炫技把自己拖垮。
8.5 大文件上传相关的思考
停车系统里大概率会遇到图片上传,比如用户上传车辆照片、上传驾驶证。Spring Boot默认的Spring MVC文件上传限制是1MB,如果用户传一张几兆的车辆照片就会报错。需要在配置里加大限制:
yaml复制spring:
servlet:
multipart:
max-file-size: 10MB
max-request-size: 20MB
但文件存储路径要注意,不能存在jar包内部,要放到服务器的一个固定目录,比如/data/upload。这样项目升级时不会丢失用户上传的图片。如果后续图片越来越多,还可以考虑接入对象存储服务。
最后再分享一点个人体会。这类全栈项目,最容易让人卡住的不是某个算法,而是那些“看上去不起眼”的细节:微信登录接口的返回结构、小程序的合法域名配置、服务器安全组放行端口、数据库连接串里的时区参数。任何一个地方不对,都会让你折腾一整天。做这个项目的时候,我强烈建议你按照“先后端接口,再小程序页面,最后部署上线”的顺序推进,每完成一部分就测试一部分,不要等所有代码写完了才想起来联调。把上面这些坑提前避开,这个项目你就能顺顺利利收尾,答辩的时候也能讲得足够自信。
