Spring Boot+Vue实现演出票务系统开发实践

1. 项目概述

线下演出售票管理系统是一个基于Spring Boot框架开发的Web应用，旨在为演出场馆、票务公司和观众提供一个高效、便捷的票务管理平台。系统采用B/S架构，前端使用Vue.js框架，后端基于Spring Boot整合MyBatis Plus，数据库采用MySQL。

作为一名有多年Java开发经验的工程师，我在实际项目中发现很多演出场所还在使用传统的纸质票务或简单的Excel管理方式，存在信息不透明、售票效率低、统计困难等问题。这个系统正是为了解决这些痛点而设计的，它实现了从演出发布、票务管理到在线购票的全流程数字化。

2. 系统架构设计

2.1 技术选型解析

后端技术栈：

• Spring Boot 2.7.x：作为基础框架，提供自动配置、依赖注入等核心功能
• MyBatis Plus 3.5.x：简化数据库操作，内置通用CRUD方法
• Shiro 1.10.x：负责认证和授权管理
• Redis 6.x：缓存热点数据，提高系统响应速度

选择这套技术栈主要基于以下考虑：

1. Spring Boot的自动配置特性可以快速搭建项目骨架
2. MyBatis Plus在MyBatis基础上增强了CRUD操作，开发效率更高
3. Shiro相比Spring Security更轻量，配置更简单
4. Redis可以有效缓解高并发场景下的数据库压力

前端技术栈：

• Vue 3.x：作为前端主框架
• Element Plus：UI组件库
• Axios：HTTP请求库
• Vue Router：前端路由管理

前端选择Vue 3而不是React或Angular，主要因为：

1. Vue的学习曲线更平缓，适合快速开发
2. 组合式API让代码组织更灵活
3. 生态完善，有丰富的第三方库支持

2.2 系统架构设计

系统采用典型的三层架构：

code复制表示层（Web） → 业务逻辑层（Service） → 数据访问层（DAO）

2.2.1 MVC模式实现

java复制// 典型Controller示例
@RestController
@RequestMapping("/api/ticket")
public class TicketController {
    
    @Autowired
    private TicketService ticketService;
    
    @PostMapping
    public Result addTicket(@RequestBody TicketDTO dto) {
        return ticketService.addTicket(dto);
    }
    
    @GetMapping("/{id}")
    public Result getTicket(@PathVariable Long id) {
        return ticketService.getTicket(id);
    }
}

2.2.2 数据库设计原则

数据库设计遵循三范式，主要表包括：

• 用户表(sys_user)
• 角色表(sys_role)
• 演出表(show_info)
• 票务表(ticket_info)
• 订单表(order_info)

关系设计示例：

sql复制CREATE TABLE `show_info` (
  `id` bigint NOT NULL AUTO_INCREMENT,
  `show_name` varchar(100) NOT NULL COMMENT '演出名称',
  `show_time` datetime NOT NULL COMMENT '演出时间',
  `venue_id` bigint NOT NULL COMMENT '场馆ID',
  `total_seats` int NOT NULL COMMENT '总座位数',
  `available_seats` int NOT NULL COMMENT '可用座位数',
  `price` decimal(10,2) NOT NULL COMMENT '票价',
  `status` tinyint NOT NULL DEFAULT '1' COMMENT '状态：1-未开始 2-进行中 3-已结束',
  PRIMARY KEY (`id`),
  KEY `idx_venue` (`venue_id`),
  KEY `idx_time` (`show_time`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='演出信息表';

3. 核心功能实现

3.1 用户认证模块

3.1.1 注册流程实现

java复制// 用户注册服务实现
@Service
public class UserServiceImpl implements UserService {
    
    @Autowired
    private UserMapper userMapper;
    
    @Override
    public Result register(UserRegisterDTO dto) {
        // 验证用户名是否已存在
        if (userMapper.existsByUsername(dto.getUsername())) {