ssm基于jsp的网络书店系统+jsp

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1e8411C71F?t=14.0

三、运行截图：

3.1用户功能模块

用户点击进入到系统操作界面，可以对主页、个人中心、我的收藏管理、订单管理等功能模块，我的收藏管理：通过列表可以获取用户ID、收藏ID、表名、收藏名称、收藏图片信息并进行修改操作，如图3-1所示。

图3-1我的收藏管理界面图

已支付订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看操作，如图3-2所示。

图3-2已支付订单列表界面图

已退款订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看、删除操作，如图3-3所示。

图3-3已退款订单列表界面图

已发货订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看操作，如图3-4所示。

图3-4已发货订单列表界面图

已完成订单列表：通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行查看、删除操作，如图3-5所示。

图3-5已完成订单列表界面图

3.2管理员功能模块

管理员通过用户名和密码填写完成后进行登录，如图3-6所示。管理员登录成功后进入到系统操作界面，可以对主页、个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等功能模块进行相对应操作。

个人中心：通过列表可以获取原密码、新密码、确认密码等内容，可以进行修改或删除操作，如图3-7所示。

图3-6管理员登录页面

图3-7个人中心页面

用户管理：通过列表可以获取用户账号、用户姓名、密码、性别、联系电话、电子邮箱、余额等信息，进行修改或删除操作，如图3-9所示。

图3-9用户管理界面图

商品分类管理：通过列表可以获取商品分类等信息，进行修改或删除操作，如图3-10所示。

图3-10商品分类管理界面图

商品信息管理：管理员通过列表可以获取商品编号、商品名称、商品分类、数量、品牌、规格、封面、价格、详情等信息，进行修改或删除操作，如图3-11所示。

图3-11商品信息管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-12所示。

图3-12轮播图管理界面图

已完成订单：管理员通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息，进行修改或删除操作，如图3-14所示。

图3-14已完成订单界面图

已支付订单列表：管理员通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、

状态、地址等信息，进行修改或删除操作，如图3-15所示。

图3-15已支付订单列表界面图

已完成订单列表：管理员通过列表可以获取订单id、用户id、商品id、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、

状态、地址等信息，进行修改或删除操作，如图3-16所示。

图3-16已完成订单列表界面图

3.3前台首页功能模块

 网络书店商城，在网络书店商城可以查看商品信息、我的、跳转到后台、购物车等内容，如图3-17所示。

图3-17系统首页界面图

登录、注册，通过注册填写用户账号、用户姓名、密码、联系电话、电子邮箱等信息进行注册操作，如图3-18所示。

图3-18登录、注册界面图

商品信息，在商品信息页面可以查看商品编号、价格、数量、品牌、规格等信息进行立即购买，如图3-19所示。

图3-19商品信息界面图

个人中心，在个人中心页面可以查看用户账号、用户姓名、密码、性别、联系电话、电子邮箱等如图3-20所示。

图3-20个人中心界面图

收货地址添加，在收货地址添加页面可以查看个人中心、我的订单、我的地址、我的收藏等如图3-21所示。

图3-21收货地址添加界面图

确认下单，在确认下单页面可以查看选择收货地址、清单列表等信息进行支付如图3-22所示。

图3-22确认下单界面图