简介：这是一套基于JSP+MySQL的JavaWeb图书销售管理系统（网上书店）完整项目源码与数据库，面向计算机相关专业正在准备期末大作业、课程设计的学生，以及需要项目实战练习的JavaWeb学习者。项目经导师指导并认可通过，可作为高分课程设计参考，帮助读者快速理解网上书店从图书展示、购物车到订单管理的整体业务实现。压缩包共286个文件，约6.93MB，包含53个java源文件、52个jsp页面、40个js脚本、19个css样式及10个jar依赖，另有sql数据库脚本、xml配置与图片资源，前端还涉及bootstrap、layui等常用框架，结构完整便于二次开发。目前已有233人学习下载。读者可获得可直接运行的完整工程、数据库建表脚本与清晰的目录分层，便于对照学习Servlet、JSP与MySQL的整合方式，快速完成大作业搭建与调试。
1. 从一份能跑通的 JSP 图书销售系统说起：它到底解决了谁的燃眉之急
如果你正在为 JavaWeb 课程设计或者期末大作业发愁，大概率已经翻过不少“图书销售管理系统”的源码包，但真正能导入 IDE、连上数据库、点开首页就能看到图书列表的，其实没几个。这份基于 JSP+MySQL 的网上书店项目，核心价值就在于它是一份结构完整、前后台闭环、数据库脚本齐全的 JavaWeb 实战工程。它用最经典的 JSP+Servlet+JavaBean 三层架构，把图书展示、购物车、订单管理、后台增删改查这些电商基础模块全部串了起来。前端没有用花哨的框架，而是 Bootstrap 加 Layui 做响应式布局，配合 animate.css 做过渡动效，对新手来说改起来不费劲。适合谁？一是需要快速搭出课程设计骨架的计算机专业学生，二是想拿一个真实项目练手 JavaWeb 连接 MySQL 数据库的初学者。你拿到手的不只是几个 JSP 页面，而是一套能让你理解“请求怎么从浏览器走到数据库再走回来”的完整链路。
2. 拆开源码包：JSP 页面、Servlet 与 MySQL 表结构怎么对上号
2.1 目录结构里藏着的分层逻辑
把压缩包解压后，你会看到典型的 JavaWeb 工程目录。src下面按包名分了dao、service、servlet、entity、util这几层，WebContent（或者webapp）下面放着jsp、css、js、images和WEB-INF。很多人拿到源码直接往 IDE 里一扔就点运行，结果 404 或者 500，根本原因就是没先看目录和web.xml的映射关系。我一般会先做一件事：打开WEB-INF下的web.xml，看看 Servlet 的<url-pattern>是怎么配的，再对照 JSP 页面里表单的action地址，确认请求路径能不能对上。比如图书列表页bookList.jsp里可能写的是action="BookServlet?method=list"，那你就得去BookServlet里找doGet或doPost方法，看它怎么根据method参数分发到不同的业务逻辑。这一步走通了，后面改代码才不会像无头苍蝇。
数据库方面，项目一般会附带一个.sql文件，里面建了user、book、category、orders、orderitem这几张核心表。book表通常有id、name、author、price、stock、image、category_id这些字段，orders表则关联用户和订单状态。你要做的是先在 MySQL 里建一个库，比如bookstore，然后执行这个 SQL 脚本。注意字符集选utf8mb4，不然中文书名或者作者名插进去会变问号。常见做法是用 Navicat 或者命令行source导入，命令行更稳，不容易因为客户端版本差异出幺蛾子。
2.2 数据库连接配置：改对这四个参数就能跑
项目里连接 MySQL 的代码通常写在src下的util包里，类名可能是DBUtil或者BaseDao。它一般用 JDBC 原生方式或者简单的连接池。你要改的就四个地方：驱动类、URL、用户名、密码。下面是一段典型的配置代码，我把它拆开讲。
// DBUtil.java 中获取连接的常见写法 public class DBUtil { // MySQL 8.0 以上驱动类名带 cj，5.7 不带，写错直接 ClassNotFoundException private static final String DRIVER = "com.mysql.cj.jdbc.Driver"; // useSSL=false 关掉 SSL 警告，serverTimezone=Asia/Shanghai 解决时区差 8 小时问题 private static final String URL = "jdbc:mysql://localhost:3306/bookstore?useSSL=false&serverTimezone=Asia/Shanghai&characterEncoding=utf8"; private static final String USER = "root"; private static final String PASSWORD = "你的数据库密码"; public static Connection getConnection() throws Exception { Class.forName(DRIVER); return DriverManager.getConnection(URL, USER, PASSWORD); } }逻辑说明：Class.forName负责加载驱动，MySQL 8 之后驱动类路径变了，很多老教程还在写com.mysql.jdbc.Driver，你如果照着抄，控制台会直接报Loading class 'com.mysql.jdbc.Driver'. This is deprecated然后连接失败。参数方面，useSSL=false不是必须，但开着 SSL 而数据库没配证书时会报连接错误，本地开发关掉最省事。serverTimezone一定要设，否则插入订单时间会比实际时间少 8 小时，查订单列表时看着像穿越了。characterEncoding=utf8保证中文不乱码，配合数据库建库时的utf8mb4使用。
改完这四个参数，先别急着启动 Tomcat。写一个main方法单独测一下getConnection()能不能返回连接对象，能拿到就说明数据库通了，再去跑 Web 项目，能省掉一半的排查时间。
2.3 前端资源引用路径：Bootstrap 和 Layui 别打架
项目正文里列了一堆 CSS 文件：bootstrap.css、bootstrap.min.css、animate.css、layui.css、bootstrap-theme.css、layer.css、layui.mobile.css、bootstrap-table.css。这说明前端混用了 Bootstrap 和 Layui 两套 UI 库。混用不是不行，但要注意加载顺序和类名冲突。我一般会把bootstrap.min.css放在最前面，然后加载layui.css，最后放bootstrap-table.css这种插件样式。JSP 页面里引用路径建议用${pageContext.request.contextPath}开头，比如：
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/bootstrap.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css"> <script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>这样写的好处是，不管你项目部署在 Tomcat 的哪个上下文路径下，资源都能正确加载。很多人直接把href写成css/bootstrap.min.css，本地跑没问题，一换环境就全白屏，血泪经验就是路径一定要带上下文。另外layer.css是 Layui 的弹层组件样式，如果你发现弹窗没样式或者位置错乱，先检查这个文件有没有被正确引入，以及layer.js是不是在jquery之后加载的。
3. 在 IDEA 里跑起来：Tomcat 配置、JSP 编译与 MySQL 8 驱动适配
3.1 导入项目与 Artifact 设置
用 IDEA 打开项目后，第一件事是检查Project Structure里的Modules，确认src被标记为 Sources Root，WebContent或webapp被标记为 Web Resource Directory。然后去Facets里添加 Web Facet，指向web.xml的路径。接下来配置 Artifact：新建一个Web Application: Exploded，把Available Elements里的库全部放到WEB-INF/lib下。这一步不做，Tomcat 启动时会报ClassNotFoundException，因为 MySQL 驱动和项目依赖的 jar 包没被部署进去。
Tomcat 配置在Run/Debug Configurations里，新建一个 Tomcat Local，Deployment选项卡里加上刚才的 Artifact，Application context建议设成/bookstore或者/。如果你设成/，那 JSP 里的${pageContext.request.contextPath}会返回空字符串，路径拼接依然正确，但访问首页直接localhost:8080就行。设成/bookstore的话访问地址就是localhost:8080/bookstore。两种都行，看个人习惯。
3.2 MySQL 8 驱动版本与 JSP 编译级别
MySQL 8 的驱动 jar 包要用mysql-connector-java-8.0.x系列，别拿 5.1 的老包硬配，否则会报No suitable driver found或者时区错误。把 jar 包放到WEB-INF/lib下，IDEA 里右键Add as Library。另外 JSP 编译级别要和 Tomcat 的 JDK 版本匹配，如果 Tomcat 跑在 JDK 8 上，项目 SDK 也选 8，别选 11 或 17，不然 JSP 编译时可能报Unsupported class file major version。这个坑很隐蔽，因为 Java 代码编译通过了，但 JSP 是运行时编译的，版本不匹配直接 500。
# 查看当前 Tomcat 使用的 Java 版本，进入 bin 目录执行 ./version.sh # Linux/Mac version.bat # Windows输出里会显示JVM Version，确保和你项目 SDK 一致。如果用的是 IDEA 内置的 Tomcat 配置，在Run/Debug Configurations的Server选项卡里能看到JRE选项，选对版本就行。
3.3 启动后的第一轮验证：从首页到后台登录
Tomcat 启动没有报错后，浏览器访问http://localhost:8080/bookstore/，应该能看到网上书店的首页，通常有图书分类导航、轮播图或者图书列表。如果首页空白，按 F12 看 Network 里 CSS 和 JS 是不是 404，大概率是路径问题。如果首页能显示但图片裂了，检查images目录下有没有对应的图书封面图，数据库book表里的image字段存的是文件名还是完整路径，JSP 里拼接的src前缀对不对。
后台入口一般是/admin/login.jsp或者/login.jsp，默认账号密码在 SQL 脚本的user表里，常见的是admin/123456。登录进去后测试一下图书的增删改查，重点看新增图书时图片上传功能是否正常。如果上传后图片不显示，检查 Tomcat 的server.xml里有没有配Context的docBase，或者项目里是不是把上传目录写死在了某个绝对路径上。我一般会把上传路径改成getServletContext().getRealPath("/upload")，这样部署到哪都能用。
4. 避坑排查：JSP 中文乱码、404 与数据库连接池的常见翻车点
4.1 现象：图书列表页中文书名显示为问号
原因：JSP 页面顶部没有声明pageEncoding，或者 MySQL 连接 URL 里没加characterEncoding=utf8，再或者数据库建表时字符集是latin1。三个地方只要有一个不对，中文就废了。
解决：JSP 文件第一行加<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>；数据库连接 URL 补上characterEncoding=utf8；如果表已经建好了，执行ALTER TABLE book CONVERT TO CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;把表和字段的字符集统一改掉。改完重启 Tomcat，清一下浏览器缓存再试。
4.2 现象：访问 Servlet 报 404，但 JSP 能打开
原因：web.xml里 Servlet 的<url-pattern>和 JSP 表单action里的路径不一致，或者 Servlet 类上的@WebServlet注解和web.xml同时存在导致冲突。还有一种可能是 IDEA 的 Artifact 里没有把src编译输出到WEB-INF/classes。
解决：先看 Tomcat 启动日志里有没有Servlet [xxx] marked as unavailable之类的提示。然后检查web.xml的servlet-mapping，确认url-pattern是/BookServlet还是/bookServlet，大小写敏感。如果用了注解，就把web.xml里对应的配置删掉，二选一。最后去Project Structure的Artifact里，看WEB-INF/classes目录下有没有生成.class文件，没有的话在Modules里把src标记为 Sources 并重新 build。
4.3 现象：数据库连接池报 “Too many connections”
原因：项目里每次请求都new一个 Connection 且没有关闭，或者用了连接池但配置的最大连接数太小，而测试时频繁刷新页面。JSP+Servlet 项目里常见的是在dao层忘了在finally块里close()。
解决：检查所有Connection、PreparedStatement、ResultSet的使用，确保在finally里逆序关闭。如果项目用了 Druid 或者 C3P0，去配置文件里把maxActive调到 20 左右，同时开启removeAbandoned参数。临时救急可以重启 MySQL，但根治还是要改代码。我一般会写一个DBUtil.close(conn, ps, rs)静态方法，每个 dao 方法结尾调一下，省得漏。
4.4 现象：订单提交后库存没减，或者减成负数
原因：下单逻辑里先查库存再更新，但两步之间没有加事务，并发下会出现超卖。或者更新库存的 SQL 写成了update book set stock = stock - 1 where id = ?，但没判断stock > 0。
解决：在 Service 层的方法上加@Transactional或者手动conn.setAutoCommit(false)，把查库存和减库存放在同一个事务里。SQL 改成update book set stock = stock - 1 where id = ? and stock > 0，然后判断executeUpdate()的返回值，如果返回 0 说明库存不足，回滚事务并给前端提示。这个坑在课程设计答辩时如果被问到，能答上来很加分。
4.5 现象：Layui 弹层不显示或者样式错乱
原因：layer.js在jquery.js之前加载了，或者layui.css和bootstrap.css的z-index冲突导致弹层被遮住。
解决：确保<script src="jquery.js">在<script src="layer.js">之前。如果弹层被遮，在layer.open的参数里加zIndex: 99999999，或者去layui.css里把.layui-layer的z-index调高。更彻底的办法是只保留一套 UI 库，但课程设计一般要求不高，能跑就行，不用大动干戈。
5. 二次开发与答辩加分：从现有模块扩展出统计图表和分页优化
5.1 用 ECharts 给后台加一个销售统计面板
课程设计如果只做了增删改查，答辩时容易被问“有没有数据分析”。你可以在后台首页加一个销售统计图表，用 ECharts 拉取订单数据。具体做法：在dao层写一个getSalesByCategory()方法，SQL 用select c.name, sum(oi.price * oi.quantity) as total from orders o join orderitem oi on o.id = oi.order_id join book b on oi.book_id = b.id join category c on b.category_id = c.id group by c.name，返回List<Map<String, Object>>。然后在 Servlet 里转成 JSON，JSP 页面用 Ajax 请求这个接口，ECharts 渲染饼图。
// 后台统计页面的 Ajax 请求与 ECharts 初始化 $.ajax({ url: '${pageContext.request.contextPath}/StatServlet?method=salesByCategory', type: 'GET', dataType: 'json', success: function (data) { var chart = echarts.init(document.getElementById('salesChart')); chart.setOption({ title: { text: '各分类销售占比' }, tooltip: { trigger: 'item' }, series: [{ type: 'pie', radius: '60%', data: data // 后端返回 [{name:'文学', value:1200}, ...] }] }); } });逻辑说明：StatServlet里根据method参数分发，salesByCategory方法调用 dao 拿到数据，用JSON.toJSONString()或者手动拼 JSON 输出。注意设置response.setContentType("application/json;charset=utf-8")，否则前端解析会乱码。ECharts 的data格式是[{name: '分类名', value: 金额}]，后端返回的 Map 键名要对应上。这个功能加进去，答辩时演示效果直接拉满，而且代码量不大，一两个小时就能搞定。
5.2 手写分页替代 Bootstrap Table 的默认分页
项目里如果用了bootstrap-table.css，可能表格自带分页，但那种分页是前端分页，数据量大时性能差。你可以改成后端分页，在BookServlet的list方法里接收page和limit参数，SQL 用limit ?, ?。计算总记录数用select count(*) from book，然后传给 JSP 生成分页条。
// BookDao 中的分页查询方法 public List<Book> getBooksByPage(int page, int limit) { List<Book> list = new ArrayList<>(); String sql = "select * from book order by id desc limit ?, ?"; try (Connection conn = DBUtil.getConnection(); PreparedStatement ps = conn.prepareStatement(sql)) { ps.setInt(1, (page - 1) * limit); // 起始偏移量 ps.setInt(2, limit); // 每页条数 ResultSet rs = ps.executeQuery(); while (rs.next()) { Book book = new Book(); book.setId(rs.getInt("id")); book.setName(rs.getString("name")); // ... 其他字段映射 list.add(book); } } catch (Exception e) { e.printStackTrace(); } return list; }参数说明：page是当前页码，从 1 开始；limit是每页显示条数，一般设 10 或 20。(page - 1) * limit算出 SQL 的偏移量，比如第 1 页偏移 0，第 2 页偏移 10。前端 JSP 里用${totalPages}和${currentPage}渲染上一页、下一页链接。注意limit后面两个参数在 MySQL 里是offset, row_count，别写反了。这个改法比前端分页更贴近真实项目，答辩时老师问“分页怎么实现的”，你能说出limit和count的配合，印象分直接上去。
5.3 把硬编码的数据库密码挪到 properties 文件
项目里DBUtil的密码是写死的，交作业时如果被看到不太好，而且换环境要改代码。我一般会建一个db.properties放在src下，内容如下：
jdbc.driver=com.mysql.cj.jdbc.Driver jdbc.url=jdbc:mysql://localhost:3306/bookstore?useSSL=false&serverTimezone=Asia/Shanghai&characterEncoding=utf8 jdbc.username=root jdbc.password=你的密码然后在DBUtil的静态代码块里用ClassLoader.getResourceAsStream("db.properties")加载，Properties对象读取。这样改配置不用动 Java 代码，也显得工程化程度高一点。注意db.properties要放在src根目录下，编译后会自动进WEB-INF/classes。如果放在其他包下，getResourceAsStream的路径要带包名，比如com/xxx/db.properties。
从那以后我每次拿到别人的源码包，第一件事就是先翻DBUtil和web.xml，把数据库连接和 Servlet 映射捋清楚再动手改，不然光一个 404 就能耗掉一晚上。希望这份拆解能帮你少走点弯路，顺利把课程设计跑起来。
本文还有配套的精品资源，点击获取
