网站围绕听书资源组织书目资料，用户可收藏感兴趣的书籍，或在书籍页面留言。书籍资讯与站内留言板另设入口。
这套 Java Web 项目采用 Vue 页面和 MySQL 数据库。使用时可按管理员、用户的入口查看各自负责的业务。下面以书籍收藏、书籍留言、书籍资讯为例，介绍操作入口、数据内容和本地部署方式。
一、项目概况
| 项目名称 | 在线听书网站 |
|---|---|
| 资源编号 | SSM452 |
| 技术栈 | SSM / Vue / MySQL |
| 参与角色 | 管理员、用户 |
| 业务范围 | 有声书目、书籍收藏与听众留言 |
二、业务操作：书籍列表
用户可以进入书籍收藏管理、书籍留言管理、留言板管理、书籍管理、书籍资讯管理。
1. 书籍列表
这一页涉及用户、书籍名称、书籍照片、书籍分类等资料。
三、功能维护：书籍资讯信息管理与书籍资讯类型管理
管理员可以进入书籍收藏管理、书籍留言管理、书籍分类管理、留言板管理、书籍管理、书籍资讯管理、资讯类型管理。
1. 书籍资讯信息管理
管理员可以对前台的书籍资讯的基本信息进行管理，可以新增书籍资讯,修改书籍资讯,删除书籍资讯。书籍资讯管理。
2. 书籍资讯类型管理
书籍资讯类型管理页面显示所有书籍资讯类型，在此页面既可以让管理员添加新的书籍资讯信息类型，也能对已有的书籍资讯类型信息执行编辑更新，失效的书籍资讯类型信息也能让管理员快速删除。下图就是书籍资讯类型管理页面。书籍资讯类型管理。
四、技术结构与学习重点
数据库与业务记录
主数据库脚本包含 10 张表。下表选取与有声书目等业务相关的记录，列出表名和可在源码中直接查找的字段。
| 书籍收藏（shuji_collection） | 书籍（shuji_id）、用户（yonghu_id）、类型（shuji_collection_types） |
|---|---|
| 书籍留言（shuji_liuyan） | 书籍（shuji_id）、用户（yonghu_id）、留言内容（shuji_liuyan_text） |
| 书籍资讯（zixun） | 资讯名称（zixun_name）、资讯图片（zixun_photo）、资讯类型（zixun_types） |
| 留言板（liuyan） | 用户（yonghu_id）、留言标题（liuyan_name）、留言内容（liuyan_text） |
| 书籍（shuji） | 用户（yonghu_id）、书籍名称（shuji_name）、书籍照片（shuji_photo） |
页面与后端接口
以书籍资讯为例，后端入口位于 ZixunController.java，接口前缀为 /zixun。可以对照 /zixun/page 和 /zixun/list 阅读对应的请求处理。
阅读详情或编辑页面时，可以沿着“资讯名称”这个字段查找 zixun_name，再对照 zixun 表核对保存位置。这样可以把页面显示的名称、请求参数和数据库字段对应起来。
五、部署入口与配置位置
将包含 pom.xml 的 zaixiantingshu 工程导入开发工具，新建 MySQL 数据库并导入 db.sql。在 src/main/resources/config.properties 中按本地环境填写数据库地址、库名和账号。
使用 Maven 构建 WAR 后部署至兼容的 Tomcat，核对应用上下文。展示页入口可从 front/index.html 定位。单独运行或重建 Vue 页面时，还需检查前端接口地址是否指向同一应用。
首次进入项目，可先打开书籍收藏列表，选择一条已有记录，核对书籍、用户等资料。
六、配套资料清单
- 项目源码（zaixiantingshu）
- MySQL 数据库脚本（db.sql）
- 论文.doc
- 说明文档.txt
会员赠送权益
黄金会员自选 2 个项目，钻石会员累计自选 5 个项目；一次性赠送，不按天恢复。已领取项目可重复访问。
黄金升级钻石补足总额度；续费不重复赠送。每位付费会员共享有一次本地部署协助。
