带cookie的购物车系统1.doc

JSP网上购物车系统学年设计计算机科学与技术学院课程名称：网站设计与管理实验分组姓 名：王明陆 白柳 马旭马旭专 业：计算机科学与技术班 级：计0810学 号：08040110012011 年 7月 3 日前 言jsp网上购物系统设计报告:随着互联网技术的迅速发展，网络已逐渐深入人心，更是成为继报刊、电视广播等传统媒体之后而兴起的一新传媒介质，网络宣传已成为众多宣传手段的重中之重，各种各样的网站也就应运而生：为宣传企业而制作的公司网站、可进行网上购物的电子商务网站、能及时了解到天下事的新闻网站、方便学习的教育网站，还有学校、团体、个人等等各大各小的网站，充斥着我们的视野，满足着我们的需要。网站的规划与建设，已悄然被许多人摆到了首要的迫在眉睫的位置上。当今的企业，如果仍然依靠传统的方式宣传自己企业的形象和文化、采购自己企业所需的原材料和配套部件、推销自己企业的产品，则显得十分落后而且难以适应激烈的市场竞争。因此，当代企业纷纷建立自己的网站，借助于互联网快速的信息传递加速自身的发展。一个企业网站的规划与建设，自然而然也就成了众多类型的网站规划与建设的典范；企业网站的规划与建设这一研究课题，也自然而然地成为当今乃至今后一段长时间内，企业内部和互联网上的一个相当重要的讨论对象。我这次毕业设计主要研究的就是企业网上购物系统在网络上的实现。 购物网站的规划与建设这一课题，是应用前景非常广阔的！它的解决方案不仅仅可以针对购物的网站，同样可以应用于多种多样的网站建设。 21世纪是信息化的社会，互联网实现了世界范围的网络间的互联和信息共享，并已全面介入人类生产生活的方方面面，带动着人类社会的飞速发展。企业产品的推销、企业形象的树立、企业文化的宣传，都靠着企业网站给着人们的头脑里的第一印象。网站做的好，企业自然受人们关注、受人们青睐；如果网站做的不好，企业的效益自然就会受到影响。 企业网站的规划与建设将是一个长久且受人关注的课题，人们将沿着这条研究网站建设的路越走越精彩一、网站功能的设计1、1网站功能分析经过前期的深入调查和研究，总结出该平台需要完成的一些具体功能，分析如下：用户管理 能够完成用户基本信息录入的注册和用户基本信息的个人前台与后台管理。管理员管理 能够完成管理员对网站的商品资料（添加大类、添加小类、商品添加、商品审查）、商品交易（外理订单、发货查询）、会员管理（会员审查）、操作管理（管理员添加、管理员审查、管理员退出）的功能。搜索功能 能过电子商品的名称，电子商品的分类进行搜索。查询功能 能够通过查看购物车对所选商品进行确定、挑选，通过定单查询对支付费用进行确定。1、2平台功能模块的设计在平台功能的分析基础上，得到本平台的功能模块图如下：JSP网络购物系统平台主要包括四大功能模块，用户管理、网站布局、管理员管理、搜索等功能模块。其中用户管理模块，主要包括用户注册、用户修改、用户删除等功能；管理员管理主要包括商品资料（添加大类、添加小类、商品添加、商品审查）、商品交易、会员管理、操作管理（管理员添加、管理员审查、管理员退出）等功能；搜索主要包括：商品名称、商品类别。JSP网络购物系统平台总体模块：JSP网络商城系统平台用户管理管理员管理网站布局搜索添加小类添加大类商品添加商品审查管理员添加管理员审查管理员退出会员管理操作管理商品名称商品类别商品资料用户删除用户修改商品交易1、3系统流程分析本系统分为前台购物流程和后台订单处理流程1、3、1前台购物流程图浏览商品选择商品订购商品去购物车去收银台提交订单未注册用户已登录注册用户未登录注册用户注册1、3、2后台购物流程图用户订单订单处理订单发货订单结账订单删除注册入口必选项为空？用户名有效？密码是否一致？密码符合要求？Email有效？其他信息有效？注册成功否否否否否否是否是是是是是1、3、3注册功能流程图 开始搜索输入条件搜索结果查看商品购物车下订单继续搜索是1、3、4商品搜索流程图查询用户是否存在登录入口取得用户名和密码将UserID存入session中核对密码是否正确登录成功是是否否1、3、5用户登录流程图商品管理查询商品修改，删除满意否返回添加商品是否1、3、6商品管理流程图1、3、7购物车流程图购物车查看商品满意否下订单调整商品是否二、数据库设计在本系统中数据库具体表结构的设计：2、1顾客基本信息表 User顾客信息表用来记录用户的一些基本信息，其结构如下表所示：编号字段名称数据类型说明1UserIDInt用户ID（主键）2UserNameNvarchar(50)用户登录名3PasswordNvarchar(50)用户密码4UserRealNameNvarchar(50)用户真实姓名5AddressNvarchar(50)地址6EmailNvarchar(50)电子邮件2、2商品信息表 Product商品信息表表示商品的基本信息，如下表所示：编号字段名称数据类型说明1ProductIDInt商品编号（主键）2ProductNameNvarchar(50)商品名称3ProductPriceDecimal价格4IntroNvarchar(50)商品介绍5CategoryIDInt所属分类编号 2、3商品分类表 Category商品分类表用来表示商品类别信息。其结构如下表所示：编号字段名称数据类型说明1CategoryIDInt商品分类ID（主键）2CategoryNamevarchar(50)分类名称3CnoInt分类编码4GradeInt分类等级5PidInt与上级分类ID对应2、4订单表 Orders订单表保存每笔订单的基本信息。结构如下表所示：编号字段名称数据类型说明1OrderIDInt订单号（主键）2UserIDInt所属用户ID3OrderDateDateTime成交时间4AddrVarchar(50)送货地址2、5订单详细信息表 OrderItems订单详细信息表体现订单的细则，结构如下表所示：编号字段名称数据类型说明1OrderIdInt所属订单号（主键）2ProductIDInt商品ID（主键）3QuantityInt该商品的购买数量4UnitCostDecimal该商品的单价2、6管理员信息表 Admin与用户信息表类似，管理员信息表用来保存管理员的基本信息，如下表所示：编号字段名称数据类型说明1AdminIDInt管理员ID2LoginNameNvarchar(50)管理员登录名3LoginPwdNvarchar(50)管理员密码2、7数据库的连接出于安全性的考虑，我们将与数据库的连接，单独写出来并进行编译，也就是数据库连接的javabean文件，编译出来的.class文件是无法被修改的只能通过源文件进行修改，我们在JSP页面中只用直接调用改方法即可，在本系统中我们将其命名为为.faq存放在class/ckstudio/db下设其id为mdb，我们在需要对数据库进行操作的时候只需在页面上添加这样一个标签即可。连接关键代码如下：Class.forName(sun.jdbc.odbc.JdbcOdbcDriver);定义驱动类型 String strDirPath=application.getRealPath(request.getRequestURI(); strDirPath=strDirPath.substring(0,strDirPath.lastIndexOf()+;得到数据库的存放路径 String url = jdbc:odbc:driver=Microsoft Access Driver (*.mdb);DBQ=+strDirPath+db.mdb; 定义连接地址Connection conn = DriverManager.getConnection(url);连接数据库 Statement stmt = conn.createStatement(); ResultSet rs = stmt.executeQuery(sql);返回操作结果三、网站各功能及代码展示3、1 主页面展示3.1主页面主页面代码展示 My JSP mainshow.jsp starting page 我的购物车 登陆 注册 管理员登陆 %List list = (List)session.getAttribute(mainshow_listcatagory);for(Iterator it = list.iterator();it.hasNext();) CataGoryPo cp = it.next();%a href=mainshow.do?method=showproduct&cid= alt=%int i = 0;List list1 = (List)session.getAttribute(mainshow_listproduct);for(Iterator it = list1.iterator();it.hasNext();) ProductPo pp = it.next();if(i%4=0) %String img = new String();if(pp.getPic()=null|pp.getPic().length()a href=product.do?method=proshow&proid=img width=200 height=200 src= 3、2产品详细信息展示3、2产品详细信息产品详细信息代码展示 凡客诚品#div1 top: 20px; left: 100px; width: 300px; height: 400px; padding: 5px; border: 1px solid #ccc; position: relative; #div1 .small_pic width: 300px; height: 400px; background: #eee; position: relative; #div1 .float_layer width: 75px; height: 120px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; #div1 .mark width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;#div1 .big_pic position: absolute; top: 20px; left: 350px; width:250px; height:250px; overflow:hidden; border:2px solid #CCC; display:none; #div1 .big_pic img position:absolute; top: -30px; left: -80px; function getByClass(oParent, sClass)var aEle=oParent.getElementsByTagName(*);var aTmp=;var i=0;for(i=0;iaEle.length;i+)if(aElei.className=sClass)aTmp.push(aElei);return aTmp;window.onload=function ()var oDiv=document.getElementById(div1);var oMark=getByClass(oDiv, mark)0;var oFloat=getByClass(oDiv, float_layer)0;var oBig=getByClass(oDiv, big_pic)0;var oSmall=getByClass(oDiv, small_pic)0;var oImg=oBig.getElementsByTagName(img)0;oMark.onmouseover=function ()oFloat.style.display=block;oBig.style.display=block;oMark.onmouseout=function ()oFloat.style.display=none;oBig.style.display=none;oMark.onmousemove=function (ev)var oEvent=ev|event;var l=oEvent.clientX-oDiv.offsetLeft-oSmall.offsetLeft-oFloat.offsetWidth/2;var t=oEvent.clientY-oDiv.offsetTop-oSmall.offsetTop-oFloat.offsetHeight/2;if(loMark.offsetWidth-oFloat.offsetWidth)l=oMark.offsetWidth-oFloat.offsetWidth;if(toMark.offsetHeight-oFloat.offsetHeight)t=oMark.offsetHeight-oFloat.offsetHeight;oFloat.style.left=l+px;oFloat.style.top=t+px;var percentX=l/(oMark.offsetWidth-oFloat.offsetWidth);var percentY=t/(oMark.offsetHeight-oFloat.offsetHeight);oImg.style.left=-percentX*(oImg.offsetWidth-oBig.offsetWidth)+px;oImg.style.top=-percentY*(oImg.offsetHeight-oBig.offsetHeight)+px;查看全部商品 我的购物车 登陆 注册 管理员登陆 商 品 展 示 %String img = new String();if(pp.getPic()=null|pp.getPic().length() img src= width=300 height=400/ img src= / 商品名称：商品价格：商品描述：商品种类：a href=joinshopcar.jsp?productid=3、3 购物车界面展示3、3 购物车界面购物车界面代码展示 My JSP mainshow.jsp starting page 我的购物车 登陆 注册 管理员登陆 返回    清空购物车    结算图片商品名称商品价格商品描述商品种类商品上架时间从购物车中删除%List list1 = (List)session.getAttribute(shopcarlist);for(Iterator it = list1.iterator();it.hasNext();) ProductPo pp = it.next();/*a href=product.do?method=proshow&proid=%String img = new String();if(pp.getPic()=null|pp.getPic().length()img width=60 height=60 src=a href=deleteshopcar.jsp?pid=删除 五、系统测试5、1 系统关键部分测试分析 系统完成之后，对各个模块的功能进行了详细的测试，输入数据和预测输出数据相比，发现了一些问题。主要是在查询过程中预计查询结果和实际结果不一致，有时候达不到目的，对数据库的操作表之间的关联考虑得不够周到，因此往往会出现一些小的错误。还有查询条件的前后数据类型不一致也是一个很常见的错误，需要靠一步步的查找解决。各个模块组装完成后，又会出现一些问题。比如在操作购物车结帐的这个流程中，由于是多次添加和修改，最后结帐，所以很容易造成数据混乱，必须对相应的数据关系理清楚，一些关键查询统计的SQL语句必须反复斟酌才能放在程序中使用。 5、2 单元测试分析（1）经过上面部分的分析，我们可以得知，购物车模块是我们需要特别注意的地方，因为它涉及到了我们数据库中的大部分数据，并且是进行网上交易的最关键部分，绝对不能出现任何的差错，下面我们就针对这一模块进行用例测试：我们以用户jikou的身份登入系统，用户名是：jikou 密码是：1234然后点击定购商品：诺基亚6100 单价为3800元 弹出购物车清单：选择商品数量 2 确认 出现清单：显示商品名称 诺基亚6100 数量2 合计 7600元与我们估算的数据相符。此时选择清空购物车，继续购物，点击定购商品：摩托罗拉v70 单价为2500元选择数量3 确认，出现清单：显示商品名称 摩托罗拉v70 合计7500元 继续选择收银台结帐，出现帐单显示：显示商品名称 摩托罗拉v70 合计7500元 与我们估算的数据也相符，证明清空购物车的功能正常有效，并没有将我们第一次选购的物品计算在内，价格的计算也正确无误。下面我们来看后台数据库的数据：打开购物车表basket 我们可以看到以用户名jikou为关键字段的两条记录中，一条是我们第一次添加到购物车的商品信息，一条是第二次添加到购物车的商品信息，我们可以发现这两条记录的区别，第二条记录摩托罗拉的basket_check属性为是，subnumber属性为jikou2006151252，而第一条诺基亚6100 的basket_check属性为否，subnumber属性为空，证明该条记录没有产生订单也就是说这次无效的选购记录，并没有被计入到帐单中，和我们的预期目标一致，即该部分功能正常，测试完毕。（2）对用户注册部分进行测试用户名：jikou 密码：123456 确认：123456 E _mail：地址：河南郑州 邮编：450002 真实性名：付立夫提交以后，弹出提示信息：该用户已存在，用户名重复验证正常将用户名改为：几个空格 然后其他的不变提交之后我们会发现系统返回成功页面，但问题是用户名什么也没有，空格也被作为合法的用户名，这在实际应用中是不允许的，我们需要对其命名规则进行定义，具体修改请参看后面