java Web 网上购物系统设计与实现

翰文编程
56 阅读7分钟

​

 博主介绍：专注于Java（springboot ssm 等开发框架） vue  .net  php phython node.js    uniapp 微信小程序 等诸多技术领域和课设项目实战、企业信息化系统建设，从业十八余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了2000+题目解决方法案例  方便大家学习使用
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人
文末下方有源码获取地址

​编辑

第4章 总体设计

4.1系统模块总体设计

网上购物系统，主要包括前台和后台主要功能，如图所示。

​编辑

4.2 数据库设计

主要数据库总体思想、E-R图的设计和数据库表设计。

4.2.1 数据库总体设计

数据库总体设计是数据库设计的关键，是由分析用户需求到生成概念产品的一系列有序的、可组织的、有目标的设计活动，它表现为一个由粗到精、由模糊到清晰、由具体到抽象的不断进化的过程。

为了满足系统的功能需求，抽象出用户实体,供应商实体,商品实体,入库实体,出库实体,系统公告实体等实体E-R，具体如下：

​编辑

​编辑

（8）系统包含以下7个实体,用户实体,商品类别实体,商品实体,进货实体,订单实体,订单明细实体,公告实体，ER图所示：

​编辑

图4-9 系统E-R实体图

3.2.2 数据库详细设计

表4-1 用户信息表

序号字段名称数据类型长度主键描述
1yhidINTEGER11是用户编号
2yhmVARCHAR40否用户名
3mmVARCHAR40否密码
4xmVARCHAR40否姓名
5qxVARCHAR40否权限
6dhVARCHAR40否电话
7dzVARCHAR40否地址

表4-2 商品类别信息表

序号字段名称数据类型长度主键描述
1splbidINTEGER11是商品类别编号
2lbVARCHAR40否类别

表4-3 商品信息表

序号字段名称数据类型长度主键描述
1spidINTEGER11是商品编号
2spVARCHAR40否商品
3lbVARCHAR40否类别
4cdVARCHAR40否产地
5jgVARCHAR40否价格
6msVARCHAR40否描述
7tpVARCHAR40否图片
8slVARCHAR40否数量

表4-4 进货信息表

序号字段名称数据类型长度主键描述
1jhidINTEGER11是进货编号
2spVARCHAR40否商品
3slVARCHAR40否数量
4jhsjVARCHAR40否进货时间
5smVARCHAR40否说明

表4-5 订单信息表

序号字段名称数据类型长度主键描述
1ddidINTEGER11是订单编号
2ddmcVARCHAR40否订单名称
3yhVARCHAR40否用户
4gmsjVARCHAR40否购买时间
5ztVARCHAR40否状态
6dzVARCHAR40否地址
7dhVARCHAR40否电话
8shrVARCHAR40否收货人
9zjVARCHAR40否总价

表4-6 订单明细信息表

序号字段名称数据类型长度主键描述
1ddmxidINTEGER11是订单明细编号
2ddVARCHAR40否订单
3spVARCHAR40否商品
4slVARCHAR40否数量
5jgVARCHAR40否价格
6sjVARCHAR40否时间
7ztVARCHAR40否状态
8yhVARCHAR40否用户

表4-7 公告信息表

序号字段名称数据类型长度主键描述
1ggidINTEGER11是公告编号
2btVARCHAR40否标题
3nrVARCHAR40否内容
4fbsjVARCHAR40否发布时间

4.3 本章小结

本章主要介绍的内容是系统模块总体功能设计和数据库的设计，简单介绍了网上购物系统的设计，主要是在架构设计、总体模块设计和数据库设计的方面介绍的，为进一步的详细设计做准备。

第5章 详细设计

包括所做项目的每一个模块的详细描述和页面截图。每一个模块的截图前都要有比较详细的功能描述，不能是截图的简单罗列，图后最好有实现原理和关键代码。

5.1 系统首页界面设计

系统首页展示商品图信息，以及最新公告信息 本系统主界面如图5-1所示。

​编辑

图4-1 系统主界面

5.2我的订单页面设计

显示自己已经提交过订单信息。我的订单界面如图5-2所示。

​编辑

图5-2 用户管理界面

5.3商品类别管理页面设计

点击商品类别管理菜单，显示添加商品类别信息和商品类别信息列表界面，点击添加商品类别信息，右侧界面呈现出添加的商品类别信息界面，包括商品类别商品类别编号,类别等信息，添加商品类别信息完毕点击“提交”按钮，则添加商品类别信息成功。点击“商品类别列表”，右侧界面呈现出需要商品类别的具体信息，包括商品类别编号,类别等信息，可对逐条商品类别信息进行查看、删除和修改 。 商品类别管理界面如图5-3所示。

​编辑

图5-3 商品类别管理界面

5.4商品管理页面设计

点击商品管理菜单，显示添加商品信息和商品信息列表界面，点击添加商品信息，右侧界面呈现出添加的商品信息界面，包括商品商品编号,商品,类别,产地,价格,描述,图片,数量等信息，添加商品信息完毕点击“提交”按钮，则添加商品信息成功。点击“商品列表”，右侧界面呈现出需要商品的具体信息，包括商品编号,商品,类别,产地,价格,描述,图片,数量等信息，可对逐条商品信息进行查看、删除和修改 。商品管理界面如图5-4所示。

 

​编辑

图5-4 商品管理界面

<TABLE cellSpacing=0 cellPadding=3 width="100%" align=center border=1 bordercolor="#33CCCC" id="table1">
  <TBODY id="table2">
 
				 		<tr align="center" bgcolor="#ebf0f7">
 <td width="9%" height="25" >商品编号</td>
 <td width="9%" height="25" >商品</td>
 <td width="9%" height="25" >类别</td>
 <td width="9%" height="25" >产地</td>
 <td width="9%" height="25" >价格</td>

 <td width="9%" height="25" >图片</td>
 <td width="9%" height="25" >数量</td>
 <td width="10%">操作</td>
</tr>

			
					<%
					if(rs!=null){
					while(rs.next()){
					%>
                  	  <tr align='center' bgcolor='#FFFFFF' onmouseover='this.style.background="#F2FDFF"' onmouseout='this.style.background="#FFFFFF"'>
 <td height="24" ><%=rs.getString("spid")%></td>
 <td height="24" ><%=rs.getString("sp")%></td>
 <td height="24" ><%=rs.getString("lb")%></td>
 <td height="24" ><%=rs.getString("cd")%></td>
 <td height="24" ><%=rs.getString("jg")%></td>

 <td height="24" >
 
 <img src="../upload/<%=rs.getString("tp")%>" width="50" height="50">
 </td>
 <td height="24" ><%=rs.getString("sl")%></td>
<td ><a href="shangpinupdate.jsp?keyid=<%=rs.getString("spid")%>">编辑</a>| <a href="shangpindelete.jsp?keyid=<%=rs.getString("spid")%>"   onClick="javascript:if(confirm('是否删除')){return true;}else{return false;}">删除</a>|<a href="shangpindetail.jsp?keyid=<%=rs.getString("spid")%>">查看</a></td>
</tr>

                 <%
				 }
				 }
				 %>

    </TBODY></TABLE>

5.5 公告管理页面设计

点击公告管理菜单，显示添加公告信息和公告信息列表界面，点击添加公告信息，右侧界面呈现出添加的公告信息界面，包括公告公告编号,标题,内容,发布时间等信息，添加公告信息完毕点击“提交”按钮，则添加公告信息成功。点击“公告列表”，右侧界面呈现出需要公告的具体信息，包括公告编号,标题,内容,发布时间等信息，可对逐条公告信息进行查看、删除和修改 。 公告管理界面如图5-5所示。

​编辑

图5-3 公告管理界面

大家点赞、收藏、关注、评论啦  其他的定制服务 商务合作  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

​

avatar
文章
阅读
粉丝