杯子销售网站动态网页设计课程设计Word文件下载.docx

1、同时培养学生进行分析问题、解决问题的能力；培养学生进行设计分析、设计方法、设计操作与测试、设计过程的观察、理解和归纳能力的提高。第2章 实训设计内容2.1开发背景简述 这次设计实现了一个网上杯子购物网站。网络购物中心所承载的信息量大、购物流程比较繁琐，而且互联网中日益肆虐的黑客和病毒对网络的安全性提出了更高的挑战。开发出的网络购物中心系统基于mysql数据库，采用JSP进行开发，具有很高的稳定性和安全性。网络购物中心真正实现了在Internet上的经营销售，从而使其获得更大的市场机遇及经济效益，很大程度地提高了企业的核心竞争力。 这个网上杯子销售系统所需要的功能从用户角度进行划分，可以分为前台

2、用户功能和后台管理功能。用户功能主要提供给购物的用户使用，包括用户的注册、登录，购物车，查看订单等；后台管理功能主要提供给系统的管理人员使用，包括对用户、商品、订单的管理。 在网站设计中，管理员完成对网站的维护与管理的工作。使用数据库中权限的功能对管理员设置权限，管理员可以对商品信息进行新增，修改及删除，也可以对订单信息进行处理，同时管理员也可以对用户信息进行管理。2.2 系统设计内容根据上面的需求分析，需要设计出杯子销售网站的前台与后台。用户在前台所浏览的内容，网站的后台需要能相应的做出更新或修改。根据以上的想法，设计出网站的功能：1）前台用户相关功能主要包括：用户注册、登录；购物车；订单查

3、询；个人资料修改；发布留言。2）后台管理相关功能主要包括：添加商品；处理订单；查询用户信息；添加连接；管理公告信息。将以上这些功能制作成网页以后，在其中分别互相建立连接，基本完成商城及用户对网站的要求。2.3需求分析2.3.1系统逻辑设计杯子销售系统的总体E-R图：图2.1杯子销售总体E-R图表 2.1管理员表字段名称字段名字段类型字段值是否可空管理员帐号MidVarchar20否管理员密码Mpwd表 2.2杯子信息表杯子IDidInt9杯子名称Name10杯子属性add表 2.3会员信息表会员帐号int15会员密码pwd会员电话tel会员邮箱email30会员生日day会员积分fen2.3.

4、2 系统功能需求分析 层次模块结构是将系统划分为若干子系统，子系统下再划分为若干的模块。而模块是指具备有输入输出、逻辑功能、运行程序和内部数据四种属性的一组程序。在结构化系统设计中，模块一般都是按功能划分的，通常称为功能模块。合理的功能模块的划分能够极大限度地减少重复劳动、提高开发工作的效率并增大系统的可维护性。以前面的系统分析为基础，将系统分为两大模块，即前台模块和后台模块。功能结构如图2.2所示。图 2.2功能模块图前台业务主要面向客户。用户可以浏览网站主页、杯子商品的介绍和一些服务信息。前台业务流程如图2.3所示。图 2.3 前台业务流程图在网站设计中，管理员完成对网站的维护与管理的工作

5、。使用数据库中权限的功能对管理员设置权限，管理员可以对商品及商品分类的信息进行新增，修改及删除，也可以对订单信息进行查看、撤销、发货、完成等处理，同时管理员也可以对用户信息进行管理。流程图如图2.4所示。图 2.4后台业务流程图2.4系统实现2.4.1 系统的详细设计 前台模块主要为登陆网站的用户提供商品和服务的信息，填写并提交订单的服务。这样，将前台模块再细分为用户管理模块、订单查询模块、购物车模块、修改个人资料模块、留言板模块。顾名思义，这些模块的名称基本概括了它们的功能。下面详细说明一下这些功能模块的设计：（1）用户管理模块：为了方便于网站的管理，必须由一套完整的用户管理体系。该网站用户

6、管理模块主要实现用户的注册、登录、找回密码3方面功能。（2）购物车模块：在超市购物，可以根据自己的需要将很多种商品挑选至购物车或购物篮中，然后到收银台结款。而在网上虚拟的商城中，当然没有办法使用真正的购物工具，因此，通常都会采用一种被称为“购物车”的技术来模拟现实生活。在网上商城中，所选商品须通过购物车进行暂存，然后生产订单。这种技术使用起来十分方便，不但可以随时添加、查看、修改、清空购物车中的内容，还可以随时去收银台结款。（3）订单管理模块：用户提交订单后，通过产生的订单号查询订单信息及执行状态。只需要根据用户录入的订单号在数据表中查询处对应的货品信息即可。（4）个人资料管理模块：用户资料修

7、改时为用户更改个人信息所提供的窗口，为了保护用户信息部受非法侵害，用户只有登录网页后才有权限修改个人资料。这样，子模块各自的内容基本设计好。下面可以设计如何将这些模块组织在一起，构成一个结构比较合理的前台了。除了在主页中建立面向其他模块的链接外，也要在其他模块中建立返回主页面的链接。另外各个模块间也应该互相链接起来。2.4.2后台管理模块的功能模块设计后台管理模块的功能是对站内的资源进行管理和维护。以后台的业务流程分析和前台各个模块的设计为基础、根据用户的需求分析来确定后台管理模块应具有的功能。后台管理模块的各个子功能模块如下：管理员身份验证模块：为合法用户提供一个后台入口。该模块的功能是对管

8、理员身份进行能够验证。用户输入登录ID和密码后，系统将判断登录ID及密码的有效性，如果通过验证则状态后台主页，反之则提示错误。登录页面如图2.5所示。图 2.5 管理员登录页面运行结果2.4.2.1个人资料修改模块个人资料修改时为用户更改个人信息所提供的窗口，用户只有登录网页后才有权限修改个人资料信息。个人资料修改模块在前台主页的导航条上，单击“修改资料”链接，进入用户资料修改页面，该页面主要用户修改用户信息。用户资料修改页面如图2.6所示。图 2.6个人资料修改页面运行结果个人信息修改完毕后，要将修改后的数据信息更新到注册数据表中，单击“修改”按钮，如果提交的数据无误，将弹出“数据更新成功”

9、的消息对话框；否则将弹出“更新失败”的消息对话框。2.4.2.2购物车模块购物车模块中，主要包含以下几个功能，即：添加购物车、查看购物车、生成订单和清空购物车。购物车页运行结果如图2.7所示：图 2.7购物车页面运行结果1）添加购物车添加购物车就是把用户选中的商品暂时存放在购物车中，当用户在前台首页中单击商品展示区的“购买”按钮时，系统会将该商品的详细信息展示在查看物品清单页面中。用户在单击物品清单页面下方的“放入购物车”链接，便可以将该商品放入购物车中。2）查看购物车为了方便用户随时查看购物情况，在网站的首页加入了查看购物车的链接，通过它可以将用户所有选中的商品信息放入购物车中显示出来。并需

10、要单击“修改”按钮来更新购物车中商品的数量。系统每次只会将1个商品放入购物车中，如果用户需要多个同种商品，可以通过修改商品信息右侧相应文本框的值来完成。操作完成后需要通过单击“修改”按钮来保存操作。2.4.2程序源代码1. 登录如果用户已经是该网站的会员，则只需在“用户名”和“密码”文本框中输入相应的用户名和密码，最后单击【提交】按钮即可进入会员购物界面。2. 注册如果用户是首次登录，需要先注册，然后才能以会员的身份登录进入网站购物。单击【免费注册】按钮，进入会员注册界面。在“会员名称”、“会员密码”、“确认密码”、“头像”的文本框内输入相应的内容，最后单击【提交】按钮，系统会给予“注册成功”

11、的提示字样。进行确认后即完成注册。代码如下：table width=80% height=90 border=0 align=center cellpadding= cellspacing= td width=39%20div align=right用户名：/div/td61%input name=name type=text size=13/trtd height=密 &码：tdpasswordtr align=27input type=submit name=Submit3 value=登录2382%77% td bgcolor=#FFFFFF class=linkBlacka

12、href=member/memberRegister.jsp注 & 册/table/form 3.购买商品单击首页上方的“新品上架”或者“特价商品”，即可查看相应的商品信息。单击商品的【查看详细内容】按钮即可显示商品的详细信息，如果会员想购买此商品，单击【放入购物车】按钮便可以继续购买商品。如果购物结束，则单击“查看购物车”按钮，进入购物车界面。form method=cart_modify.jsp96%1 bordercolor= bordercolordark=#819BBC bordercolorlight=16%28序号23%商品的名称22%商品价格商品数量17%总金额%float s

13、um=0; Vector cart=（Vector）session.getAttribute（cart）; for（int i=0;i%=i+1%=dao.selectOneGoods（new Integer（form.ID）.getName（）%=form.price%元num7%=form.number% onBlur=check（this.form）%=form.number*form.price%script language=javascript!-function check（myform）if（isNaN（myform.num.value）| myform.num.value.i

14、ndexOf（.,0）!=-1）alert（请不要输入非法字符myform.num.focus（）;return;if（myform.num/script%如果同一种商品要购买多个，只需在“商品数量”的文本框中修改相应的数量，然后单击【修改数量】按钮即可。最后单击【发送订单】按钮，在弹出的对话框中输入收货信息，点【提交】按钮即可。2.5测试分析对于我的杯子销售系统我进行的测试分如下：表2.4网站对数据库的访问和更新测试用例用例名称网站对数据库的访问和更新测试用例ID1用例描述当客户登录到网站后会浏览杯子商品、链接等信息。这些信息都是来自管理员对后台数据库的更新和维护。我们要测试的是管理员通过后

15、台是否对数据库进行了修改，并且修改后是否能相应、如实地在前台显示出来。测试方案管理员在后台添加一条商品信息，首先查看数据库中的数据是否有相应的变化，然后登录网站的前台看前台中显示的信息是否会相应改变。输入数据在添加商品模块中添加一条商品信息，数据如下：商品名称：情侣杯 商品价格：99 。展示图片：images/002.gif 预期结果在添加的商品信息被提交后，打开mysql数据库说明管理员对网站数据库的访问和更新是成功的。表2.5对客户修改资料的检测对客户修改资料的测试2在系统设计时，设计员需要考虑到用户可能会进行什么样的操作。这个测试是检查客户修改资料的容错功能。客户在填写在修改资料时少填写

16、一项内容，如没有填写联系电话。观察系统是否会发觉并给出提示，或者接受订单。陈琪 密码：77 Email：56546353 联系电话：6545655 找回密码问题：生日？ 问题答案：8412点击提交后，系统弹出提示框“更新失败请与管理员联系”。同时，没有将信息添加进数据库中。第3章 实训总结这次设计实现了一个网上杯子购物网站。 本系统还只是自己设计的初级的网上杯子销售，技术还不是很成熟，但是基本的功能都已实现。实现的功能和不足主要有以下两点：（1） 用户的注册、登陆、取回密码，均以实现，但是表单的验证还不完善，当输入的字符为标点是就会出错。登录时没有设置登录次数容易出现恶意猜解密码的现象。（2）

17、 会员设置上有想法，希望通过消费额来设置会员的等级，并每一等级有不同的折扣值，或者可以通过购买数量来给予不同的折扣。但是这些功能还没有实现，将是我下一步的设计目标。通过本次课程设计，我又加深了对软件工程的理解，对于JSP等相关技术也有了进一步的掌握。在这个过程中，也培养了我自己独立思考问题、解决问题的能力。通过实际的锻炼，进一步加深了对理论知识的理解。在完成论文的过程中学到了许多东西，也培养了独立工作与学习合理安排相互调节的能力，相信会对今后的学习工作生活有巨大而重要的影响 参考资料1 裴树军,张仁伟.基于JSP的动态WEB技术设计. 哈尔滨理工大学学报2 杨青,JSP的主要技术特点分析. 电

18、脑与信息技术.19993 曹淑琴,JSP技术的网站建设.华北科技学院学报.20034 吴玉新. JSP后台解决方案. 北京：人民邮电出版社.20035 贾素玲，王强.JSP应用开发技术.北京：清华大学出版社. 20086 张新曼，精通JSPWeb开放技术与典型应用.人民邮电出版社.20077 孙平安,再谈基于Web的高校成绩学籍管理系统的设计.福建电脑.2007 8 孙丽，清宏计算机工作室,JSP编程技巧,机械工业出版社.2001 9 段永红,李春海.基于JSP的网站建设. 电脑开发与应用.200010 黄明,粱旭.JSP信息系统设计与开发实例.北京：机械工业出版社.200311 刘禾,蔡锋.精通jSP架站技巧.北京：中国青年出版社.2002