项目实战教程：使用Spring Boot和Vue.js构建前后端分离项目

当使用Spring Boot和Vue.js进行前后端分离项目时，以下是一个推荐的项目结构和技术栈：

1. 项目结构：

项目根目录：包含项目的配置文件、构建工具配置等。 backend`目录：包含Spring Boot后端代码。 frontend`目录：包含Vue.js前端代码。

这种项目结构使得前后端代码可以相互独立，方便分别进行开发和维护。

2. 后端技术栈：

Spring Boot：作为后端框架，提供RESTful API的实现和业务逻辑处理。 Spring MVC：用于构建RESTful API，处理前端的请求并返回数据。 Spring Data：用于简化数据访问层的开发，例如与数据库的交互。 Spring Security：用于身份验证和授权管理。

3. 前端技术栈：

Vue.js：作为前端框架，构建用户界面和处理交互逻辑。 Vue Router：用于实现前端路由，管理页面之间的导航和跳转。 Vuex：用于状态管理，集中管理应用程序的状态。 Axios：用于发送HTTP请求到后端API，并处理返回的数据。

4. 数据交互：

后端使用Spring Boot提供RESTful API，处理前端的请求，并返回JSON格式的数据。 前端使用Axios库发送HTTP请求到后端API，并解析后端返回的JSON数据。

5. 开发工具：

后端开发工具：使用Java开发工具，如IntelliJ IDEA或Eclipse。 前端开发工具：使用Web开发工具，如Visual Studio Code或WebStorm。

这种前后端分离的架构使得前后端可以独立开发、部署和扩展，提高了开发效率和可维护性。同时，您可以根据项目需求选择适合的插件、组件库和UI框架来增强项目功能和用户体验，如Element UI、Ant Design Vue等。

BiliBili上动力节点最新的Springboot+vue前后端分离的盈利宝项目，跟着做，并且跑通了整个项目，今天分享给大家

项目介绍

盈利宝是一个前后端分离的企业级项目，本项目是一个大型互联网金融项目，采用Spring Boot , Dubbo 微服务的架构，包括多个独立的微服务，micr-common个公共服务，micr-web服务，micr-database数据库服务，micr-pay支付服务 ,micr-task定时任务。

前端技术栈：Vue,JavaScript, Axios, Promise

后端技术栈：Spring Boot 2，Dubbo2.7, MyBatis 3, Redis 5, MySQL 5

项目特色

1. 以服务为核心，微服务架构，Dubbo作为微服务框架实RPC，负载均衡，请求重试
2. Zookeeper作为注册中心，管理，调度Dubbo服务提供者，服务消费者
3. SpringBoot框架作为项目的框架，从零开始创建项目，组织项目的代码结构，管理配置文件，接近真实项目的开发环境
4. Maven构建项目，管理多个微服务的依赖。Maven的继承与聚合实现依赖，版本的集中管理，采用parent，child项目结构
5. Redis缓存多种业务数据，涉及string、hash、zset多种数据类型
6. 前后端分离项目，JWT令牌跟踪，管理会话

项目学习地址