SpringBoot+Vue电影平台全栈开发实战

1. 项目概述

这个基于SpringBoot+Vue的电影播放平台系统采用了现代化的前后端分离架构，后端使用SpringBoot+MyBatisPlus实现业务逻辑和数据处理，前端采用Vue.js构建交互界面。系统主要功能包括影片分类浏览、搜索查询、在线播放、评论互动及会员营销等模块。

作为一个全栈项目，它完美展现了Java生态与前端框架的结合应用。后端采用SpringBoot简化了配置和部署过程，前端使用Vue.js实现了响应式的用户界面，MyBatisPlus则大大简化了数据库操作。这种技术组合既保证了系统的性能，又提高了开发效率。

2. 技术架构解析

2.1 后端技术栈

SpringBoot作为后端框架，内置了Tomcat服务器，通过自动配置简化了项目搭建过程。我们使用了以下核心依赖：

• spring-boot-starter-web：提供Web MVC支持
• mybatis-plus-boot-starter：简化MyBatis操作
• spring-boot-starter-data-redis：缓存支持
• spring-boot-starter-security：安全认证
• spring-boot-starter-mail：邮件服务

提示：在实际部署时，建议将Tomcat替换为Undertow服务器，它在高并发场景下表现更优，内存占用更低。

数据库设计采用了MySQL 8.0，主要表结构包括：

• 用户表(users)：存储用户基本信息
• 电影表(movies)：存储电影元数据
• 分类表(categories)：电影分类信息
• 评论表(comments)：用户评论
• 订单表(orders)：会员购买记录
• 令牌表(token)：用户登录令牌

2.2 前端技术栈

Vue.js作为前端框架，配合以下技术栈：

• Vue Router：实现SPA路由
• Vuex：状态管理
• Axios：HTTP请求
• Element UI：UI组件库
• Vue Video Player：视频播放组件

前端项目通过webpack打包，采用ES6+语法，支持模块化开发。与后端通过RESTful API交互，数据格式为JSON。

3. 核心功能实现

3.1 用户认证系统

系统采用JWT(JSON Web Token)实现认证，关键代码如下：

java复制@RestController
@RequestMapping("/api/auth")
public class AuthController {
    
    @Autowired
    private UserService userService;
    
    @Autowired
    private TokenService tokenService;
    
    @PostMapping("/login")
    public R login(@RequestBody LoginDTO dto) {
        // 验证用户
        User user = userService.verifyUser(dto.getUsername(), dto.getPassword());
        if(user == null) {
            return R.error("用户名或密码错误");
        }
        
        // 生成token
        String token = tokenService.generateToken(user);
        return R.ok().put("token", token);
    }
}

Token生成逻辑：

java复制public String generateToken(User user) {
    // 生成随机token
    String token = UUID.randomUUID().toString().replace("-", "");
    
    // 设置过期时间(1小时后)
    Date expireTime = new Date(System.currentTimeMillis() + 3600 * 1000);
    
    // 保存或更新token
    Token tokenEntity = tokenDao.selectOne(
        new QueryWrapper<Token>().eq("user_id", user.getId()));
    
    if(tokenEntity != null) {
        tokenEntity.setToken(token);
        tokenEntity.setExpireTime(expireTime);
        tokenDao.updateById(tokenEntity);
    } else {
        tokenEntity = new Token();
        tokenEntity.setUserId(user.getId());
        tokenEntity.setToken(token);
        tokenEntity.setExpireTime(expireTime);
        tokenDao.insert(tokenEntity);
    }
    
    return token;
}

3.2 权限控制

通过自定义拦截器实现权限验证：

java复制@Component
public class AuthInterceptor