Web项目实战 | 商城系统v1.0 | 前端JSP + Servlet + Bootstrap5 + JQuery + Echarts | 后端 MVC架构 + JDBC + Druid数据池

一、项目地址

---

Gitee 仓库：https://gitee.com/ccuni/simple-shop-system-v1.0

二、运行环境

---

• IDEA 专业版
• JDK 8
• Tomcat 9
• JQuery 3.6
• Bootstrap5

三、开发记录

---

• Web项目实战 | 购物系统v1.0 | 开发记录（一） | 大学生闲置物品交易系统 | 选择页面模板（附资源），使用 JQuery AJAX实现注册、登陆
• Web项目实战 | 购物系统v1.0 | 开发记录（二） | 使用Bootstrap5各组件优化页面，使用AJAX请求实现用户修改信息功能
• Web项目实战 | 购物系统v1.0 | 开发记录（三） | 基于Bootstrap设计商品页面、使用JQuery实现上传文件并显示到图片组件、使用JSTL标签显示数据库的内容到无序列表
• Web项目实战 | 购物系统v1.0 | 开发记录（四） | 实现JQuery图片上传 | 使用JQ插件提交AJAX请求实现发布商品并保存到数据库 | 商品分类分页显示
• Web项目实战 | 购物系统v1.0 | 开发记录（五） | 模拟网站埋点实现用户浏览记录的统计与显示
• Web项目实战 | 购物系统v1.0 | 开发记录（六）|使用coockie实现记住密码 | 非登陆用户拦截 | AJAX文字登陆验证 | 使用Bootstrap5框架的模态框组件显示提示弹窗

四、需求分析

---

1）在大学生群体里，闲置物品交易是非常普遍的现象，比如出手用过的书籍，毕业生出售平时的生活用品等。交易一般是通过QQ群、微信群或者贴吧、论坛等平台进行商品的发布，这样就具有较大局限性。首先，没有统一的平台去整合这些信息，分布的比较广，有需求的同学就难以找到合适的商品。其次，出售商品的同学无法确定是否有人对自己发布的商品感兴趣，也不知道是否有人浏览过自己的商品。现在则可以搭建一个专门的购物系统解决这个问题。通过此购物系统，每个人都可以浏览自己感兴趣的商品，还可以发表自己的闲置物品。接下来就设计这样的一个商城系统。

2）该网站系统的前台 UI 采用 html、CSS、JavaScript、JQuery、Boostrap5 技术，后台部分采用 J2EE 技术（基于Servlet+JSP+AJAX技术，数据库访问采用 Druid数据源+JDBC 技术，项目中使用多种设计模式和框架做到“低耦合，高内聚”。

3）对于一个商城系统来说，需要提供前台展现和后台管理两个子系统。其中后台管理系统用来供管理员使用，能够对商城的商品类别、订单、用户等等信息进行管理。前台展现系统可供所有网友使用，只要网友进入了商城系统，就能够浏览其他网友已经发表的商品。用户也可以发表自己闲置的商品，不过前