网上购物完整版本

PAGEPAGE2综合实验报告(2010--2011年度第二学期)名称：网络软件程序设计题目：网上购物院系：信息工程系班级：网络08k1学号：学生姓名：指导教师：鲁斌朵春红设计周数：1周成绩：日期：2012年1月3日PAGE14《网络软件程序设计》课程设计任务书一、目的与要求任务：编写一个网上购物系统，可以按照需求购买指定类型和数量的商品。目的：使学生加深对网络软件程序设计中WEB程序设计基本概念、基本原理的理解，熟悉动态网页程序设计的主要方法，拓宽学生的知识领域，锻炼学生的实践技能，培养学生科学的工作作风。要求：自定商品领域，如书籍、服装、电子产品等，选定1个领域即可；功能完善，界面美观，方便易用，操作无误；通过课程设计学生应该学会网络软件程序设计的主要方法和技巧，具备初步分析、设计和开发网络应用软件的能力，具备分析与检查软件错误、解决和处理实验结果的能力。学生人数：1人。二、主要内容购物系统将通过一个数据库存储所需的信息，数据库文件不妨取名为“购物广场.mdb”。该数据库包含的数据表有：(1)商品分类表：将商品分为几大类，让该表存储各大类的信息；(2)商品陈列表：显示各类商品的具体说明等；(3)客户档案表：详细记载客户名称、Email地址等信息；(4)交易表：记载客户选购的各种商品信息，如商品编号、商品名称、数量、价格等。网上购物系统处理流程如下：首先，让客户从主页中选择一种商品类型；然后，从商品选购页中挑选自己所需的商品放入购物车中；核算出客户选购的商品总金额，并让客户确认、放弃或返回继续购物；若为注册用户，则产生订货单，否则，提示先进行注册。三、进度计划序号设计内容完成时间备注1任务布置，资料查询，方案制定周一2算法设计，程序实现周二至周四3撰写报告，软件验收周五4四、设计成果要求完成规定的课程设计任务，所设计软件功能符合要求；完成课程设计报告，要求格式规范，内容具体而翔实，应体现自身所做的工作，注重对设计思路的归纳和对问题解决过程的总结。五、考核方式平时成绩＋验收答辩＋实验报告；五级分制。学生姓名：指导教师：鲁斌朵春红2012年1月3日一、综合实验的目的与要求任务：编写一个网上购物系统，可以按照需求购买指定类型和数量的商品。目的：使学生加深对网络软件程序设计中WEB程序设计基本概念、基本原理的理解，熟悉动态网页程序设计的主要方法，拓宽学生的知识领域，锻炼学生的实践技能，培养学生科学的工作作风。要求：自定商品领域，如书籍、服装、电子产品等，选定1个领域即可；采用ASP或其它语言实现，后台数据库使用Access或其它网络数据库；功能完善，界面美观，方便易用，操作无误；通过课程设计学生应该学会网络软件程序设计的主要方法和技巧，具备初步分析、设计和开发网络应用软件的能力，具备分析与检查软件错误、解决和处理实验结果的能力。学生人数：1人。二、综合实验正文建立数据库数据库是实现网上购物的关键，为了方便把数据库命名为123.这里存储了注册用户的个人资料信息，物品信息，管理员信息，开发系统负责人的信息，帮助信息，订单信息，支付信息等等，具体表格如下：company本表比较简单，只是介绍了系统的名字（sitename），以及开发人的具体信息以及联系方式（Adm_mail、Adm_tel、Adm_address、Adm_qq），包括了版本号（id）为了以后升级的方便，还定义了显示新增物品的个数和推荐物品的行数列数（promt_row、promt_num、new_row、new_num）。idSitenameSiteUrlAdm_mailAdm_AddressAdm_telAdm_qqServicePrompt_rowPrompt_numNewprod_numClass_numSearch_num1学习版necpu443089084@华北电力大学15176217846443089084studywork44344Faq本表主要是对用户可能存在的问题进行编号（id）并且显示在网页上并且给出了答案（class、query、answer、online）而且定义了问题添加时间（addtime）。IdClassQueryAnswerOnlineAddtime4商品问题如果我对商品不满意，可不可以退或更换？您在收到商品一个星期内，如商品有质量问题，或者您对所购商品不满意（商品不损不污）可退换货Yes2011-6-236商品问题关于商品的保修？本站所出售商品，均经过测试也全部提供保修服务，保修期限视具体商品而定。Yes2011-6-2318登录问题密码忘记了怎么办？如果你忘了你的登陆密码，请联系网站管理员Yes2011-6-2319配送问题如何选择配送公司我们选择最好的物流公司送货Yes2011-6-2320配送问题多少天到货看公司好坏,大城市3天左右到货Yes2011-6-23OrderDetail本表定义了用户购买物品后生成的订单的详细信息。包括订单序号（id）,订单号码（ordernum），用户号码（userid），产品编号（proid），产品名字（pronum），购买价格（buyprice），订单时间（ordertime）。IDOrderNumUserIdProdIdProdNameProdUnitBuyPriceOrderTime11061218-154219123456１１１120002006-12-1812061218-15421912345623655232006-12-1813061218-154219123456242341232006-12-18OrderList本表定义了订单列表的信息。包括订单编号（id），订单号码（ordertime），用户号码（userid），订单时间（ordertime），订单价格综合（ordersum），支付方式（paytype），接受人姓名（recname），接受人地址(recaddress)，接受人电话号码(recphone)，接受人电子邮件（recmail）。IDOrderNumUserIdOrderTimeOrderSumPayTypeRecNameRecAddressRecPhoneRecMail13061218-1557241234562006-12-182138支付宝网上支付123456济南85314000bjrzny123@126.com14061218-1636591234562006-12-182000支付宝网上支付123456济南85314000bjrzny123@126.comOrderStatustype本表定义了订单的一些状态信息。包括新订单、自行取消、无效单，被取消、已确认，待结款、已发货，待收货、订单完成。StatusStatusDefine0新订单11自行取消12无效单,被取消2已确认，待结款3已发货，待收货99订单完成Paydefault本表定义了用户购买物品选择的支付方式（paytype），以及选择货到付款和使用支付宝付款的说明（paymentmessage），支付标记确定是否付款（paymark），以及连接到支付界面（payurl）。IDpaytypepaymentmessagepaymarkpayurlPayKeyStoreIDIsOpen37货到付款济南地区才可以支持货到付款00Yes57支付宝网上支付使用支付宝说明1Alipay_send.aspiee1vli8gwa1ga0h10q73yzyeuggtaojbjrzny123d@126.comYes58NPS网上支付无需购买者支付交易手续费，支付快捷安全。1Nps_Send.asp123456782051011002YesProdClass本表定义了用户搜索时一些关键字。ClassIdLarSeqLarCodeMidSeqMidCode61电脑配件1声卡72游戏周边1鼠标82游戏周边2键盘91电脑配件2鼠标101电脑配件3耳脉111电脑配件4鼠标垫123手机0apple134apple配件0充电器143手机0htc153手机0诺基亚164apple配件0ipadProdMain本表定义了物品的详细信息，包括了物品号码（prodnum），物品编号(prodnum)，物品名字（prodnum），物品价格（pricelist），物品初始价格（priceorigin），物品图片（imgprev），物品简单介绍（proddisc），物品所属类型还有查找类型（searchtype）。ProdNumProdIdProdNameModelPriceListPriceOriginImgPrevProdDiscLarCodeMidCodeSearchType80001ipad01￥2,000￥0.00ipad.jpgapple公司生产apple配件声卡011,03290002ipone02￥5,000￥0.00iphone.jpgapple公司生产手机手机026,03170003声卡03￥500.￥0.00声卡.jpg声卡电脑声卡012,022,02350004鼠标垫04￥5￥0.00鼠垫.jpg鼠标垫电脑键盘011,014,02160005鼠标05￥25￥0.00鼠标.jpg鼠标电脑鼠标013,023SearchType本表定义了查找类型包括按产地，品牌，价格范围等等。IDLarCodeSearchNameTypeNoSearchContainOther12产地01北京|南京|深圳|保定3品牌02佳能|索尼|联想|方正|惠普|apple4价格03大于2000|1500-2000|500-1500|小于5002系统设计根据用户需求，普通用户可以如下操作：普通用户功能区注册登录浏览，查询本系统上架的商品购买本系统上架的商品注册后更改个人信息查看自己的订单退出登录根据管理员需求，普通用户可以如下操作：管理员功能区产品管理订单管理站点配置FAQ管理支付类型管理系统清理管理权限设置密码修改2.1.1系统框架该系统设计流程是：首先创建数据库，再设计该系统的功能，然后编写源代码实现系统的功能，然后编写源代码实现系统功能，并在表示层制作与用户对话界面，将系统上传到Internet进入应用层后，用户使用该系统。该流程对应的框架为：数据层——设计数据服务——配置系统信息——表示层——应用层——用户接口层。系统总体框架图如图2.1所示：数据层数据层设计数据服务设计数据服务配置系统信息配置系统信息表示层表示层应用层应用层用户接口层用户接口层图2-1系统总体框架2.1.2系统功能模块设计系统主要功能如下所示。用户管理功能，可以浏览物品信息，查询订购记录。用户注册功能。用户登陆功能。搜索功能，可以进行不同方式的搜索。购买物品功能。用户修改注册信息功能。系统主要包括两大模块，其中前台系统功能模块如图2.2所示。网上购物系统前台网上购物系统前台用户注册模块查看物品分类信息查看订单内容显示找回的密码检查并保存用户注册信息用户注册找回密码查看订单记录查看个人资料修改个人信息用户登录检验登录信息找回密码模块用户登录模块在线购买物品模块退出系统模块查看物品分类列表信息查询物品信息查询物品详细信息生成订单把物品放入购物车填写物品配送信息用户管理模块用户退出登录状态图2.2前台系统功能模块2.1.3公用模块此模块属于系统的公用部分，系统中任何页面需要此模块直接调用即可。此模块包括数据库连接文件（conn）、层叠样式表文件（css）、常量文件（inc）、脚本文件（js）、音乐文件。此模块负责与数据库的连接、定义页面风格、进行数据转换。可以将这些代码放在一个个文件中，这样减少了源代码，也可以整个系统紧凑有序。2.14前台系统功能模块此模块实现了普通用户和管理员区的所有功能。系模块由用户注册模块、找回密码模块、用户登录模块、用户管理模块、在线购买模块、和退出模块组成。2.2总体设计2.2.1总体结构公用模块数据库连接界面conn.asp、层叠样式表cycoo15.css、admin.数据转换页面upload_5xsoft.inc均为公用界面，其他页面可以直接调用它们。前台系统功能模块页面流程图如图2.3所示。网上购物首页网上购物首页用户登录物品分类信息物品分类列表物品详细信息购物车检验用户购买信息购买物品用户注册找回密码检验用户注册显示找回密码成功个人资料页修改个人信息查看订单记录退出系统检查用户登录查看订单内容图2.3前台系统功能模块页面流程图2.2.2各页面功能分配Index.asp网上购物系统首页，在线购物框架。Conn.asp数据库连接的基本信息。Helpcenter.asp帮助中心页面。Userlogin.asp用户注册页面。Userlogout.asp用户注销页面。Type.asp商品类型信息。Search.asp查找物品信息。My_order.asp用户订单信息。My_order_detai.asp用户订单详细信息。My_info.asp用户个人信息。My_info_detail.asp用户个人详细信息。Reg.asp注册页面。Quit.asp退出界面。Upload_5xsoft.inc常量文件。等等。2.2.3用户购买物品流程。网上购物首页网上购物首页生成订单挑选物品填写配送信息放入购物车登陆或注册管理员普通用户图2.4用户购买物品流程图2.3代码实现由于代码比较多，现摘录重要代码注释如下：conn.asp<%setconn=server.createobject("adodb.Connection")connstr="provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath(DB)conn.Openconnstr%>2reg_detectname.asp<%UserId=replace(request("UserId"),"'","’")ifUserId<>""then '开始检测是否已有此用户 setrs=Server.CreateObject("ADODB.Recordset") sql="SELECT*FROMUserMainwhereUserId='"&UserId&"'" rs.opensql,conn,1,1%><% ifnot(rs.Boforrs.eof)then message="<fontcolor=red><b>对不起！</b><br><br>该登录账号已经有人使用<br><br>请选择别的登录账号!</font>" else message="<fontcolor=red><b>恭喜您！</b><br><br>该登录账号目前暂无人使用</font>" endif rs.Close setrs=nothingelsemessage="<fontcolor=red><b>对不起！</b><br><br>请您填写账号</font>"endif%>config.asp<ScriptLanguage="JScript"Runat=Server>$UBBCode=1//打开或关闭UBB代码功能.0(关闭).1(打开)$imglink=1//同样的是为了打开或关闭帖图功能$html=1//同样的是为了打开或关闭HTML功能$Smilies=1//同样的是为了打开或关闭表情功能functionAutolink(temp){temp=patch(temp);temp=Smilies(temp); if(!$imglink){ temp=temp.replace(/(http:\/\/)([\w\+\-\/\=\?\.\~]+\.(jpg|gif|pcx|bmp))/ig,"<HRSIZE=1Noshadewidth=100%align=\"left\"><imgsrc=\"\/\/$2\"alt=\"$2\">");}if(!$UBBCode){//UBB代码的支持，这里仅仅提供了一些常用的代码。 temp=temp.replace(/(^|\s)(http|https|ftp)(:\/\/[^\";,<>]+)/ig,"<ahref=\"$2$3\"target=_blank>$2$3</a>"); temp=temp.replace(/([^\//]])(www\.[^\";,<>]+)/ig,"<ahref=\"http:\/\/$2\"target=_blank>$2</a>"); temp=temp.replace(/(^|\s)(www\.[^\";,<>&]+)/ig,"<ahref=\"http:\/\/$2\"target=_blank>$2</a>");temp=temp.replace(/(\[URL\])(http|https|ftp)(:\/\/\S+)(\[\/URL\])/ig,"<AHREF=\"$2$3\"TARGET=_blank>$2$3</A>");temp=temp.replace(/(\[URL\])(\S+)(\[\/URL\])/ig,"<AHREF=\"http:\/\/$2\"TARGET=_blank>$2</A>");temp=temp.replace(/(\[URL=)(http|https|ftp)(:\/\/\S+)(\])(.+)(\[\/URL\])/ig,"<AHREF=\"$2$3\"TARGET=_blank>$5</A>");temp=temp.replace(/(\[URL=)(\S+)(\])(.+)(\[\/URL\])/ig,"<AHREF=\"http:\/\/$2\"TARGET=_blank>$4</A>"); /* temp=temp.replace(/(\[IMG\])(\S+)(\[\/IMG\])/ig,"<HRSIZE=1Noshadewidth=100%align=\"left\"><imgsrc=\"$2\"alt=\"$2\">"); 注释掉了贴图功能！*/temp=temp.replace(/(\[code\])(.+)(\[\/code\])/ig,"<BR><BLOCKQUOTE><strong>Code</strong>:<HRSize=1>$2<HRSIZE=1><\/BLOCKQUOTE>");temp=temp.replace(/(\[COLOR=)(\S+)(\])(.+)(\[\/COLOR\])/ig,"<FONTCOLOR=\"$2\">$4<\/FONT>"); temp=temp.replace(/(\[FACE=)(\S+)(\])(.+)(\[\/FACE\])/ig,"<FONTFACE=\"$2\">$4<\/FONT>"); temp=temp.replace(/(\[SIZE=)(\S+)(\])(.+)(\[\/SIZE\])/ig,"<FONTSIZE=\"$2\">$4<\/FONT>");temp=temp.replace(/(\[list\])(.+)(\[\/list\])/ig,"<ULTYPE=SQUARE>$2<\/UL>");temp=temp.replace(/(\[i\])(.+)(\[\/i\])/ig,"<I>$2<\/I>");temp=temp.replace(/(\[\*\])/ig,"<LI>"); temp=temp.replace(/(\[b\])(.+)(\[\/b\])/ig,"<b>$2</b>"); temp=temp.replace(/(\w+\@\w+.[\w.]+)/ig,"<ahref=\"mailto:$1\">$1</a>");}return(temp);}functionSmilies(temp){if(!$Smilies){temp=temp.replace(/\:\)/ig,"<imgsrc=\icons\/smile.gifALIGN=absmiddle>");temp=temp.replace(/\:\(/ig,"<imgsrc=\icons\/frown.gifALIGN=absmiddle>");temp=temp.replace(/\:D/g,"<imgsrc=\icons\/biggrin.gifALIGN=absmiddle>");temp=temp.replace(/\<\;\)/ig,"\<\;\)");temp=temp.replace(/\>\;\)/ig,"\>\;\)");temp=temp.replace(/\;\)/ig,"<imgsrc=\icons\/wink.gifALIGN=absmiddle>");temp=temp.replace(/\:o/g,"<imgsrc=\icons\/redface.gifALIGN=absmiddle>");