【Linux服务器Java环境搭建】013 springboot + vue 前后端分离项目详细介绍（理论）

系列文章目录

【Linux服务器Java环境搭建】_一起来学吧的博客-CSDN博客

---

前言

在之前系列文章Linux服务器Java环境搭建  中，已经在CentOS中将所有环境及所需组件都安装完成了，比如git、jdk、nodejs、maven、mysql、clickhouse、redis、Nginx、rabbitMQ等，接下来将进入实践阶段，在进入实践之前，今天先了解一下springboot + vue 前后端分离项目，这一篇偏理论哈，有想直接进入实践的可以直接进入实践部分【发布和部署到CentOS环境中】，好了，话不多说，开整...

---

Spring Boot 和 Vue 结合的前后端分离项目是一种常见的现代 web 开发架构。前后端分离的项目中，前端和后端通过 API 接口进行通信，前端负责展示和用户交互，后端负责业务逻辑和数据处理。

一、Spring Boot是什么？

Spring Boot 是基于 Spring 框架的开源 Java 框架，用于简化新 Spring 应用的创建和开发。它提供了一系列默认配置，使开发者可以快速启动项目而无需进行繁琐的配置。

特点：

1. 简化配置：通过自动配置减少手动配置的繁琐步骤。
2. 内嵌服务器：支持嵌入式 Tomcat、Jetty 等服务器，方便应用程序的打包和部署。
3. 微服务支持：非常适合构建微服务架构的应用。
4. 强大的生态系统：与 Spring 生态系统的其他项目（如 Spring Security、Spring Data 等）无缝集成。

二、VUE是什么？

Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。与其他大型框架不同，Vue 被设计为可以逐步采用。

特点：

1. 渐进式框架：可以根据需求逐步引入所需功能，从简单的视图层开发到复杂的单页面应用。
2. 双向数据绑定：提供简洁的双向数据绑定机制，使数据和视图保持同步。
3. 组件化：支持组件化开发，方便代码复用和维护。
4. 灵活性：可以与其他库或项目无缝集成。

三、前后端 分离是什么？

在前后端分离的架构中，前端和后端通过 RESTful API 或 GraphQL 进行通信，前后端项目可以分别独立开发和部署。

优势：

1. 开发效率高：前端和后端团队可以并行工作，缩短开发周期。
2. 技术栈独立：前端和后端可以使用不同的技术栈，发挥各自优势。
3. 易于维护和扩展：前后端代码分离，逻辑清晰，便于维护和扩展。

四、典型的开发流程

• 启动后端：通过 Spring Boot 提供 RESTful API 接口。
• 启动前端：使用 Vue 开发用户界面，通过 Axios 等库请求后端 API。
• 前后端通信：前端通过 HTTP 请求获取后端的数据，渲染到页面上。
• 部署：前端项目打包后，可以通过 Nginx 等服务器进行部署，后端项目打包为 JAR 或 WAR 部署到服务器。

五、项目结构

后端 (Spring Boot)

myapp-backend
├── src/main/java/com/example/myapp
│   ├── controller
│   ├── service
│   ├── repository
│   ├── model
│   └── MyAppApplication.java
├── src/main/resources
│   ├── application.properties
│   └── static
├── pom.xml
└── ...

前端 (Vue)

myapp-frontend
├── public
├── src
│   ├── assets
│   ├── components
│   ├── views
│   ├── router
│   ├── store
│   └── App.vue
├── package.json
└── ...

---

六、总结

好了，今天就到这里吧，这一篇偏理论，大家可以简单了解一下springboot + vue 前后端分离项目。