2、Vue+SpringBoot前后端项目案例

前置说明

这个项目涵盖内容如下：

1、前端使用Vue + Element-plus

后端架构使用：基于Spring Boot 3.0版本构建Spring Security组件框架，并集成JWT认证机制；同时结合Redis分布式缓存技术和MySQL数据库管理方案；采用MyBatis框架提供的分页功能实现数据加载；支持通过易用性优化的Excel文件处理接口完成上传与下载操作

本项目的各项构建步骤进行了全面而详尽的记录，请注意以下事项：其中项目中初始用户 admin 的密码设置为：123456

一、创建Vue前端项目架子

使用vite脚手架工具创建Vue项目工程：

第一步：创建项目

命令：npm create vite@latest

`

`

第二步：安装前端依赖

把生成的front项目放目录：code

使用idea打开code，使用Terminal

1、进入front目录：cd front

2、安装前端依赖：npm install

安装完成后，前端项目中会多出一个目录：node_modules

当前可以通过查看项目结构（如下图