基于MVC架构的简易商城系统: 基于JSP + Servlet + Mysql + Bootstrap5 + JQuery + MVC架构实现的简易商城系统 您所在的位置:网站首页 基于mvc的jsp购物网站最代码 基于MVC架构的简易商城系统: 基于JSP + Servlet + Mysql + Bootstrap5 + JQuery + MVC架构实现的简易商城系统

基于MVC架构的简易商城系统: 基于JSP + Servlet + Mysql + Bootstrap5 + JQuery + MVC架构实现的简易商城系统

#基于MVC架构的简易商城系统: 基于JSP + Servlet + Mysql + Bootstrap5 + JQuery + MVC架构实现的简易商城系统| 来源: 网络整理| 查看: 265

一、CSDN地址

CSDN地址

二、运行环境 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)对于一个商城系统来说,需要提供前台展现和后台管理两个子系统。其中后台管理系统用来供管理员使用,能够对商城的商品类别、订单、用户等等信息进行管理。前台展现系统可供所有网友使用,只要网友进入了商城系统,就能够浏览其他网友已经发表的商品。用户也可以发表自己闲置的商品,不过前提是要登录系统,所以该系统还需要提供注册和登录功能。用户在登录系统后,可以购买别人发布的闲置物品,从而实现网友之间的互动。

五、系统设计

商城用户类别一共有三种,分别是普通用户、商品发布者以及管理员。分析设计图如下:在这里插入图片描述

商城系统包括前台和后台两个部门,这里需要分别为其绘制流程图。流程图如图所示。

在这里插入图片描述

六、数据表设计 6.1 user用户信息表 字段名 数据类型 是否主键/外键 描述 id int 主键 自增,用户ID name varchar(50) 否 用户名称 password varchar(50) 否 用户密码 phone char(11) 否 用户联系方式 6.2 commodity商品表 字段名 数据类型 是否主键/外键 描述 id int 主键 自增,商品ID tid int 外键(commoidty_type表) 商品类型ID uid int 外键(user表) 商品发布人ID name varchar(100) 否 商品名称 info varchar(200) 否 商品详情 img varchar(100) 否 商品图片地址 price float 否 商品价格 6.3 admin 管理员表 字段名 数据类型 是否主键/外键 描述 id int 主键 自增,管理员ID uid int 外键(user) 管理员所属的用户ID 6.4 commodity_order 订单表 字段名 数据类型 是否主键/外键 描述 id int 主键 自增,订单ID uid int 外键(user) 用户ID cid int 外键(commodity) 商品ID status int 否 订单状态 time timestamp 否 订单创建时间 price float 否 订单价格 6.5 user_action 用户行为表 字段名 数据类型 是否主键/外键 描述 id int 主键 自增,表ID uid int 外键(user) 用户ID cid int 外键(commodity) 商品ID time timestamp 否 创建时间

所有数据表的关系图 在这里插入图片描述

七、功能模块 7.1 用户注册模块

在注册页面,用户可通过输入姓名、密码、联系方式来进行注册,然后跳转到登陆页面。在这里插入图片描述

7.2 用户登陆模块 首次进入页面会跳转到登陆页面,若用户没有账号则可跳转到上一个注册页面,若有账号则进行登陆。 登陆时可选择记住密码功能 登陆时需输入正确的验证码 登陆失败时会提示错误的信息

在这里插入图片描述

7.3 商城主页

商城主页用于显示网站的特点、并提供可跳转到其他板块的导航栏,包括商品中心、查询订单、发布商品、查询购买记录、用户中心、退出登陆

在这里插入图片描述

7.4 商品中心

商品中心用于显示商品的所有分类、及分类相关的所有商品,除此之外用户可以:

用户点击任意一个商品,然后可根据提示框选择是否确认购买 分页、分类查询,每页会显示八个商品,用户可随意切换当前页面

在这里插入图片描述

用户判断机制,如果用户点击了自己的商品则提示无法购买自己的商品 在这里插入图片描述 如果用户确认购买,则会产生一个新的订单,如果取消购买,则提示框关闭 在这里插入图片描述 7.5 发布商品

申请过权限的用户可以在商城中进行商品的发布,在发布商品时需要指定以下五个参数,分别是:商品的图片、商品名称、商品描述、商品类型、商品价格

在这里插入图片描述

7.6 个人信息管理模块

此模块用户可以查询浏览记录,修改个人信息包括电话,密码修改则由管理员来实现 在这里插入图片描述 管理购买记录,管理包括查询和删除两种功能 在这里插入图片描述 管理发布的商品,管理包括查询和删除两种功能

在这里插入图片描述

7.7 管理员中心

管理员中心主要有三个板块,分别是用户管理、商品管理和站点管理 其中用户管理有管理用户、修改用户密码两种选择,管理用户可以分页查询到站点所有的用户,同时对指定的用户进行删除操作。 在这里插入图片描述

在这里插入图片描述

7.8 商品管理

商品管理可以对站点所有商品进行分页查询,同时支持删除操作。

在这里插入图片描述

7.9 商品统计

商品统计用于显示站点所有商品的信息,对不同类别商品统计结果进行可视化。 在这里插入图片描述

7.10 管理员-添加用户

在这里插入图片描述

7.11 管理员-查看用户行为统计

在这里插入图片描述



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有