系列文章目录
【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 应用的创建和开发。它提供了一系列默认配置，使开发者可以快速启动项目而无需进行繁琐的配置。
特点：
- 简化配置：通过自动配置减少手动配置的繁琐步骤。
- 内嵌服务器：支持嵌入式 Tomcat、Jetty 等服务器，方便应用程序的打包和部署。
- 微服务支持：非常适合构建微服务架构的应用。
- 强大的生态系统：与 Spring 生态系统的其他项目（如 Spring Security、Spring Data 等）无缝集成。
二、VUE是什么？
Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。与其他大型框架不同，Vue 被设计为可以逐步采用。
特点：
- 渐进式框架：可以根据需求逐步引入所需功能，从简单的视图层开发到复杂的单页面应用。
- 双向数据绑定：提供简洁的双向数据绑定机制，使数据和视图保持同步。
- 组件化：支持组件化开发，方便代码复用和维护。
- 灵活性：可以与其他库或项目无缝集成。
三、前后端 分离是什么？
在前后端分离的架构中，前端和后端通过 RESTful API 或 GraphQL 进行通信，前后端项目可以分别独立开发和部署。
优势：
- 开发效率高：前端和后端团队可以并行工作，缩短开发周期。
- 技术栈独立：前端和后端可以使用不同的技术栈，发挥各自优势。
- 易于维护和扩展：前后端代码分离，逻辑清晰，便于维护和扩展。
四、典型的开发流程
- 启动后端：通过 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 前后端分离项目。