基于Web的家电交易系统的设计与实现.docx
《基于Web的家电交易系统的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于Web的家电交易系统的设计与实现.docx(19页珍藏版)》请在冰豆网上搜索。
![基于Web的家电交易系统的设计与实现.docx](https://file1.bdocx.com/fileroot1/2022-11/20/a3ff62d8-2692-4296-9c79-91525ff71e70/a3ff62d8-2692-4296-9c79-91525ff71e701.gif)
基于Web的家电交易系统的设计与实现
基于Web的家电交易系统的设计与实现
摘要:
在如今的互联网时代之中,随着技术的不断更新和发展,人们在使用互联网的时候不是局限于聊天和浏览网页,人们开始使用相关技术来丰富日常生活,在足不出户的情况下购买自己喜爱的商品。
家电网上商城为用户提供不同种类的家电进行对比,方便用户购买适合的家电产品。
因此本设计便是针对家电产品的网上购物系统。
本系统是搭建在B/S模式下的家电交易系统,使用MySQL构建数据库,前端网页使用JSP技术,后台逻辑使用的是Java。
主要包括前台用户功能和后台管理员功能。
前台主要实现用户的注册和登录、商品的浏览、商品的搜索、购物车以及订单。
后台管理员功能主要实现用户管理、商品类别设定、订单处理、商品管理。
关键词:
家电在线销售;JSP;B/S模式;Java
Abstract:
Intheageoftheinternet,withthecontinuousupdateanddevelopmentofthetechnology,theyarenotlimitedtochatandbrowsewebpageswhentheyusetheinternet.Peoplebegintousethetechnologyofinternettoenrichtheirdailylife,andpeoplecanbuytheirfavoriteproductswithoutleavinghome.Theonlineshoppingmallofthehouseholdapplianceprovidesuserswithdifferenttypesofhouseholdappliances.Itisconvenientforuserstobuysuitablehouseholdappliances.Therefore,thissystemisaimedattheonlineshoppingmallofthehouseholdappliance.
ThistradingsystemofhouseholdappliancesisbuiltonB/Smode,Inthissystem,MySQLisusedtobuildadatabase,andJSPtechnologyisusedtodesignthefrontwebsite,andJavaisusedinthebackstagesystem.Itmainlyincludesuserfunctionandadministratorfunction.Thefrontdeskmainlyimplementsuserregistrationandlogin,browsingmerchandise,searchingmerchandise,shoppingcartanduser’sorder.Thebackgroundadministratorfunctionmainlyrealizesusermanagement,settingcommoditycategory,processingorder,managingcommodity.
Keywords:
Onlinesalesofhouseholdappliances;JSP;B/Smodel;Java
1绪论
1.1研究背景
近几年,网络的迅速发展使得互联网成为信息来源的主要渠道之一。
于是电子商务开始流行于人们生活当中。
越来越多的家电商家在网络之中建立自己的在线家电商城,向人们提供新型的一种家电购买方式。
在网上购物已经成为人们生活中必不可少的一部份,网上购物更是商业经济发展到一定的阶段产物,也是顺应新时代的必然结果。
家电品牌的进入,不仅仅的方便了销售人员的管理,而且还方便了人们,使人们不在为如何将购买的家电带回家里而发愁。
1.2研究目的和意义
随着社会的不断发展与进步,互联网技术更加的成熟,网络已经伴随着家家户户,互联网更是一种新型的传媒介质。
当今的家电企业,如果仍然以原有的方式进行对产品的宣传不仅成本高而且效率低。
在网络的时代,就应该运用好当前的技术实现在网络之中让原有的家电产品以及新型的家电产品被人们熟知,从而让人为有需要的人可以直接购买需要的家电,能够更有效的对家电进行买和卖。
家电产品作为人们生活的必需品。
从以下几个方面可以得出网上购买家电的好处:
(1)人们可以对某一个相同的家电进行价格的对比,各功能的对比,性能的对比。
选择其适合自己家庭所需的某一款家电。
(2)人们可以不分时间段的在网上挑选需要的家电产品。
(3)网上购买家电,既减少中间商的成本费用,又方便了人们的日常生活。
1.3开发环境和使用技术
1.硬件环境
系统的硬件环境配置为处理器IntelCorei54200U,内存4GB,硬盘500G[7]。
2.软件环境
系统是建立在Windows操作系统,数据库为MySQL,JDK1.6,MyEclipse8.5开发工具包和Tomcat6.0服务器[7]。
3.开发工具
(1)使用MyEclipse作为开发工具。
(2)MySQL是一种关联数据库,它能将不同的数据放在不同的表之中进行管理。
1.4本文结构
第一章描述了开发该系统的背景、目的、意义、开发所使用的环境以及技术;第二章对开发该系统进行可行性分析包括经济可行性和技术可行性、需求分析以及业务流程分析;第三章对开发该系统的结构、功能以及数据库进行设计。
第四章对实现系统的具体功能进行介绍;第五章对登录和注册、商品的添加与删除进行黑盒测试。
2系统分析
2.1可行性分析
2.1.1经济可行性
在开发本系统时使用的是免费的开发工具,在开发过程中不需要很大资金投入,而且还可以为使用本系统的商家带来经济效益,所以在经济上面完全符合开发要求。
2.1.2技术可行性
在如今的开发技术已经比较成熟的条件下为了开发出本系统对此作出软件和硬件上面的分析。
在软件上面使用的都是开源的软件,虽然也有企业版的软件,但是作为本系统来说,普通级的软件都已经够开发过程所需要的。
所以软件方面是可行的。
在硬件方面,如今家用的电脑基本都可以达到该系统的最低配置,所以硬件方面是可行的。
2.2需求分析
需求是一个系统的灵魂所在,所有的功能全部根据需求分析探讨出来,为了实现该系统,本人通过对各大电商平台以及购物网站进行分析和对比得到有如下的几个功能:
(1)用户的登录,注册,搜索,购买等。
(2)管理员可以对用户和商品进行管理。
2.3业务流程分析
1.系统业务流图描述如下:
(1)顾客在进入本网站后可以浏览本网站的所有信息的商品。
(2)用户在购买商品前需要注册或者登录。
(3)用户可以通过购物车来管理商品即增删。
(4)用户可以查看订单信息是否正确以便完成本次购物,下单之后用户就可查看到订单信息。
(5)管理员可以修改订单状态、添加商品类别及商品、删除用户。
系统业务流图如图2-1所示。
图2-1系统业务流图
3总体设计
3.1系统结构设计
本系统使用的是MVC(Model-View-Controller)模式,model数据库层的封装,view向用户展示效果的页面[4],controller对数据进行请求、获取、返回。
框架使用的是SSH框架。
系统结构图如图3-1所示。
图3-1系统结构图
3.2系统功能设计
1.前台功能包括用户的登录注册、商品信息的查看、订单查看等,具体信息如下所述。
如图3-2所示。
(1)商品:
用户可查看商品的简略信息,当用户想查看详细商品信息时,这时用户就可以点击进入自己喜爱的商品以便查看商品信息。
(2)购物车:
用户可以将一些喜欢的商品通过添加到购物车来保存要购买的相关商品。
(3)用户登录以及注册。
(4)订单即用户可以查看自己购买商品的详细情况。
图3-2前台结构图
2.后台功能有商品模块、用户管理模块、订单处理模块,具体信息如下所述。
如图3-3所示。
(1)商品管理:
对商品相关的信息和类别进行增加或者删除的操作。
(2)用户管理:
可以删除用户的基本信息,这时该用户则无法登录本系统。
(3)订单管理:
可以删除和修改订单的状态。
图3-3系统后台管理员功能结构图
3.3数据库设计
3.3.1数据信息表
本家电交易系统共有6张数据表,分别是商品信息表、商品类别信息表、订单信息表、订单明细信息表、用户信息表以及管理员信息表具体如表3.1所示。
表3.1数据信息表
序号
表名
相关描述
1
商品类别信息表
其中包括商品的种类名称和种类的描述
2
用户信息表
保存用户的账号和密码
3
管理员信息表
保存管理员的账号和密码
4
商品信息表
其中数据字段保存商品的名字,描述,图片,价格以及商品种类的编号,其中商品种类编号为外键(FK)
5
订单信息表
其中记录订单的状态,用户编号,付款方式以及金额,其中用户编号为外键(FK)
6
订单明细信息表
其中记录订单的编号以及商品号,其中订单编号和商品号为该数据表的外键(FK)
3.3.2数据库表设计
在设计家电交易系统的数据库时,通过分析得到如下几点需要注意的事项:
(1)在定义数据的时候需要注意该字段是否唯一以及是否允许空值和是否主键或者外键。
(2)数据应当具有安全性和准确性。
(3)对于未注册信息的用户本系统只提供商品信息的浏览
下面是本家电交易系统的数据库的E-R图如图3-4所示。
图3-4数据库E-R图
1.商品信息表如表3.2所示。
表3.2 商品信息表(t_goods)
序号
字段名称
字段别名
类型
长度(字符)
1
goods_Id
编号
Int
11
2
goods_name
商品名
varchar
50
3
goods_miaoshu
商品描述
varchar
5000
4
goods_pic
存放商品图片
varchar
50
5
goods_shichangjia
市场价
int
11
6
goods_tejia
特价
int
11
7
goods_isnottejia
普通商品
varchar
50
8
goods_catelog_id
商品种类号
int
11
商品信息实体图如图3-5所示。
图3-5商品信息实体图
2.商品类别信息表如表3.3所示。
表3.3 商品类别信息表(t_catelog)
序号
字段名称
字段别名
类型
长度(字符)
1
catelog_id
种类编号
Int
11
2
catelog_name
种类名称
Varchar
50
3
catelog_miaoshu
种类描述
Varchar
5000
商品类别实体图如图3-6所示。
图3-6商品类别实体图
3.订单信息表如表3.4所示。
表3.4订单信息表(t_order)
序号
字段名称
字段别名
类型
长度(字符)
1
order_id
订单ID
Int
11
2
order_bianhao
订单编号
Varchar
50
3
order_date
订单生成日期
varchar
50
4
order_zhuangtai
订单状态
varchar
50
5
order_jine
总的消费金额
Int
11
6
order_songhuodizhi
送货地址
Varchar
50
7
order_fukuangfangshi
付款方式
Varchar
50
8
order_user_id
用户ID
Int
11
订单实体图如图3-7所示。
图3-7订单实体图
4.订单明细表如表3.5所示。
表3.5 订单明细表(t_orderItem)
序号
字段名称
名称别名
类型
长度(字符)
1
ordersItem_id
明细编号
Int
11
2
order_id
订单编号
Int
11
3
goods_id
商品编号
Int
11
4
goods_quantity
购买数量
Int
11
订单明细实体图如图3-8所示。
图3-8订单明细实体图
5.用户信息表如表3.6所示。
表3.6用户信息表(t_user)
序号
字段名称
字段别名
类型
长度(字符)
1
user_id
用户ID
Int
11
2
user_name
账号
Varchar
50
3
user_pw
密码
Varchar
50
4
user_realname
姓名
Varchar
50
5
user_address
住址
Varchar
50
6
user_sex
性别
Varchar
50
7
user_tel
联系电话
Varchar
50
8
user_email
用户邮箱
Varchar
50
9
user_qq
用户QQ号码
Varchar
50
用户实体图如图3-9所示。
图3-9用户实体图
6.管理员信息表如表3.7所示。
表3.7管理员信息表(t_admin)
序号
字段名称
字段别名
类型
长度(字符)
1
userId
管理员ID
int
11
2
userName
管理员名称
Varchar
50
3
userPw
管理员密码
Varchar
50
管理员实体图如图3-10所示。
图3-10管理员实体图
4系统实现
4.1前台管理模块的实现
4.1.1系统首页的实现
当用户进入到本家电交易系统的时候,系统界面会友好的提示用户欢迎进入家电购物系统,当然这个时候用户只可以浏览页面中的商品和查看商品的详细信息,用户也可以搜索想要观看的商品,具体的信息如图4-1所示。
图4-1系统首页
4.1.2用户模块的实现
用户注册的页面之中包含用户的用户名即用户登录时所用到的账号,用户密码,用户的真实姓名,用户的家庭住址,用户需要注册的联系方式有电话号码,电子邮箱以及QQ号码,如图4-2。
图4-2用户注册
用户在登录之前需要利用注册好的账号进行登录操作,如果该用户使用本家电交易系统数据库中不存在的数据进行登录则不会通过验证,具体验证的流程图如4-3所示。
图4-3用户登录流程图
登录界面的设计如图4-4所示。
图4-4用户登录
用户在登录本系统之后可以修改自己的用户信息,用户通过修改信息来使自身的信息得到及时的更新,这样管理员就可以及时的联系到该用户,避免出现经济上面的损失。
如图4-5所示。
图4-5用户修改
4.1.3购物车模块的实现
当用户在浏览商品的时候可以选择自己喜欢的商品将之加入购物车,这个时候用户就可以查看自己购物车的相关信息以便完成购买该商品或者删除该商品,当用户选择删除商品的时候系统会提示是否删除该商品,这样达到一个假的人机交互的样式,体现出本家电交易系统的人性之处。
相关的流程图如图4-6所示。
图4-6购物车流程图
本次选择的是将商品为三星的家电加入购物车,在如下页面,可以清楚的看出对购物车的操作有:
从购物车中移除商品,清空商品,修改商品的数量或者点击下一步实现购买该商品。
界面的设计如图4-7所示。
图4-7购物车模块
4.1.4收银台模块的实现
当用户在选择自己喜欢的商品添加到购物车之后,下一步就可以选择购买该商品,当用户确认要购买时会弹出一个对话框提醒用户修改或者填写订单的基本信息,当用户填完主要的基本信息之后就可以购买该商品实行支付,当然在支付的时候由于技术有限就简单的模拟购买商品,并不是实际意义上的对购买商品。
在购买之后本系统会返回一个订单的编号以及订单的相关信息,模拟实现一个收银台的效果。
如图4-8所示。
图4-8结账功能
4.1.5订单模块的实现
在用户将订单提交之后本家电交易系统就会弹出一个界面会提醒用户购买商品成功以及将相关的订单编号,支付的金额,购买的时间,配送的地址以及付款方式都将会反馈给用户,实现一个良好的交互环境。
如图4-9所示。
图4-9查看订单
4.2后台管理模块的实现
4.2.1用户信息管理的实现
在本系统之中,为了保护用户的信息,管理员只能删除用户而不能修改用户的基本信息。
管理员可以添加商品的类别和配置商品的基本信息。
在通过查询订单功能时管理员可以对订单进行删除订单、受理订单。
下图为用户信息模块。
如图4-10所示。
图4-10用户信息模块
4.2.2订单信息模块的实现
管理员通过点击进入订单功能模块,可以查看所有的订单信息;当用户支付了商品这个时候管理员就可以修改订单的状态,将之改为受理订单;当用户收到商品之后管理员可以将删除该订单的信息也可以保留订单信息,如图4-11所示。
图4-11订单管理模块
4.2.3商品信息管理的实现
管理员可以通过添加商品来实现商品的部署,在实现商品添加之后向管理员返回一个友好的商品信息界面,在本页面之中可以清楚的看到商品的基本信息有商品名称、商品描述、商品属于的类别、市场价格、商品是否为特价商品,如果商品不是特价商品,在这里管理员可以直接修改状态将之改为特价商品、商品的剩余数量以及删除商品。
如图4-12所示。
图4-12商品信息管理模块
5系统测试
5.1软件测试
本家电交易系统测试使用的黑盒测试技术,所谓的黑盒测试技术就是对程序的每一个功能进行测试,在测试之中只关心是否能够达到最初的设计效果,它可以将系统功能是否出现数据上的漏洞的地方向测试者展示出来,本次测试主要测试的功能有如下几个。
(1)用户注册测试
(2)商品管理测试
(3)购物车测试
5.2测试结果
5.2.1用户注册测试
用户在注册的时候注册的信息有用户的用户名即用户登录时需要的账号,用户的密码,以及用户的个人基本信息包括用户的家庭地址、电子邮箱和联系方式等等。
对用户注册的测试数据有如下两个数据信息。
(1)liu、123、123、刘、南岸区、女、1580234、34488@、34488
(2)li、123、12、李、南岸区、男、1580234、34487@、34487
将第一组信息填入用户的注册页面之中,因为所填的信息时正确的用户注册信息,所以提交数据的时候本家电交易系统就会提醒用户注册成功,这个时候用户就可以通过刚才注册的信息进行登录本家电交易系统。
在使用测试数据二的时候,可以看见的是输入密码和重复输入密码是两个不同的字符,本系统会将这类的注册信息拦之门外即系统会弹出一个对话框提醒用户注册失败是由于两次密码不同而导致,这时用户就可以重新输入正确的信息然后在本家电交易系统上进行注册。
如图5-1,图5-2,图5-3,图5-4所示。
图5-1正确用户信息测试
图5-2正确用户信息的测试结果
图5-3两次密码不同的测试
图5-4两次密码不同的测试结果
5.2.2商品测试
1.管理员添加商品的测试
管理员首先进入添加商品的页面之中,这个时候就会出现下图之中的一个商品的添加页面,管理员就可以根据自己添加的商品是什么类型的进行一个选择商品类型,本次测试的数据以海尔冰箱为基础,将商品的类别选择为冰箱类,输入商品的名称:
海尔冰箱,商品的描述:
价格实惠,接下来就可以通过上传图片将本地的海尔冰箱的图片进行上传,可以根据市场的价格合理的配置商品的价格,以至于模拟市场,对商品也可以设置该商品是否为特价商品,如果想要设为特价商品这儿需注意的是特价商品的数值不能大于市场价格的数值,商品的数量暂时设置为10,配置完成后就可以提交商品。
如图5-5,图5-6所示。
图5-5添加商品
图5-6成功添加商品
2.管理员删除商品的测试
本次对28号商品进行接下来一系列的测试,通过选中28号商品的删除按钮进行点击,这个时候就会弹出一个对话框,询问是否删除商品,当然在这儿确定删除商品,点击确定之后系统会提示管理员删除商品成功,通过刷新页面,可以清楚的看到28号商品已经不存在本商品列表之中,说面删除商品的功能模块已经可以成功运行。
如图5-7,图5-8所示。
图5-7删除商品
图5-8成功删除商品
5.2.3购物车测试
取如下数据0、1、10对购物车中的购买的商品进行测试,当数量为0时这个时候不能添加到购物车,这也是为了防止用户的错误操作,所以只有将数据改为1的时候才能将商品添加到购物车的操作,在购物车中时可以把数量重新改为0,当数量为0的时候对应金额也会随之改变为0。
将数量改为10时,对应的金额改为21990。
测试结果取得了预期的效果。
如图5-9,图5-10,图5-11所示。
图5-9商品详情图
图5-10设置数量为0的图
图5-11设置商品数量位10的图