博主介绍：专注于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 用户信息表

序号	字段名称	数据类型	长度	主键	描述
1	yhid	INTEGER	11	是	用户编号
2	yhm	VARCHAR	40	否	用户名
3	mm	VARCHAR	40	否	密码
4	xm	VARCHAR	40	否	姓名
5	qx	VARCHAR	40	否	权限
6	dh	VARCHAR	40	否	电话
7	dz	VARCHAR	40	否	地址

表4-2 商品类别信息表

序号	字段名称	数据类型	长度	主键	描述
1	splbid	INTEGER	11	是	商品类别编号
2	lb	VARCHAR	40	否	类别

表4-3 商品信息表

序号	字段名称	数据类型	长度	主键	描述
1	spid	INTEGER	11	是	商品编号
2	sp	VARCHAR	40	否	商品
3	lb	VARCHAR	40	否	类别
4	cd	VARCHAR	40	否	产地
5	jg	VARCHAR	40	否	价格
6	ms	VARCHAR	40	否	描述
7	tp	VARCHAR	40	否	图片
8	sl	VARCHAR	40	否	数量

表4-4 进货信息表

序号	字段名称	数据类型	长度	主键	描述
1	jhid	INTEGER	11	是	进货编号
2	sp	VARCHAR	40	否	商品
3	sl	VARCHAR	40	否	数量
4	jhsj	VARCHAR	40	否	进货时间
5	sm	VARCHAR	40	否	说明

表4-5 订单信息表

序号	字段名称	数据类型	长度	主键	描述
1	ddid	INTEGER	11	是	订单编号
2	ddmc	VARCHAR	40	否	订单名称
3	yh	VARCHAR	40	否	用户
4	gmsj	VARCHAR	40	否	购买时间
5	zt	VARCHAR	40	否	状态
6	dz	VARCHAR	40	否	地址
7	dh	VARCHAR	40	否	电话
8	shr	VARCHAR	40	否	收货人
9	zj	VARCHAR	40	否	总价

表4-6 订单明细信息表

序号	字段名称	数据类型	长度	主键	描述
1	ddmxid	INTEGER	11	是	订单明细编号
2	dd	VARCHAR	40	否	订单
3	sp	VARCHAR	40	否	商品
4	sl	VARCHAR	40	否	数量
5	jg	VARCHAR	40	否	价格
6	sj	VARCHAR	40	否	时间
7	zt	VARCHAR	40	否	状态
8	yh	VARCHAR	40	否	用户

表4-7 公告信息表

序号	字段名称	数据类型	长度	主键	描述
1	ggid	INTEGER	11	是	公告编号
2	bt	VARCHAR	40	否	标题
3	nr	VARCHAR	40	否	内容
4	fbsj	VARCHAR	40	否	发布时间

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 公告管理界面

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