购物网站制作参考资料全.docx
- 文档编号:9463642
- 上传时间:2023-02-04
- 格式:DOCX
- 页数:32
- 大小:1.46MB
购物网站制作参考资料全.docx
《购物网站制作参考资料全.docx》由会员分享,可在线阅读,更多相关《购物网站制作参考资料全.docx(32页珍藏版)》请在冰豆网上搜索。
购物网站制作参考资料全
购物网站制作参考
任务1整体功能划分
根据系统功能要求,在线网络购物系统整体功能分为两个模块:
针对普通用户实现在线购物功能模块和管理员后台管理功能模块。
1、在线购物基本功能模块主要包括以下一些操作。
①会员注册:
用户可以自行注册为会员,只有成为会员才可以进行网络购物。
②在线购物:
会员登录后,可以对现存商品实现购物功能。
③在线充值:
会员在进行购物时,会员的账户中必须有足够的金钱。
④查看余额:
会员登录系统后,可以随时查看个人账户余额。
⑤修改密码:
会员登录系统成功后,可以自行修改密码。
⑥客户留言:
会员在购物时如果有建议或意见可以直接在线留言。
2、后台管理功能模块包括以下一些操作。
①修改密码:
管理员可以自行修改个人密码。
②商品类别管理:
管理员可以对商品的类别进行添加,修改和删除操作。
③商品管理:
管理员可以对商品的信息进行添加和修改操作。
④会员管理:
管理员可以对会员信息进行管理。
⑤留言管理:
管理员可以对用户的留言进行管理。
在线购物系统整个逻辑功能结构示意图如下图所示。
任务2数据库设计
根据购物的业务流程和功能设计,本设计了以下数据表:
(1)用户信息表UserInfo,用来保存注册会员的信息。
具体结构见下表。
(2)商品分类表Category,用来保存商品分类的信息。
具体结构见下表。
(3)商品表Product,主要用来保存管理员上传的商品信息。
具体结构见下表。
(4)用户购物车表Cart,主要用来保存用户购买商品时的购物车商品信息。
具体结构见下表。
(5)用户订单表UserOrder,主要用来保存用户订单信息。
具体结构见下表。
(6)用户订单商品详细信息表UserOrderLineItem,主要用来保存用户购买的商品的明细信息。
具体结构见下表。
各表之间的功能关系如下图所示:
(6)数据库访问配置和实现
1.配置Web.Config文件
本系统采用AdO.NET方式访问SQLServer2005数据库,首先在Web.Config文件中配置访问数据库的字符串,在配置文件中添加代码。
任务3WEB用户控件和布局设计
1.用户控件
用户控件是ASP.NET控件封装最简单的形式,它可以大大提高代码的重用。
由于在系统中每个页面都要判断用户的登录功能和商品的分类功能,所以创建了两个用户控件:
用户登录控件、显示商品分类和文件上传控件。
(1)用户登录控件。
右击[项目],在弹出的快捷菜单中选择[添加新项]命令,在弹出的对话框中选择[Web用户控件]选项,如下图所示。
在生成的用户控件的前台代码中添加判断会员在登录成功和没有登录情景下对应的代码。
在登录控件的前台代码中,主要通过对会员的Session进行判断,如果会员已经登录,则显示会员的常用操作菜单,否则直接显示登录对话框。
当会员单击[登录]按钮时,添加[登录]按钮的后台处理代码。
对于新用户注册为会员时,对[注册]按钮添加后台处理代码,主要实现页面的转向。
(2)商品分类控件。
右击[项目],在弹出的快捷菜单中选择[添加新项]命令,在弹出的对话框中选择[Web用户控件]选项,输入控件名称“CategoryList.ascx”,在分类控件的前台页面中添加一个DataList控件“dlstCategory”,如下图所示,并修改其相应的属性。
修改控件“dlstCategory”的数据项模板,将表格的开始标记放在数据项的头部模板中,结束标记放在底部模板中,中间所有的数据项放在单元格中。
添加控件在页面调入时的后台代码,主要实现对控件“dlstCategory”的数据绑定。
(3)文件上传控件。
文件上传控件主要实现对商品图片的上传,返回图片的文件名称,并验证图片的格式。
具体前台布局如图10-7所示。
“图片上传”按钮后台代码:
(4)验证码设计
第一步:
先设计一个Validata.aspx文件,后台代码如下:
usingSystem;
usingSystem.Data;
usingSystem.Configuration;
usingSystem.Collections;
usingSystem.Web;
usingSystem.Web.Security;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.WebControls.WebParts;
usingSystem.Web.UI.HtmlControls;
usingSystem.Drawing;
usingSystem.Drawing.Imaging;
publicpartialclassValidata_:
System.Web.UI.Page
{
protectedvoidPage_Load(objectsender,EventArgse)
{
Session["code"]=RandNum(4);
ValidateCode(Session["code"].ToString(),40,20,"黑体",10,"#FFFFFF");
}
///
///该方法用于生成指定位数的随机数
///
///参数是随机数的位数
///返回一个随机数字符串
privatestringRandNum(intVcodeNum)
{
stringVchar="0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F,G,H,I,J,K,L,M,N,P,Q,R,S,T,U,V,W,X,Y,Z";
string[]VcArray=Vchar.Split(',');//拆分成数组
stringVNum="";
inttemp=-1;//记录上次随机数值,尽量避避免生产几个一样的随机数
Randomrand=newRandom();
//采用一个简单的算法以保证生成随机数的不同
for(inti=0;i { if(temp! =-1) { rand=newRandom(i*temp*unchecked((int)DateTime.Now.Ticks)); } intt=rand.Next(VcArray.Length-1); if(temp! =-1&&temp==t) { returnRandNum(VcodeNum); } temp=t; VNum+=VcArray[t]; } returnVNum; } /// ///生成图片并写入字符 /// ///目标字符 ///宽 ///高 ///字体文件 ///字体大小 ///图片背景颜色 privatevoidValidateCode(stringVNum,intw,inth,stringfont,intfontSize,stringbgColor) { BitmapImg=newBitmap(w,h);//生成图像的实例 Graphicsg=Graphics.FromImage(Img);//从Img对象生成新的Graphics对象 g.Clear(ColorTranslator.FromHtml(bgColor));//背景颜色 Fontf=newFont(font,fontSize);//生成Font类的实例 SolidBrushs=newSolidBrush(Color.Gray);//生成笔刷类的实例 g.DrawString(VNum,f,s,3,3);//将VNum写入图片中 Img.Save(Response.OutputStream,ImageFormat.Jpeg);//将此图像以Jpeg图像文件的格式保存到流中 Response.ContentType="image/Jpeg"; //回收资源 g.Dispose(); Img.Dispose(); Response.End(); } } 第二步: 打开要应用验证码的页面,在页面源文件中对应位置添加如下应用: ImageID="Image1"runat="server"ImageUrl="~/验证码/Validata.aspx"/> 第三步: 给“登录”按钮添加如下代码: protectedvoidbtndenglu_Click(objectsender,EventArgse) { stringname1=txtname.Text; stringpwd1=txtpwd.Text; stringcode=Session["code"].ToString(); stringtxtcode=txtcheckcode.Text; if(name1=="") { lblname.Text="用户名不能为空"; } if(pwd1=="") {lblmima.Text="密码不能为空";} if(txtcode==""||txtcode! =code) {lblcode.Text="您的验证码输入不正确";} else {这里请放入登录代码} 2.母版页 由于系统多个页面要使用一样的布局方式,对于所有的在线购物功能页面中使用统一模板,并且在模板中使用用户控件,可以大大方便代码的重用。 右击[项目],在弹出的快捷菜单中选择[添加新项]命令,在弹出的对话框中选择[母版页]选项,输入母版页名称“MasterPage.master”,然后对母版页面进行布局,具体布局效果如下图所示。 ***: 母版页要求用DIV+CSS设计 任务4注册页和商品展示页实现 1.系统默认页面“Default.aspx” 在默认页面中,首先使用上面创建的母版页,在容区域中添加三个栏目: 最新上架,精品推荐和特价商品。 在每个栏目中添加一个DataList控件,用来显示对应的商品,并设置相应的属性,如下图所示。 设置完成后,单击DataList控件的任务快捷菜单,选择[编辑模板]选项,如下图所示。 在模板编辑窗口中,对ItemTemplate进行编辑,具体效果如下图所示。 编辑ItemTemplate完成后,返回到默认页面,此时页面效果如下图所示。 以同样的方式完成其他两个栏目的DataList设置。 完成页面的前台设计部分后,首先添加页面载入代码,实现DataList的数据绑定。 其次,添加DataList数据项模板中的[添加到购物车]按钮的事件绑定。 对于显示商品详细信息按钮,通过在模板中定义的方式来定义。 最终默认页面运行效果如图所示。 2.会员注册“Register.aspx” 会员注册页面也使用了母版页,主要实现用户在线注册为会员。 运行效果如图所示。 在新会员注册过程中,首先对用户输入的容进行验证,是否符合指定格式。 如果新注册会员与已注册会员同名则不允许注册。 “注册”按钮后台代码如下: 任务5购物车实现 会员如果实现在线购买商品,必须登录成功后方可进行购物。 当会员单击[添加至购物车]按钮,单击该将在用户的购物车中放置该商品,以便用户随时掌握准备订购的商品。 具体的购物流程图如下图所示。 具体操作步骤: (1)添加一个新的页面shopcart.aspx。 (2)设计页面效果图和源代码设计如下: 页面源代码中SqldataSource源代码设置如下图: 页面源代码中GridView控件源代码设置如下图: (3)页面后台代码: Page_load代码设置如下图: 购物车中商品价格总计计算代码如下图: 任务6: 结算与订单生成 在购物车中单击“结算”超,进行最后订单生成。 在结算页提交订单前,需要最后确认该订单的商品、数量、金额、用户资料,对于支付方还需要填写信用卡的相关信息。 运行效果图如下: 界面效果图如下: 源代码如下: 后台代码如下: 存储过程AddOrder中代码如下: 任务7在线留言“GuestBook.aspx”(自行设计完成) 如果用户在购物过程中有一些建议,可以直接在线留言,具体效果如图所示。 任务8: 后台设计(自行设计完成) 1.后台商品分类管理“Class.aspx” 后台商品分类管理主要对分类的增加,删除和修改操作,前台页面布局如图10-21所示。 2.后台商品管理“Manager.aspx” 后台商品管理主要是对目前在线商品信息进行修改,通过GridView绑定SqlDataSource数据源进行数据显示和分页,具体的前台页面布局如图10-22所示。 3.后台商品添加“GoodsAdd.aspx” 后台商品添加主要是添加新的上线商品,包括了商品的基本信息和图片信息,前台布局如图10-23所示。 管理员在添加新商品时,首先对商品的一些信息进行验证,像产品名称,市场价格等。 4.后台会员信息管理“Customer.aspx” 管理员可以浏览会员信息,并具有删除会员信息的权限,通过GridView绑定SqlDataSource数据源进行数据显示和分页,具体的前台页面布局如图10-24所示。 12.留言信息管理“GuestBook.aspx” 管理员可以浏览所有的留言信息,并具有删除留言的权限,通过GridView绑定SqlDataSource数据源进行数据显示和分页,具体的前台页面布局如图10-25所示。 任务9: 的发布、打包与安装(自学完成) 1、发布 (1)打开要发布的,在[解决方案资源管理器]的项目根目录上右击,在弹出的快捷菜单中选择[发布]命令,在弹出的对话框中的[目标位置]文本框里输入要存储的位置d: \EShop,单击[确定]按钮。 (2)在编译完成后,有“发布成功”的提示字样。 (3)在[资源管理器](Windows+E快捷键)中,找到EShop,右击,在弹出的快捷菜单中选择[共享与安全]命令,在弹出的对话框中打开[Web共享]选项卡。 (4)选中[共享文件夹]单选按钮,弹出[编辑别名]对话框,此时保留默认的别名并单击[确定]按钮。 2、程序打包 (1)打开要发布的,选择[文件]→[添加]→[新建项目]命令。 (2)在弹出的[添加新项目]对话框中,在[名称]文本框中输入名称,在[位置]下拉列表框中选择默认位置并单击[确认]按钮。 (3)在[Web应用程序文件夹]上右击,在弹出的快捷菜单中选择[添加]→[项目输出]命令。 如图9-14所示。 (4)在弹出的[添加项目输出组]对话框中单击[确定]按钮即可。 (5)在[解决方案资源管理器]中的EShop上右击,在弹出的快捷菜单中选择[生成]命令,等出现“生成成功”时,打包完毕,如图9-17所示。 (6)打包完成后,生成两个文件,一个是setup.exe,另一个是EShop.msi。 在[输出]窗口中,可以找到存放这两个文件的路径,如图9-18所示。 3、打包后的安装部署 (1)将打包生成的setup.exe复制到目标服务器上,双击即可安装,在弹出的对话框中单击[下一步]按钮。 (2)在弹出的[EShop]对话框中,注意[站点]下拉列表框中为“默认”选项,并在[虚拟目录]文本框中输入“EShop”。 如图9-21所示。 (3)单击[下一步]按钮,直到单击[关闭]按钮。 (4)在桌面上,右击[我的电脑],在弹出的快捷菜单中选择[管理]→[Internet信息服务]→[]→[默认]→[EShop]命令,如图9-23所示。 (5)在[计算机管理]右侧的窗口中找到Default.aspx,右击,在弹出的快捷菜单中选择[浏览]命令,将在浏览器里浏览该。 [总结] 本实训在前面章节的基础上,综合运用各种ASP.NET技术,涉与大量动态网页开发的概念与一般做法,已经非常贴切实际的项目开发。 可以看到在实际的开发过程中,很多具体功能、任务和效果的实现,并没有在前面系统的知识讲解中涉与。 实际上也不可能在任何一本教材中涵盖。 开发的过程实际上是培养独立分析问题、独立解决问题能力的过程。 实际开发工作要求必须养成经常查找文档,利用搜索引擎搜索问题、解决问题的习惯。 只有这样才能不断应付各种各样的功能效果要求。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 购物 网站 制作 参考资料