web应用课程设计最终项目展示
云边书屋｜基于Spring Boot+Vue3的前后端分离图书管理系统
一、项目简介
云边书屋是一款Spring Boot + Vue3开发的前后端分离在线书库管理系统，项目寓意“于云端书海之畔，打造极简治愈的线上阅读空间”。系统兼具用户阅读体验与后台管理能力，支持图书浏览、分类检索、书架收藏、智能推荐及图书信息全量CRUD等核心功能，结构清晰、轻量化易部署，适合JavaWeb项目学习与实战展示。
二、项目架构与技术栈
2.1 整体架构
项目采用后端经典三层架构（Controller-Service-Mapper）+ 前端SPA单页应用模式，通过RESTful API实现前后端数据交互，层次解耦、逻辑清晰：
前端：Vue3 SPA单页应用，负责页面渲染、交互逻辑与路由跳转
后端：Controller接收请求、Service处理业务、Mapper操作数据库
数据层：MySQL实现数据持久化
2.2 核心技术栈
前端：Vue3（CDN）、Vue Router4、Axios
后端：Spring Boot 3.5.15、MyBatis注解版、PageHelper分页插件、Lombok
环境工具：Maven3.9+、MySQL8.x、JDK21+
2.3 核心包结构
项目后端结构标准化，适配企业级开发规范：
- controller：接收前端HTTP请求，统一返回JSON数据
- service/impl：封装核心业务逻辑，区分接口与实现类
- mapper：MyBatis注解实现数据库CRUD操作
- pojo：实体类、统一响应结果封装
- config：全局配置（跨域配置等）
三、数据库设计
项目采用双核心数据表，结构精简、字段设计合理，满足业务全部需求：
3.1 book图书表
存储图书核心信息，包含书名、简介、分类、字数、书架状态、推荐状态等核心字段，设置唯一约束、非空约束，保障数据规范性。
3.2 user用户表
存储用户账号信息，包含用户名、密码、创建/更新时间，支持用户登录认证与信息展示。
四、核心功能模块
系统页面布局简洁、交互流畅，核心功能全覆盖，兼顾用户端体验与后台管理能力：
4.1 登录认证模块
系统全局登录拦截，通过路由守卫实现未登录用户强制跳转登录页。支持账号密码校验，登录状态存入sessionStorage，保障系统访问安全性，内置测试账号可直接体验。
4.2 书籍推荐模块
首页默认展示4本随机未收录书籍，基于Fisher-Yates洗牌算法实现随机推荐，支持“换一批”刷新推荐内容，可一键将喜欢的书籍加入书架。
4.3 图书分类模块
将图书划分为哲学、历史、文学、计算机科学四大类目，按分类聚合展示全部藏书。支持书籍书架状态一键切换，局部刷新更新数据，无需重载页面，交互更流畅。
4.4 个人书架模块
集中展示用户收藏书籍，支持一键移出书架，实时更新列表。针对空书架场景做友好空状态提示，提升用户体验。
4.5 用户信息模块
展示当前登录用户账号信息，掩码加密展示密码，自动统计并展示用户书架藏书总量。
4.6 图书管理模块（核心后台功能）
提供完整的图书后台管理能力，支持图书新增、编辑、删除、分页查询：
- 数据统计：可视化展示藏书总数、分类数、总字数等核心数据
- 分页查询：基于PageHelper实现服务端分页，支持自定义每页条数
- 弹窗操作：新增、编辑书籍采用弹窗表单，实时校验简介字数
- 安全校验：删除操作带确认弹窗，避免误操作
4.7 全局导航模块
左侧固定侧边栏导航，聚合推荐、分类、书架、管理、个人信息五大核心页面，自动高亮当前页面，支持一键退出登录、清空登录状态。
五、API与统一响应规范
系统所有接口遵循RESTful风格，分类清晰、语义统一，涵盖用户登录、图书查询、书架操作、图书管理等全部业务接口。
全局封装统一JSON响应格式，通过code（1成功/0失败）、msg（提示信息）、data（返回数据）三段式结构，统一前后端数据交互标准；分页数据适配PageHelper规范，返回页码、总条数、总页数等完整分页参数。
六、项目运行方式
6.1 环境依赖
JDK21+、Maven3.9+、MySQL8.0+、主流浏览器
6.2 启动步骤
1. 创建MySQL数据库，设置编码为utf8mb4
2. 执行项目内置SQL脚本，完成建表与基础数据初始化
3. 修改application.yml中的数据库账号密码配置
4. Maven启动项目，浏览器访问 http://localhost:8080
5. 测试账号：张三 / 123456
七、项目总结
云边书屋是一个轻量化、功能完整、架构规范的前后端分离实战项目。项目严格遵循分层开发思想，代码结构清晰、注释规范、交互体验良好，完整实现了图书阅读、收藏、推荐、后台管理全流程业务。
项目成效展示: