毕业设计（论文）-网上商城的设计与实现.doc

网上商城的设计与实现目 录一、系统命题2二、系统特点简介2三、操作平台与配置安装说明21、IIS Web站点的建立：22、浏览2四、毕业设计网页流程图2五、分析说明书2六、系统设计21.设计说明22详细设计说明21）文件设计22）数据库设计23后台功能说明21）商品管理系统22）用户管理系统23）分类管理24）信息管理25）常规设置，其它设置24主要模块说明21）商品大类管理的系统。22）查看修改商品系统2七、主要页面展示2八、程序调试报告2九、总结2十、参考文献2一、系统命题本系统：流行前线网上商城(以下简称为：网上商城系统)。二、系统特点简介网上商城系统采用前、后台系统的结构进行开发，前台系统主要为用户提供浏览和交互的动态界面，后台系统主要为网站的系统管理员服务，提供更新网站前台系统等手段。三、操作平台与配置安装说明1、 IIS Web站点的建立：这次系统设计在IIS模式下运行。首先安装IIS软件控制面板添加或删除添加新程序中安装IIS软件。建立一个WEB站点，配置IP地址，TCP端口，主目录，默认文档等设置。2、浏览把系统设计的文件夹放到IIS的文件夹下（C:Inetpubwwwroot）给本地连接配置一个IP地址。例如：5。如果有路由器，还要配置一个网关。然后在IE中输入以上的IP地址就可以浏览了。四、毕业设计网页流程图以下就是我这次网络商城系统的流程图：主页商品画面 查询画面用户登录画面后台管理画网络商城主页商品管理信息管理分类管理用户管理常规管理用户注销查看/修改个人资料修改密码用户中心前台用户管理后台用户管理用户广播设置VIP资格设置送货汇款设置修改登录密码添加商品管理订单修改商品大类管理小类管理添加新闻修改/删除新闻商品分类用户注册用户登录统计信息积分系统订单查看购物车高级查询简介查询品牌查询名称查询五、分析说明书这次的网页商城系统主要是采用ACC来做后台数据库，用FrontPage2003 、Dreamweaver MX两个网页编辑软件来对这次的商城系统进行框架，文字，页面模板的编辑。再根据网页的需要用TXT文本文件对网页进行细致修改，根据连接数据库，网络特效，而采用了多种计算机语言来编写，分别有ASP、HTML、JAVA。而在这次商城系统的设计中，我也在网页中加入了不少的美工，通过颜色的搭配和模板的设计来美化网站的前台页面，在这次的主页面模板设计中，主要运用了PHOTOSHOP，FLASH来完成这些工作。 在后台方面，也经过细心的调整和编写，在经过多天的反复试验，并从许多书籍，教程中参考，学习，来减少了后台和数据库方面的错误。（备注：这次系统设计在IIS模式下运行。首先安装IIS软件控制面板添加或删除添加新程序中安装IIS软件；其次把系统设计的文件夹放到IIS的文件夹下（C:Inetpubwwwroot）给本地连接配置一个IP地址。例如：5。如果有路由器，还要配置一个网关。然后IE中输入以上的IP地址就可以浏览了。）六、系统设计1.设计说明这次的设计我的主要思路是，在主页面展示出我的商品，并通过注册的用户，可以对商品进行订购，而且我采用货到付款或先付款后到货等方式，来达成一次简单的电子商务。而在客户下订单后，我构思出了通过ASP语言，把客户的订单引入我的数据库中，为了方便管理员，店家的需要，我会在后台方面做出一些程序，来方便店家，管理员的管理和查询、交易货物。比如：一个把订单输出的系统，并对订单进来查询，修改，处理，来方便店家和管理员。还有一个商品的输入输出系统，随着新产品的推出，为了保证利益，就需要不断的更换主页面上的商品，而通过这么一个商品输入输出系统，可以方便把商品的价钱，图片，说明等输入到主页面，而不需要为了每次的商品更换，去动用大量的精力去改动主页。随着进一步的思考，我也考虑到了对商店的管理，商品的分类，注册会员和管理员的管理，这些都可大可小的影响着网站！商品的分类，有助于商店的整理，也有利客人的查找，浏览。而注册会员是考虑到交易的安全问题，注册会员会有一些可观的资料在我的手上，来保证交易的安全，如身份证，联系电话，家庭住址等等，通过这些来保证我交易的利益安全。而管理员和管理也是一个安全方面和操作方面的问题，为了保证不被外人盗用管理员密码和账号，用查看修改里面订单资料。我需要不断的改变管理员的密码，而增加管理员是为了在工作效率上得到一定的保障。2详细设计说明 1）文件设计Images文件夹主要用来存放网站的相关图片，网页的模板等等。Index.asp主页cat.asp商品的介绍页面cart.asp disuser.asp收银台系统的主要页面和连接都在里面。chknews.asp对网站的新闻进行查看chkorder.asp订单查询，方便用户修改订单。chkuser.asp通过程序，来验证用户名和密码。login.asp登录画面的程序logout.asp用户退出画面newproduct.asp用来编辑主页的“新架上市”。方便添加商品后直接换入主页的新架上市里面。news.asp新闻页面，让客户方便查看主页面的新闻。procat.asp商品分类，并导出数据库里的分类商品。profile.asp用户中心，用户可以在这里改变自己的资料等等。rank.asp针对商品做出的一个界面，主要是来用对商品进行评价。reg.asp注册用户界面research.asp购物车界面save.asp用户订单删除修改程序saveprofile.asp修改密码，个人资料的程序，连接了profile.aspsearch.asp商品查询userfunc.asp注册用户程序，来保证注册用户的正确性。vip.aspVIP会员资格和推荐会员奖励zfb.asp把购物信息导入数据库Admin文件夹管理员后台的程序都存放在里面。2）数据库设计主页数据库#TimesShop.mdb后台的数据库根据设计，在此对数据库里的表单进行说明!User表主要用来保存注册用户的信息。TimesProlist表商品说明的字段，方便改动对商品说明的要求。Sorts表商品分类表。把商品的小分类分别存放在里面。product 表编辑商品属性Orders表注册用户登陆情况News表新闻设置。对于主页的新闻更改存放Keyname表搜索关键，方便搜索Delivery表送货方式设定Config表前台流动式语句Category表商品大类设定。可在这里添加商品类别。Admin表用来保存管理员的账号，密码。%NoDown%表用来转换管理员的密码3后台功能说明在这次的毕业设计中，我也在后台的管理员系统中，加入了不少的应该模块。主要是为了方便操作，同时也是对自己的一次考验。在这里，我会先详细的介绍一下在我的后台管理系统中各个模块的功能。1）商品管理系统这个系统主要是为了方便商城的货物管理。我把这个系统分成了三个模块，“添加新商品”、“查看修改商品”、“管理商品订单”。添加新商品：主要是对商城商品的添加，对商品进行说明，标价。查看修改商品：主要是对商城现有商品查看，并可以对其进行修改，方便商品的物价调动。管理商品订单:这个模块是对用户订单进行处理，查看，有这个模块才能保证商城的运作。2）用户管理系统这个系统主要是对商城用户进行管理，对于非法的注册用户，可以在里面进行删除，也在里面对管理员进行添加/修改。这个系统主要分成“前台用户管理”、“后台用户管理”、“用户广播管理”、“VIP资格设置”。 前台用户管理：可以用来查看，删除，修改已经注册的用户。后台用户管理：用来添加后台管理员，和改变管理员的权限。用户广播设置：对用户群发广播，只要用户登录，在用户的个人中心消息中心就能见到广播内容，可以用来做通知用。VIP资格设置：设置要成为本站VIP高级会员的原条件。3）分类管理这个系统主要用来作对商品的分类，可以方便用户查看，商店管理的一个模块。主要分为“商品大类管理”、“商品小类管理”。商品大类管理：设置商品的一级分类，可以给客户一个简洁的商城界面。商品小类管理：设置商品的二级分类，就是把一级的商品再次分类，这样更能方便用户查看。4）信息管理这个系统主要是用来对商城首页的新闻进行管理的，可以在新闻里面发布通知等。主要分为两个模块“添加首页新闻”、“删除首面新闻”。添加首页新闻：把添加的新闻放在首页的通告里面，可以同时显示四个新闻。新闻修改删除：可以把旧新闻删除，修改，主要用来替换一些守旧的通告。5）常规设置，其它设置主要有“修改登录密码”、“送货汇款设置”两个模块，用来修改管理员的密码，还有送货的方式、价格。修改登录密码：修改管理员的密码，以防被人盗用。 送货汇款设置：对送货方式进行修改。4主要模块说明因为是网上购物系统，所以在这次的设计中，我更注重后台的设计管理，所以在主要模块说明中，我也偏向后台的模块说明。1）商品大类管理的系统。这个是用来实现商品分类，比如商品可以分为电器，床上用品，书籍等等，这些就是所谓的大类，而电器又可以发为风扇，电视，收音机等等的小类别用品，对于这次的商品分类需要，我也对商品分为大类和小类两个类别，也分别做出了两个类别的管理系统。 首先我确定了方案，如果要把商品分类。就得在后台和前台分别显示出来，所以我就把后台和前台分别连接到数据库的相应表单里。而前台只是用来做输出显示表单，而后台用来做更改表单数据，并保存在相应表里。2）查看修改商品系统这个后台系统主要是用来方便修改商品信息的，比如你输入一个商品后，发现那商品的资料，价钱有错，要修改，只要用这个系统就可以直接修改商品的信息，可以不用说删除商品的信息后，再重新添加。导出数据库表，可以直接查看所有已放在网页上的商品后，连接editpro.asp，用editpro.asp来设计一个修改程序，在editpro.asp里面建一个框架，再导出表单，后可以给予修改。在chkpro.asp主要是用来显示所有的商品，在程序方面和上面的管理有一定的相同之处，所以在这里没有列出。editpro.asp是商品的修改页面，其实和添加系统有很多相同的地方。在这里列出部份程序。%dim countset rs=server.createobject(adodb.recordset)rs.open select * from sorts order by sortsorder ,conn,1,1%script language = JavaScriptvar onecount;onecount=0;subcat = new Array();% count = 0 do while not rs.eof %subcat%=count% = new Array(%= trim(rs(sorts)%,%= rs(categoryid)%,%= rs(sortsid)%);% count = count + 1 rs.movenext loop rs.close%onecount=%=count%;function changelocation(locationid) document.myform.sortsid.length = 0; var locationid=locationid; var i; for (i=0;i onecount; i+) if (subcati1 = locationid) document.myform.sortsid.optionsdocument.myform.sortsid.length = new Option(subcati0, subcati2); /scriptbodytable width=98% border=0 align=center cellpadding=0 cellspacing=1 bgcolor=#6B8FC8 tr td bgcolor=#6B8FC8 align=centerfont color=#FFFFFF编辑商品属性/font/td /tr trform name=myform method=post action=saveaddpro.asp?action=editid=%=id% td bgcolor=#FFFFFF table width=98% border=0 align=center cellpadding=2 cellspacing=0 tr td width=5%选择分类：/td td % rs.open select * from category order by categoryorder,conn,1,1if rs.eof and rs.bof thenresponse.write 请先添加栏目。response.endelse% %dim rs1set rs1=server.CreateObject(adodb.recordset)rs1.open select * from product where id=id,conn,1,1% select name=categoryid size=1 id=categoryid onChange=changelocation(document.myform.categoryid.optionsdocument.myform.categoryid.selectedIndex.value) option selected value=%=rs(categoryid)%=trim(rs(category)%/option % dim selclass selclass=rs1(categoryid) rs.movenext do while not rs.eof response.write option value=rs(categoryid) if rs1(categoryid)=rs(categoryid) then response.write selected response.write trim(rs(category)/option rs.movenext loopend if rs.close% /select 小类： select name=sortsid %rs.open select * from sorts where categoryid=selclass ,conn,1,1if not(rs.eof and rs.bof) then% option selected value=%=rs(sortsid)%=rs(sorts)%/option % rs.movenextdo while not rs.eof response.write option value=rs(sortsid) if rs1(sortsid)=rs(sortsid) then response.write selected response.write trim(rs(sorts)/option rs.movenextloopend if rs.close set rs = nothing % /select font color=#FF0000nbsp; /font/td /tr tr td input name=prename type=text id=prename size=12 value=%=trim(rs1(prename)% /td tdinput name=name type=text id=name size=30 value=%=trim(rs1(name)%/td /tr tr td input name=company type=text id=company size=12 value=%=trim(rs1(company)% /td tdinput name=mark type=text id=mark size=30 value=%=trim(rs1(mark)%/td /tr tr tdinput name=intro type=text id=intro size=12 value=%=trim(rs1(intro)% /td tdinput name=introduce type=text id=introduce size=30 value=%=trim(rs1(introduce)%/td /tr tr td input name=predate type=text id=predate size=12 value=%=trim(rs1(predate)% /td tdselect name=productdateyear id=productdateyear %dim ifor i=1980 to 2010 response.write option value=i if int(left(rs1(productdate),4)=i then response.write selected response.write i/option next% /select 年 select name=productdatemonth id=productdatemonthoption value=01 % if int(right(left(rs1(productdate),7),2)=1 Then Response.write(Selected) %1/option option value=02 % if int(right(left(rs1(productdate),7),2)=2 Then Response.write(Selected) %2/optionoption value=03 % if int(right(left(rs1(productdate),7),2)=3 Then Response.write(Selected) %3/optionoption value=04 % if int(right(left(rs1(productdate),7),2)=4 Then Response.write(Selected) %4/optionoption value=05 % if int(right(left(rs1(productdate),7),2)=5 Then Response.write(Selected) %5/optionoption value=06 % if int(right(left(rs1(productdate),7),2)=6 Then Response.write(Selected) %6/optionoption value=07 % if int(right(left(rs1(productdate),7),2)=7 Then Response.write(Selected) %7/optionoption value=08 % if int(right(left(rs1(productdate),7),2)=8 Then Response.write(Selected) %8/optionoption value=09 % if int(right(left(rs1(productdate),7),2)=9 Then Response.write(Selected) %9/optionoption value=10 % if int(right(left(rs1(productdate),7),2)=10 Then Response.write(Selected) %10/optionoption value=11 % if int(right(left(rs1(productdate),7),2)=11 Then Response.write(Selected) %11/optionoption value=12 % if int(right(left(rs1(productdate),7),2)=12 Then Response.write(Selected) %12/option /select 月select name=productdateday id=productdatedayoption value=01 % if int(right(left(rs1(productdate),10),2)=1 Then Response.write(Selected) %1/option option value=02 % if int(right(left(rs1(productdate),10),2)=2 Then Response.write(Selected) %2/optionoption value=03 % if int(right(left(rs1(productdate),10),2)=3 Then Response.write(Selected) %3/optionoption value=04 % if int(right(left(rs1(productdate),10),2)=4 Then Response.write(Selected) %4/optionoption value=05 % if int(right(left(rs1(productdate),10),2)=5 Then Response.write(Selected) %5/optionoption value=06 % if int(right(left(rs1(productdate),10),2)=6 Then Response.write(Selected) %6/optionoption value=07 % if int(right(left(rs1(productdate),10),2)=7 Then Response.write(Selected) %7/optionoption value=08 % if int(right(left(rs1(productdate),10),2)=8 Then Response.write(Selected) %8/optionoption value=09 % if int(right(left(rs1(productdate),10),2)=9 Then Response.write(Selected) %9/optionoption value=10 % if int(right(left(rs1(productdate),10),2)=10 Then Response.write(Selected) %10/optionoption value=11 % if int(right(left(rs1(productdate),10),2)=11 Then Response.write(Selected) %11/optionoption value=12 % if int(right(left(rs1(productdate),10),2)=12 Then Response.write(Selected) %12/optionoption value=13 % if int(right(left(rs1(productdate),10),2)=13 Then Response.write(Selected) %13/option option value=14 % if int(right(left(rs1(productdate),10),2)=14 Then Response.write(Selected) %14/optionoption value=15 % if int(right(left(rs1(productdate),10),2)=15 Then Response.write(Selected) %15/optionoption value=16 % if int(right(left(rs1(productdate),10),2)=16 Then Response.write(Selected) %16/optionoption value=17 % if int(right(left(rs1(productdate),10),2)=17 Then Response.write(Selected) %17/optionoption value=18 % if int(right(left(rs1(productdate),10),2)=18 Then Response.write(Selected) %18/optionoption value=19 % if int(right(left(rs1(productdate),10),2)=19 Then Response.write(Selected) %19/optionoption value=20 % if int(right(left(rs1(productdate),10),2)=20 Then Response.write(Selected) %20/optionoption value=21 % if int(right(left(rs1(productdate),10),2)=21 Then Response.write(Selected) %21/optionoption value=22 % if int(right(left(rs1(productdate),10),2)=22 Then Response.write(Selected) %22/optionoption value=23 % if int(right(left(rs1(productdate),10),2)=23 Then Response.write(Selected) %23/optionoption value=24 % if int(right(left(rs1(productdate),10),2)=24 Then Response.write(Selected) %24/optionoption value=25 % if int(right(left(rs1(productdate),10),2)=25 Then Response.write(Selected) %25/optionoption value=26 % if int(right(left(rs1(productdate),10),2)=26 Then Response.write(Selected) %26/optionoption value=27 % if int(right(left(rs1(productdate),10),2)=27 Then Response.write(Selected) %27/optionoption value=28 % if int(right(left(rs1(productdate),10),2)=28 Then Response.write(Selected) %28/optionoption value=29 % if int(right(left(rs1(productdate),10),2)=29 Then Response.write(Selected) %29/optionoption value=30 % if int(right(left(rs1(productdate),10),2)=30 Then Response.write(Selected) %30/optionoption value=31 % if int(right(left(rs1(productdate),10),2)=31 Then Response.write(Selected) %31/option /select 日/td /tr tr tdinput name=price type=text id=price size=12 value=%=trim(rs1(price)%/td td市场价： input name=price1 type=text id=price1 size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value=%=rs1(price1)% 元，会员价： input name=price2 type=text id=price2 size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value=%=rs1(price2)% 元, VIP会员价： input name=vipprice type=text id=vipprice size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value=%=rs1(vipprice)% 元，赠送积分： INPUT NAME=score VALUE=%=trim(rs1(score)% SIZE=4 TYPE=text ONKEYPRESS= return regInput(this,/0-9*$/,String.fromCharCode(event.keyCode)ONPASTE= return regInput(this,/0-9*$/,window.clipboardData.getData(Text)ONDROP= return regInput(this,/0-9*$/,event.dataTransfer.getData(Text) 分/td /tr tr tdinput name=prestock type=text id=prestock size=12 value=%=trim(rs1(prestock)%/td td共上： input name=amount type=text id=amount size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value=%=trim(rs1(amount)% 件，库存： input name=stock type=text id=stock size=6 onkeypress= return regInput(this,/d*.?d0,2$/,String.fromCharCode(event.keyCode) onpaste= return regInput(this,/d*.?d0,2$/,window.clipboardData.getData(Text)ondrop= return regInput(this,/d*.?d0,2$/,event.dataTransfer.getData(Text) value=%=trim(rs1(stock)% 件/td /tr tr tdinput name=other type=text id=other size=12 value=%=trim(rs1(other)%/td tdinput name=grade type=text id=grade size=12 value=%=trim(rs1(grade)%/td /tr tr tdinput name=pretype type=text id=pretype size=12 value=%=trim(rs1(pretype)%/td tdinput name=ty