一、后端环境搭建步骤
1. 数据库准备
执行 big_event.sql 脚本,创建项目所需的数据库和表结构,为数据访问层开发奠定基础。
2. 创建 SpringBoot 工程并引入依赖
在 pom.xml 中引入核心依赖:
xml
<!-- Web 起步依赖 -->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-web</artifactId>
</dependency>
<!-- MyBatis 起步依赖 -->
<dependency>
<groupId>org.mybatis.spring.boot</groupId>
<artifactId>mybatis-spring-boot-starter</artifactId>
<version>3.0.0</version>
</dependency>
<!-- MySQL 驱动 -->
<dependency>
<groupId>com.mysql</groupId>
<artifactId>mysql-connector-j</artifactId>
<scope>runtime</scope>
</dependency>
3. 配置文件 application.yml
配置数据库连接和 MyBatis 相关信息:
yaml
spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/big_event?useSSL=false&serverTimezone=UTC
username: root
password: 123456
mybatis:
mapper-locations: classpath:mapper/*.xml # Mapper XML 文件路径
type-aliases-package: com.example.bigevent.pojo # 实体类别名包
4. 标准包结构设计
plaintext
com.example.bigevent
├── controller # 控制层:处理请求响应
├── mapper # 数据访问层:数据库交互
├── pojo # 实体类:与数据库表对应
├── service.impl # 业务逻辑实现层
└── utils # 工具类:通用功能封装
二、前后端开发模式
1. 基于接口文档的并行开发
前后端开发基于统一的接口文档实现并行开发,流程如下:
- 接口文档定义请求路径、请求方式、请求参数、响应数据格式
- 前端根据接口文档编写页面和请求逻辑
- 后端根据接口文档编写 Controller、Service、Mapper 层代码
- 开发完成后进行联调,验证前后端交互
2. 接口文档核心要素
表格
| 要素 | 示例 |
|---|---|
| 基本信息 | 请求路径 /category,请求方式 DELETE |
| 请求参数 | id(number 类型,必填,文章分类 ID) |
| 响应数据 | { "code": 0, "msg": "操作成功", "data": { ... } } |
三、技术栈整合与学习价值
1. 后端技术栈
- Validation:参数校验,保证请求数据合法性
- MyBatis:数据访问层框架,简化数据库操作
- Redis:缓存中间件,提升系统性能
- JUnit:单元测试框架,保证代码质量
- 项目部署:打包部署到服务器,提供线上服务
2. 前端技术栈
- Vite:前端构建工具,提升开发与构建效率
- Vue Router:路由管理,实现页面跳转
- Pinia:状态管理,管理全局状态
- Element-Plus:UI 组件库,快速搭建页面
3. 学习价值
- 市场需求:前后端分离是当前主流开发模式,掌握该技术栈可满足企业级项目开发需求
- 知识整合:将 SpringBoot、MyBatis、Vue 等前后端技术整合,形成完整的项目开发能力