购物网站制作参考文件

1、购 物 网站 制 作参考任务1 网站整体功能划分依照系统功能要求,在线网络购物系统整体功能分为两个模块:针对一般用户实现在线购物功能模块和治理员后台治理功能模块。1、在线购物差不多功能模块要紧包括以下一些操作。会员注册：用户能够自行注册为会员,只有成为网站会员才能够进行网络购物。在线购物：会员登录后,能够对现存商品实现购物功能。在线充值:会员在进行购物时，会员的账户中必须有足够的金钞票。查看余额:会员登录系统后,能够随时查看个人账户余额。修改密码:会员登录系统成功后,能够自行修改密码。客户留言：会员在购物时假如有建议或意见能够直接在线留言。、后台治理功能模块包括以下一些操作。修改密码:治理员能

2、够自行修改个人密码。商品类不治理：治理员能够对商品的类不进行添加,修改和删除操作。商品治理:治理员能够对商品的信息进行添加和修改操作。会员治理：治理员能够对会员信息进行治理。留言治理：治理员能够对用户的留言进行治理。在线购物系统整个逻辑功能结构示意图如下图所示。任务2 数据库设计依照购物网站的业务流程和功能设计,本网站设计了以下数据表:（)用户信息表UserIf,用来保存注册会员的信息。具体结构见下表。（2)商品分类表aeor，用来保存商品分类的信息。具体结构见下表。（3)商品表Prout，要紧用来保存治理员上传的商品信息。具体结构见下表。(4)用户购物车表Car,要紧用来保存用户购买商品时的

3、购物车商品信息。具体结构见下表。()用户订单表rrder,要紧用来保存用户订单信息。具体结构见下表。(6)用户订单商品详细信息表UserOreLineIt，要紧用来保存用户购买的商品的明细信息。具体结构见下表。各表之间的功能关系如下图所示：（6)数据库访问配置和实现1.配置WebCofi文件本系统采纳dO.N方式访问QL Sev20数据库，首先在ebCofg文件中配置访问数据库的链接字符串,在配置文件中添加代码。add name=onnring conetiontring=DaaSuce.SQEXPRESS； AttachDilme |aaDrecory|EShomdf； Inegrte cu

4、riy=Tr; Uer Innc=Te prvierNme=ystem.ata.SqlCet /connectionStings任务 WB用户控件和布局设计1.用户控件用户控件是APN控件封装最简单的形式,它能够大大提高代码的重用。由于在系统中每个页面都要推断用户的登录功能和商品的分类功能，因此创建了两个用户控件:用户登录控件、显示商品分类和文件上传控件。（1）用户登录控件。右击【项目】,在弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【Web用户控件】选项,如下图所示。在生成的用户控件的前台代码中添加推断会员在登录成功和没有登录情景下对应的代码。在登录控件的前台代码中,要紧通过对

5、会员的Sesi进行推断,假如会员差不多登录,则显示会员的常用操作菜单，否则直接显示登录对话框。当会员单击【登录】按钮时,添加【登录】按钮的后台处理代码。关于新用户注册为会员时,对【注册】按钮添加后台处理代码,要紧实现页面的转向。()商品分类控件。右击【项目】，在弹出的快捷菜单中选择【添加新项】命令，在弹出的对话框中选择【e用户控件】选项,输入控件名称“CategorList.ax”，在分类控件的前台页面中添加一个Dtis控件“Cagory”,如下图所示，并修改其相应的属性。修改控件“dlstCateoy”的数据项模板，将表格的开始标记放在数据项的头部模板中，结束标记放在底部模板中,中间所有的数

6、据项放在单元格中。添加控件在页面调入时的后台代码，要紧实现对控件“dstategry”的数据绑定。（3)文件上传控件。文件上传控件要紧实现对商品图片的上传，返回图片的文件名称,并验证图片的格式。具体前台布局如图10-7所示。“图片上传”按钮后台代码:（4)验证码设计第一步:先设计一个aiata.asp文件,后台代码如下：usin Sstm;using Syse.t;usingsem.Configuratio;usigysemCllecn;sng Syste.Web;usiSyteWb.Security；usng Se.U;usingystm.eb.U.ebontrols；usng Syem.b

7、.UI.Worl.WePats；using ystm.ebUI.HtmlCtrols;sing Syste.Draing;singSystm.DrawiImagg;pubicpatial cas Valida_ : ysem.Web.UI.Page protectd void Page_Lod(ojec sener, EvtArg e) SessincoeRanNm(4); ValiatCoe(SessncodTotring(）, 4， 20， 黑体， 1, #FFFF）; / / 该方法用于生成指定位数的随机数 / / 参数是随机数的位数 / 返回一个随机数字符串 privtestring

8、RandNum(nt VcdeNum） strig cr =，1,2,3，4,，6,7，8，,A,B,D,E，F,G,H,I，J,K,L，M,N,P，,S,U,V，W,X,Y,Z; strin VAray = car.Split(,);/拆分成数组 srn Vum =； int temp -1;/记录上次随机数值，尽量避幸免生产几个一样的随机数 adomand newRandom()； /采纳一个简单的算法以保证生成随机数的不同 fr (inti = ;VcodNum; i+) i (tmp! -1) ra = ne Random( * temp uhecked(n)DatimeNw.Tiks

9、); it =nd.Nxt（Vcray.Lngth 1）; if (temp ！= - & temp= t) urn RandNum(VcodeNm)； temp = t; VNu += Vrayt; return VNu; / / 生成图片并写入字符 / / 目标字符 / 宽 / 高 /字体文件 / 字体大小 / 图片背景颜色 prvat void Validteode（stringNum，int w, in h, string fon, ntotSiz, stng gColo) Btma Im = w Bitma(w,);/生成图像的实例 Grapcs g = Grphic.FrIage(

10、Ig)；/从Img对象生成新的Grphics对象 g.Clear(ColorTrnslatr.omHml(bgClor);/背景颜色 o f =ew ot（fon, otSize）;/生成Font类的实例 oliBruh s =new SidBrush(Clr.Gray);/生成笔刷类的实例 g.Dawrig（u,f, s, , 3);/将Num写入图片中 ImgS（Respons.uputSteam, ageFoat.Jpeg）;/将此图像以peg图像文件的格式保存到流中 Repns.ContentTpe = imagJpeg; /回收资源 g.Dispose（); ImgDispose()

11、; RspoeEnd(); 第二步：打开要应用验证码的页面,在页面源文件中对应位置添加如下应用:asp：Image ID=Im1 rnt=rver ImageUrl=/验证码/Vlida apx /点击换一张第三步:给“登录”按钮添加如下代码： proecteoid tnenluClick(object sed, EentArgse) tring 1 = xname.Text; rg pw = ttwd.Text； tig ode =SesincodeToString(); strn tode = xtchckcode.Text; if （nme1 = ) llne.Tet 用户名不能为空；

12、if(pd1 = ） lbmaText =密码不能为空； if （xtcd = |txcode != code) lbode.ext = 您的验证码输入不正确； ese 那个地点请放入登录代码 2.母版页由于系统多个页面要使用相同的布局方式，关于所有的在线购物功能页面中使用统一模板,同时在模板中使用用户控件，能够大大方便代码的重用。右击【项目】,在弹出的快捷菜单中选择【添加新项】命令,在弹出的对话框中选择【母版页】选项，输入母版页名称“MatrPage.aste”,然后对母版页面进行布局，具体布局效果如下图所示。*：母版页要求用IVCSS设计任务4 注册页和商品展示页实现1系统默认页面“Def

13、alt.aspx”在默认页面中，首先使用上面创建的母版页,在内容区域中添加三个栏目：最新上架，精品推举和特价商品。在每个栏目中添加一个Dais控件,用来显示对应的商品，并设置相应的属性，如下图所示。设置完成后，单击DaaList控件的任务快捷菜单,选择【编辑模板】选项，如下图所示。在模板编辑窗口中,对tmTemate进行编辑，具体效果如下图所示。编辑IemTemlte完成后，返回到默认页面,现在页面效果如下图所示。以同样的方式完成其他两个栏目的DatList设置。完成页面的前台设计部分后，首先添加页面载入代码,实现DaList的数据绑定。其次,添加DtaList数据项模板中的【添加到购物车】按

14、钮的事件绑定。关于显示商品详细信息按钮,通过在模板中定义链接的方式来定义。最终默认页面运行效果如图所示。2.会员注册“Regsteaspx”会员注册页面也使用了母版页,要紧实现用户在线注册为会员。运行效果如图所示。在新会员注册过程中,首先对用户输入的内容进行验证，是否符合指定格式。假如新注册会员与已注册会员同名则不同意注册。“注册”按钮后台代码如下:任务5购物车实现会员假如实现在线购买商品,必须登录成功后方可进行购物。当会员单击【添加至购物车】按钮，单击该链接将在用户的购物车中放置该商品，以便用户随时掌握预备订购的商品。具体的购物流程图如下图所示。具体操作步骤:添加一个新的页面shopcat.

15、asx。设计页面效果图和源代码设计如下:页面源代码中Slataource源代码设置如下图:页面源代码中GrdView控件源代码设置如下图:页面后台代码:Paged代码设置如下图：购物车中商品价格总计计算代码如下图:任务:结算与订单生成在购物车中单击“结算”超链接，进行最后订单生成。在结算页提交订单前，需要最后确认该订单的商品、数量、金额、用户资料,关于支付方还需要填写信用卡的相关信息。运行效果图如下：界面效果图如下:源代码如下：后台代码如下： 存储过程Addrer中代码如下：任务7 在线留言“Guesook.aspx”(自行设计完成)假如用户在购物过程中有一些建议，能够直接在线留言,具体效果如

16、图所示。任务8：后台设计（自行设计完成)1.后台商品分类治理“lass.px”后台商品分类治理要紧对分类的增加，删除和修改操作,前台页面布局如图1021所示。2.后台商品治理“aager.sx”后台商品治理要紧是对目前在线商品信息进行修改,通过ridiw绑定SqDtaSuce数据源进行数据显示和分页，具体的前台页面布局如图10-2所示。.后台商品添加“Gosd.ap”后台商品添加要紧是添加新的上线商品，包括了商品的差不多信息和图片信息，前台布局如图10-23所示。治理员在添加新商品时，首先对商品的一些信息进行验证,像产品名称,市场价格等。4.后台会员信息治理“Custoersp”治理员能够扫瞄

17、会员信息,并具有删除会员信息的权限，通过GridVew绑定SlatSouce数据源进行数据显示和分页，具体的前台页面布局如图10-所示。12留言信息治理“GuestBook.asx”治理员能够扫瞄所有的留言信息，并具有删除留言的权限,通过GriVie绑定SlDtaSourc数据源进行数据显示和分页,具体的前台页面布局如图1-25所示。任务9：网站的公布、打包与安装（自学完成）1、网站公布（1）打开要公布的网站,在【解决方案资源治理器】的项目根目录上右击，在弹出的快捷菜单中选择【公布网站】命令,在弹出的对话框中的【目标位置】文本框里输入要存储的位置d：ESo，单击【确定】按钮。(2）在编译完成后

18、，有“公布成功”的提示字样。(3)在【资源治理器】(Winow快捷键）中，找到Shop,右击，在弹出的快捷菜单中选择【共享与安全】命令，在弹出的对话框中打开【Web共享】选项卡。(4）选中【共享文件夹】单选按钮,弹出【编辑不名】对话框,现在保留默认的不名并单击【确定】按钮。、程序打包()打开要公布的网站，选择【文件】【添加】【新建项目】命令。（2）在弹出的【添加新项目】对话框中，在【名称】文本框中输入网站名称，在【位置】下拉列表框中选择默认位置并单击【确认】按钮。(3)在【We应用程序文件夹】上右击,在弹出的快捷菜单中选择【添加】【项目输出】命令。如图9-1所示。（)在弹出的【添加项目输出组】对话框中单击【确定】按钮即可。（5）在【解决方案资源治理器】中的EShop上右击，在弹出的快捷菜单中选择【生