1. 项目概述：基于SpringBoot+Vue3+MyBatis的现代化停车场管理系统
这个停车场管理系统采用前后端分离架构，后端使用SpringBoot框架搭建RESTful API服务，前端基于Vue3实现响应式管理界面，通过MyBatis与MySQL数据库进行数据交互。系统设计目标是解决传统停车场管理软件存在的扩展性差、维护成本高、用户体验不佳等问题。
我在实际开发中发现，这种技术组合特别适合中小型商业停车场的信息化改造。SpringBoot的自动配置特性让后端服务可以快速部署，Vue3的Composition API使前端组件逻辑更清晰，而MyBatis的灵活SQL映射则能很好地处理停车场业务中复杂的计费规则查询。
2. 技术栈选型与核心组件解析
2.1 SpringBoot后端框架优势
选择SpringBoot 2.7.x版本作为后端基础主要基于以下考虑：
- 内嵌Tomcat服务器简化部署流程
- Starter依赖自动管理JAR包版本冲突
- Actuator端点提供系统健康监控
- 与MyBatis的无缝集成支持
关键配置示例（application.yml）：
yaml复制spring:
datasource:
url: jdbc:mysql://localhost:3306/parking?useSSL=false&serverTimezone=UTC
username: root
password: 123456
driver-class-name: com.mysql.cj.jdbc.Driver
mybatis:
mapper-locations: classpath:mapper/*.xml
configuration:
map-underscore-to-camel-case: true
2.2 Vue3前端技术特点
采用Vue3+Element Plus的组合带来以下优势：
- Composition API使代码组织更灵活
- Vite构建工具实现秒级热更新
- TypeScript支持增强代码健壮性
- Pinia状态管理替代传统的Vuex
典型组件结构示例：
javascript复制// ParkingLotTable.vue
<script setup>
import { ref } from 'vue'
const tableData = ref([])
const fetchData = async () => {
const res = await axios.get('/api/parking-lots')
tableData.value = res.data
}
</script>
2.3 MyBatis持久层设计
针对停车场业务特点，MyBatis映射文件需要特别处理：
- 动态SQL处理不同查询条件
- 结果集映射处理复杂关联关系
- 批量操作优化车位状态更新
示例Mapper XML：
xml复制<update id="updateBatchStatus">
UPDATE parking_space
SET status=#{status}
WHERE id IN
<foreach collection="ids" item="id" open="(" separator="," close=")">
#{id}
</foreach>
</update>
3. 系统核心功能模块实现
3.1 车位管理模块
3.1.1 车位状态实时监控
采用WebSocket实现车位状态实时推送：
java复制@ServerEndpoint("/ws/parking-status")
public class ParkingStatusEndpoint {
@OnOpen
public void onOpen(Session session) {
// 新连接建立时发送当前车位状态
}
@OnMessage
public void onMessage(String message) {
// 处理客户端指令
}
}
3.1.2 车位预约算法
实现基于时间段的预约冲突检测：
java复制public boolean checkAvailability(Long spaceId, LocalDateTime start, LocalDateTime end) {
return reservationMapper.countConflict(spaceId, start, end) == 0;
}
3.2 计费管理模块
3.2.1 动态计费规则引擎
使用策略模式实现不同车型的计费规则：
java复制public interface PricingStrategy {
BigDecimal calculateFee(Duration duration);
}
@Component("standardCar")
public class StandardCarStrategy implements PricingStrategy {
@Override
public BigDecimal calculateFee(Duration duration) {
// 标准计费逻辑
}
}
3.2.2 账单生成服务
结合模板引擎生成PDF账单：
java复制public void generateInvoice(Long recordId) {
ParkingRecord record = recordMapper.selectById(recordId);
Context context = new Context();
context.setVariable("record", record);
String html = templateEngine.process("invoice", context);
// 转换为PDF
}
3.3 车辆进出场管理
3.3.1 车牌识别集成
对接第三方OCR服务实现车牌识别：
java复制public LicensePlateInfo recognize(String imageUrl) {
// 调用阿里云/百度云OCR API
// 解析返回结果
}
3.3.2 道闸控制接口
通过串口通信控制硬件道闸：
java复制public void openGate(String deviceId) {
SerialPort port = new SerialPort(deviceId);
port.writeBytes("OPEN".getBytes());
}
4. 数据库设计与优化
4.1 核心表结构设计
4.1.1 车位表(parking_space)
sql复制CREATE TABLE `parking_space` (
`id` bigint NOT NULL AUTO_INCREMENT,
`code` varchar(20) NOT NULL COMMENT '车位编号',
`type` tinyint NOT NULL COMMENT '1-小型车 2-中型车 3-大型车',
`status` tinyint NOT NULL COMMENT '0-空闲 1-已预约 2-已占用',
`zone_id` bigint NOT NULL COMMENT '所属区域',
PRIMARY KEY (`id`),
UNIQUE KEY `uk_code` (`code`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
4.1.2 停车记录表(parking_record)
sql复制CREATE TABLE `parking_record` (
`id` bigint NOT NULL AUTO_INCREMENT,
`plate_number` varchar(20) NOT NULL,
`space_id` bigint NOT NULL,
`entry_time` datetime NOT NULL,
`exit_time` datetime DEFAULT NULL,
`total_fee` decimal(10,2) DEFAULT NULL,
`payment_status` tinyint DEFAULT '0' COMMENT '0-未支付 1-已支付',
PRIMARY KEY (`id`),
KEY `idx_plate` (`plate_number`),
KEY `idx_space_time` (`space_id`,`entry_time`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
4.2 查询性能优化实践
4.2.1 热点数据缓存
使用Redis缓存车位状态信息：
java复制@Cacheable(value = "spaceStatus", key = "#spaceId")
public SpaceStatus getSpaceStatus(Long spaceId) {
return spaceMapper.selectStatusById(spaceId);
}
4.2.2 分表策略
按月分表处理历史停车记录：
java复制@Interceptor
public class TableShardInterceptor implements Interceptor {
@Override
public Object intercept(Invocation invocation) {
// 根据时间参数动态修改表名
String tableName = "parking_record_" + LocalDate.now().format(DateTimeFormatter.ofPattern("yyyyMM"));
BoundSql boundSql = (BoundSql) invocation.getArgs()[0];
String newSql = boundSql.getSql().replace("parking_record", tableName);
resetSql(invocation, newSql);
return invocation.proceed();
}
}
5. 前后端交互关键实现
5.1 认证与授权方案
5.1.1 JWT认证流程
mermaid复制sequenceDiagram
participant Client
participant Server
Client->>Server: 登录请求(用户名/密码)
Server->>Server: 验证凭证
Server-->>Client: 返回JWT Token
Client->>Server: 携带Token访问API
Server->>Server: 验证Token有效性
Server-->>Client: 返回请求数据
5.1.2 权限控制实现
基于注解的权限检查：
java复制@PreAuthorize("hasRole('ADMIN') or hasPermission(#lotId, 'PARKING_LOT', 'WRITE')")
public void updateParkingLot(Long lotId, ParkingLotDTO dto) {
// 业务逻辑
}
5.2 API接口设计规范
5.2.1 统一响应格式
java复制public class R<T> {
private int code;
private String msg;
private T data;
public static <T> R<T> ok(T data) {
return new R<>(200, "success", data);
}
}
5.2.2 分页查询参数处理
java复制@GetMapping("/spaces")
public R<PageInfo<SpaceVO>> listSpaces(
@RequestParam(defaultValue = "1") Integer pageNum,
@RequestParam(defaultValue = "10") Integer pageSize,
@RequestParam(required = false) Integer type) {
PageHelper.startPage(pageNum, pageSize);
List<SpaceDO> list = spaceService.listByType(type);
return R.ok(new PageInfo<>(list));
}
6. 部署与运维实践
6.1 多环境配置管理
6.1.1 Profile差异化配置
application-dev.yml:
yaml复制spring:
datasource:
url: jdbc:mysql://dev-db:3306/parking
application-prod.yml:
yaml复制spring:
datasource:
url: jdbc:mysql://prod-db:3306/parking
hikari:
maximum-pool-size: 20
6.2 容器化部署方案
6.2.1 Dockerfile示例
dockerfile复制FROM openjdk:11-jre
COPY target/parking-system.jar /app.jar
ENTRYPOINT ["java","-jar","/app.jar"]
6.2.2 Docker Compose编排
yaml复制version: '3'
services:
app:
build: .
ports:
- "8080:8080"
depends_on:
- mysql
mysql:
image: mysql:8.0
environment:
MYSQL_ROOT_PASSWORD: 123456
MYSQL_DATABASE: parking
7. 典型问题排查与优化
7.1 MyBatis缓存导致的数据不一致
现象：更新操作后查询到的仍是旧数据
解决方案：
xml复制<select id="selectById" flushCache="true" useCache="false">
SELECT * FROM table WHERE id=#{id}
</select>
7.2 Vue3响应式数据更新失效
场景：直接修改数组元素时视图不更新
正确做法：
javascript复制const updateItem = (index, newVal) => {
list.value.splice(index, 1, newVal)
}
7.3 MySQL连接池耗尽问题
排查步骤：
- 检查HikariCP配置：
yaml复制spring:
datasource:
hikari:
maximum-pool-size: 10
idle-timeout: 60000
max-lifetime: 1800000
- 使用Druid监控连接泄漏
- 分析慢SQL优化查询性能
8. 扩展功能与二次开发建议
8.1 移动端适配方案
实现思路：
- 使用Vue3响应式布局
- 基于uniapp打包多端应用
- 开发微信小程序版本
8.2 数据统计分析模块
技术选型：
- ECharts实现可视化图表
- 定时任务生成日报表
- 使用Elasticsearch加速查询
8.3 硬件对接扩展
常见接口：
- 车牌识别相机SDK集成
- 支付宝/微信支付接口
- 电子发票系统对接
在项目开发过程中，我特别建议做好单元测试覆盖，尤其是计费规则和车位状态转换这些核心业务逻辑。使用Mockito模拟依赖组件可以显著提高测试效率：
java复制@Test
public void testCalculateFee() {
PricingService service = new PricingService();
service.setStrategy(new StandardCarStrategy());
Duration duration = Duration.ofHours(2);
BigDecimal fee = service.calculateFee(duration);
assertEquals(new BigDecimal("10.00"), fee);
}
对于需要频繁修改的业务规则，可以考虑采用规则引擎如Drools来实现更灵活的配置。最后提醒一点，停车场系统的并发控制非常重要，特别是车位状态更新操作一定要做好乐观锁控制：
java复制@Update("UPDATE parking_space SET status=#{status}, version=version+1
WHERE id=#{id} AND version=#{version}")
int updateWithVersion(ParkingSpace space);