图书管理系统——启动前后端项目

### 构建基于 Spring Boot 和 Vue.js 3 的前后端分离图书管理系统 #### 创建 Spring Boot 后端服务 为了创建一个功能齐全的图书管理系统，首先需要设置后端部分。这涉及到使用 Spring Boot 来处理业务逻辑和服务请求。 定义应用程序入口类 `Application.java` 如下所示： ```java import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } } ``` 此代码片段用于初始化整个 Spring 应用程序并启动嵌入式的 Tomcat Web 容器[^2]。 接着，在控制器层编写 RESTful API 接口以供前端调用。例如，可以设计 `/books` 路径下的增删改查操作接口来管理书籍数据。 #### 开发 Vue.js 前端界面 对于前端开发而言，则采用 Vue.js 3 及其官方脚手架工具——Vue CLI 进行项目搭建工作。安装完成后进入项目的根目录执行命令 `npm run serve` 即可快速预览效果[^3]。 在组件内部利用 Composition API 或 Options API 编写交互逻辑；借助 Axios 发起 HTTP 请求获取来自服务器的数据资源，并将其渲染到页面上展示给用户查看编辑删除等功能模块。 #### 配置跨域资源共享 (CORS) 由于前后端部署在同一台机器的不同端口号运行，因此还需要解决 CORS(Cross-Origin Resource Sharing)问题。可以在 Spring Boot 中全局开启 CORS 支持或者针对特定路径单独配置允许哪些域名访问API接口。 #### 使用 WebSocket 实现实时通知 如果希望进一步增强用户体验的话，不妨考虑引入WebSocket技术实现在有新书入库时向在线读者推送即时提醒消息的功能特性。此时就需要额外集成 STOMP over WebSocket 技术栈以及SockJS作为备用传输方案确保兼容性[^1]。