Vue + Spring Boot 迷你项目

一个比较完整前后端分离迷你项目。本项目展示了使用 Vue 2 构建前端、Spring Boot + MyBatis + MySQL 构建后端的现代 Web 应用程序。

项目概述

这是一个简单的微博系统，包含用户认证、用户操作（点赞，转发，评论） 、用户修改（包括文件上传更改头像等）、搜索、查看日志等功能。 采用了现代 Web 开发的核心要点：

• 前后端分离
• RESTful API 设计
• 数据库集成
• 跨域问题处理
• 表单处理
• 认证机制

项目结构

项目分为两个主要部分：

• frontend/ - Vue 2 前端项目
• backend/ - Spring Boot 后端项目

功能特性

后端

• Spring Boot 2.7.x
• MyBatis 数据库访问
• MySQL 数据库
• 文件上传处理
• 跨域支持（CORS）
• RESTful API

前端

• Vue 2
• Vue Router 路由管理
• lementPlus UI 组件库
• Axios 接口请求
• 表单验证

开始使用

环境依赖

• Java 8+
• Maven 3.6+
• Node.js 14+
• MySQL 5.7+

数据库配置

1. 创建 MySQL 数据库，命名为 tinyblog
2. 执行 backend/src/main/resources/db/init.sql 中的 SQL 脚本

后端配置

1. 进入后端目录：

cd backend

2. 运行 Spring Boot 应用：

mvn spring-boot:run

后端服务将启动在 http://localhost:7001

前端配置

1. 进入前端目录：

cd frontend

2. 安装依赖：

npm install

3. 运行开发服务器：

npm run serve

前端应用将启动在 http://localhost:7000

API 文档

详见后端目录中的 README.md 获取详细 API 文档。