课程设计--服装企业网站课程设计

1、南 京 林 业 大 学课程设计报告学生姓名： 学号： 学生姓名： 学号： 学院(系) ： 专 业： 课程名称： 网页设计与网站建设 指导教师： 2012 年 06 月 05 日目录 TOC o 1-3 h z u HYPERLINK l _Toc326779390 一、课程设计的目的与要求 PAGEREF _Toc326779390 h 3 HYPERLINK l _Toc326779391 二、系统设计的模块分析 PAGEREF _Toc326779391 h 3 HYPERLINK l _Toc326779392 2.1 系统分析 PAGEREF _Toc326779392 h 3 HYP

2、ERLINK l _Toc326779393 业务流程分析 PAGEREF _Toc326779393 h 3 HYPERLINK l _Toc326779394 数据字典 PAGEREF _Toc326779394 h 4 HYPERLINK l _Toc326779395 2.2 系统设计 PAGEREF _Toc326779395 h 5 HYPERLINK l _Toc326779396 功能设计 PAGEREF _Toc326779396 h 5 HYPERLINK l _Toc326779397 系统运行环境与数据库 PAGEREF _Toc326779397 h 6 HYPERL

3、INK l _Toc326779398 三、主页设计 PAGEREF _Toc326779398 h 6 HYPERLINK l _Toc326779399 主页 PAGEREF _Toc326779399 h 6 HYPERLINK l _Toc326779400 页面顶部设计 PAGEREF _Toc326779400 h 7 HYPERLINK l _Toc326779401 页面左部设计 PAGEREF _Toc326779401 h 8 HYPERLINK l _Toc326779402 页面中部商品展示设计 PAGEREF _Toc326779402 h 10 HYPERLINK

4、l _Toc326779403 页面底部设计 PAGEREF _Toc326779403 h 11 HYPERLINK l _Toc326779404 四、用户注册及登陆页面 PAGEREF _Toc326779404 h 12 HYPERLINK l _Toc326779405 4.1 注册功能设计 PAGEREF _Toc326779405 h 12 HYPERLINK l _Toc326779406 4.1.1 实现注册功能的局部代码设计 PAGEREF _Toc326779406 h 12 HYPERLINK l _Toc326779407 注册页面效果展示 PAGEREF _Toc3

5、26779407 h 18 HYPERLINK l _Toc326779408 登录功能设计 PAGEREF _Toc326779408 h 19 HYPERLINK l _Toc326779409 登录局部代码设计 PAGEREF _Toc326779409 h 19 HYPERLINK l _Toc326779410 登录效果展示 PAGEREF _Toc326779410 h 20 HYPERLINK l _Toc326779411 五、查询功能设计 PAGEREF _Toc326779411 h 20 HYPERLINK l _Toc326779412 5.1 查询局部设计代码 PAG

6、EREF _Toc326779412 h 20 HYPERLINK l _Toc326779413 查询效果展示 PAGEREF _Toc326779413 h 22 HYPERLINK l _Toc326779414 六、购物车设计 PAGEREF _Toc326779414 h 23 HYPERLINK l _Toc326779415 局部设计 PAGEREF _Toc326779415 h 23 HYPERLINK l _Toc326779416 验证用户登录的代码 PAGEREF _Toc326779416 h 26 HYPERLINK l _Toc326779417 购物车效果展示

7、PAGEREF _Toc326779417 h 26 HYPERLINK l _Toc326779418 七、结账功能 PAGEREF _Toc326779418 h 27 HYPERLINK l _Toc326779419 结账局部代码设计 PAGEREF _Toc326779419 h 27 HYPERLINK l _Toc326779420 结账效果展示 PAGEREF _Toc326779420 h 30 HYPERLINK l _Toc326779421 八、其余代码设计 PAGEREF _Toc326779421 h 30 HYPERLINK l _Toc326779422 8.1

8、 商品查看功能 PAGEREF _Toc326779422 h 30 HYPERLINK l _Toc326779423 商品信息查看局部代码设计 PAGEREF _Toc326779423 h 30 HYPERLINK l _Toc326779424 8.1.2 商品查看效果展示 PAGEREF _Toc326779424 h 33 HYPERLINK l _Toc326779425 用于与SQL SERVER数据库建立连接的代码 PAGEREF _Toc326779425 h 34一、课程设计的目的与要求通过服装企业网站课程设计，进一步掌握ASP的理论和方法。了解电子商务开发的过程，理解网

9、站设计的相关概念，掌握ASP网站建设的开发方法。主要包括：系统调研方法；业务分析、数据分析；数据库设计、功能设计、物理模型设计方法；系统的实现等方法，完成一个小型系统的设计与开发。二、系统设计的模块分析 系统分析2.1.1业务流程分析 图2-1-1：业务流程图主要业务流程如下：1用户通过注册得到会员资格；2用户查看和搜索服装信息；3用户将所选服装添加至购物车中；4用户通过结算获取商品总价格。2.数据字典1user表：name:用户名pass：用户密码mail：电子邮件xingming：真实姓名shenfenzheng：身份证tel：联系 qq：联系QQtishi：密码提示huida：问题答复i

10、d：自动编号IDdizhi：地址youbian： shijian1：用户注册时间shijian2：最后时间cishu：登陆的次数2shangpin表：jianjie:服装信息简介riqi:上架时间shichang:市场价格huiyuan：会员价格dengji:服装质量等级xinghao:服装尺寸tupian:服装图片路径shuoming:服装说明beizhu:服装备注信息id:自动编号IDmingcheng:商品名称shuliang:商品数量cishu:单击浏览次数2.2 系统设计2.功能设计主要功能如下：1用户功能：用户注册、用户登陆；2商品功能：商品显示、商品搜索；3购置功能：购物车实现、

11、查看购物车信息、结帐功能的实现。 图2：系统功能图.2系统运行环境与数据库需运行装有IIS功能的效劳器上，配套SQL数据库。三、主页设计主页包含头部top.asp，左部left.asp.，中部center.asp，底部foot.asp。的设计代码：声雨竹-服装 页面效果如图3-1-1 图3-1-1局部代码设计如下： 声 雨 竹 女 士 服 装 网站首页 我的购物车 注销退出 服装信息查询 页面效果如图3-2-1：图3-2-1页面左部设计L局部代码设计如下： %if session(user) thenresponse.Write(您共登录了 &session(cishu)+1& 次上次登录：&

12、session(shijian)& 欢送 &session(user)& 用户)else% 用户名： 密码： 页面效果如图3-3-1：图3-3-1页面中部商品展示设计中最新商品的局部代码： a href=lookpro.asp?id= target=_blankimg src=upfile/ width=110 height=129 border=0 【】 【市场价：】 【会员价：】 a href=lookpro.asp?id= target=_blank【查看信息】 【a href=gouwu.asp?ProdId=购置商品】 【浏览次数：】 页面效果如图3-4-1：图3-4-1 F代码设计

13、: CopyRight © 2021 声雨竹服装 页面效果如图3-5-1：图3-5-1 四、用户注册及登陆页面 注册功能设计 实现注册功能的局部代码设计:%if request(action)=add then隐藏提交 action 的值如果为 add sql=select * from user where name=&trim(request(user)&;首先按提交的用户名查询数据库set rs=Server.CreateObject(ADODB.Recordset)rs.open sql,conn,3,3if not rs.eof then如果记录集没有到结尾的话没有到结尾其实

14、就是说有相应的数据response.Write(alert(该用户名已经被注册);history.back();)提示更换其他用户名进行注册response.End()因为我们确保用户名是唯一的end ifset rs=nothingsql=select * from userset rs=Server.CreateObject(ADODB.Recordset)rs.open sql,conn,3,3以写入方式翻开rs.addnew添加新的记录rs(name)=trim(request(user)rs(pass)=trim(request(pass)rs(mail)=trim(request(

15、mail)rs(youbian)=trim(request(youbian)rs(xingming)=trim(request(xingming)rs(shenfenzheng)=trim(request(shenfenzheng)rs(tel)=trim(request(tel)rs(qq)=trim(request(qq)rs(tishi)=trim(request(tishi)rs(huida)=trim(request(huida)rs(dizhi)=trim(request(dizhi)rs(shijian1)=now()注册时间rs(cishu)=0登录次数设置为0set rs=n

16、othingresponse.Write(alert(注册成功！);window.location.href=index.asp;)end if%function checkemail(mail)var str=mail;var Expression=/w+(-+.w+)*w+(-.w+)*.w+(-.w+)*/;var objExp=new RegExp(Expression);if(objExp.test(str)=true)return true;elsereturn false;function chk()if (document.myform.user.value=)document

17、.myform.user.focus();alert(请输入用户名！);return false;if (document.myform.pass.value=)document.myform.pass.focus();alert(请输入密码！);return false; if (document.myform.mail.value=)document.myform.mail.focus();alert(请输入电子邮件！);return false;if(!checkemail(document.myform.mail.value) document.myform.mail.focus();

18、 alert(邮箱地址格式不正确，请重新输入!); return false;if (document.myform.youbian.value=)document.myform.youbian.focus();alert(请输入 ！);return false;if (document.myform.xingming.value=)document.myform.xingming.focus();alert(请输入真实姓名！);return false;if (document.myform.tel.value=)document.myform.tel.focus();alert(请输入联系

19、 ！);return false;if (document.myform.shenfenzheng.value=)document.myform.shenfenzheng.focus();alert(请输入身份证！);return false;if (document.myform.dizhi.value=)document.myform.dizhi.focus();alert(请输入地址！);return false;if (document.myform.qq.value=)document.myform.qq.focus();alert(请输入联系qq！);return false;if

20、 (document.myform.tishi.value=)document.myform.tishi.focus();alert(请输入密码提示！);return false;if (document.myform.huida.value=)document.myform.huida.focus();alert(请输入密码答复！);return false; 用户注册 用户名： 密码： 电子邮件： 邮编： 姓名： 电话： 身份证： 地址： 联系QQ： 密码提示： 问题答复： 注册页面效果展示页面效果如图4-1-1： 图4-1-1实现效果：假设存在输入信息不符合，将跳出对话框警告如图4-1-

21、2 图4-1-2 登录局部代码设计：%将用户登录和退出写在同一个文件内，以接收到的 login 值进行判断if request(login)=out thensession(cishu)=session(shijian)=session(user)=去除所有与用户有关的信息，并转向到首页response.Redirect(index.asp)response.End()end if按用户名进行查询sql=select * from user where name=&trim(request(user)&;set rs=Server.CreateObject(ADODB.Recordset)rs

22、.open sql,conn,3,3if not rs.eof then如果用户名存在将数据库中存储的密码和用户提交的密码进行比拟 if rs(pass)=trim(request(pass) then将相关的信息写到 session 内，以便随时获取session(shijian)=rs(shijian2)session(cishu)=rs(cishu)session(user)=trim(request(user)rs(shijian2)=now()最后一次登录时间，也就是当前时间rs(cishu)=rs(cishu)+1登录次数加1response.Redirect(index.asp)

23、成功后转到首页else如果密码不一样session(user)=session(cishu)=session(shijian)=response.Write(alert(用户名或密码错误！);window.location.href=index.asp;)response.End() 去除所有与用户有关的信息，并转向到首页end ifelse如果用户名不存在session(user)=session(cishu)=session(shijian)=response.Write(alert(用户名或密码错误！);window.location.href=index.asp;)response.E

24、nd() 去除所有与用户有关的信息，并转向到首页end ifset rs=nothing%登录效果展示页面实现效果如图4-2-1： 图4-2-1假设用户名不存在，那么弹出对话框图4-2-2： 图4-2-2五、查询功能设计5.1 查询局部设计代码如下：%sql=select * from shangpin where mingcheng like %&request(search)&%set rs=Server.CreateObject(ADODB.Recordset)rs.open sql,conn,1,1if rs.eof And rs.bof thenResponse.Write 对不起，

25、暂无内容！elsers.pagesize=10SafeRequest(request(page)page=clng(request(page)if page a href=lookpro.asp?id= target=_blank input type=hidden name=search value= 其中页面跳转代码如下%if page1 thenresponse.Write(第一页)response.Write(上一页)end if response.Write(当前 &page& 页)response.Write(条 &rs.recordcount&/&rs.pagecount& 页)

26、if pagers.pagecount thenresponse.Write(下一页)response.Write(最末页)end ifresponse.Write(跳转到页)end ifset rs=nothing%页面实现效果：(1)如果无此服装信息，效果如下列图5-2-1：图5-2-1(2)有服装信息效果图如下列图5-2-2： 图5-2-2六、购物车设计6.1 局部设计代码：%if request(ProductList)=ProductList then清空购物车Session(ProductList)=response.Write(alert(您的购物车为空!);window.loc

27、ation.href=index.asp;)end ifProductList = Session(ProductList)取得 Session 中的值N个商品 ID 赋值给变量 ProductListProducts = Split(Request(Prodid), ,)以逗号分割,赋值给变量 Products 此时变量 Products 以数组形式存在For I=0 To UBound(Products)按数组的最大下标进行循环 PutToShopBag Products(I), ProductList调用过程并返回参数商品 ID ，保存商品 ID 的变量 ProductListNextS

28、ession(ProductList) = ProductList将处理后的变量 ProductList 的值写入到 Session 里Sub PutToShopBag( Prodid, ProductList )定义过程，只有调用时才可以使用 If Len(ProductList) = 0 Then如果变量 ProductList 的值长度为0等同与值为空 ProductList =Prodid将变量 ProductList 赋值为商品 ID ，也就是第一次购物的记录 ElseIf InStr( ProductList, Prodid ) = 0 Then判断变量 ProductList 里

29、面是否有商品 ID 的存在 ProductList = ProductList&, &Prodid &屡次购物，将多个商品 ID 以逗号分隔组成一个字符串赋值给变量 ProductList End IfEnd SubIf Request(update) = update Then隐藏提交，目的：修改商品及数量 ProductList = 清空购物车 Products = Split(Request(ProdId), , )取得表单提交的商品 ID 并赋值 For I=0 To UBound(Products)按数组的最大下标进行循环 PutToShopBag Products(I), Prod

30、uctList调用过程并返回参数商品 ID ，保存商品 ID 的变量 ProductList Next Session(ProductList) = ProductList将处理后的变量 ProductList 写入到 Session 里，完成了修改商品及数量的目的End IfIf Len(Session(ProductList) = 0 Thenresponse.Write(alert(您的购物车为空!);window.location.href=index.asp;)end if% 编 号 商 品 名 称 数量 市场价 会员价 成交价小 计 %Sum = 0价格总记Quatity = 1商

31、品数量,初始值为1Quatity = Request.Form( Q_ & rs(ID)接收表单提交的商品数量，使用这种接收方法的目的下面表单局部介绍If Quatity = 0 Then判断是否第一次购物Quatity = Session(rs(ID)对应变量 Quatity 进行赋值以前存储的商品数量If Quatity input type=CheckBox name=ProdId value= Checked input type=hidden name=shuliang value= a href=lookpro.asp?ID= target=_blank input type=Te

32、xt name= value= size=2 class=form input type=hidden name=xiaoji value= 清空购物车总计： 的：%if request(class)class thenif session(user)= thenresponse.Write(alert(请先登录！);window.location.href=index.asp;)end ifelseif session(user)= thenresponse.Write(alert(请先登录！);parent.window.location.href=index.asp;)因为在商品分类我们使用框架结构end ifend if%页面效果:1假设用户未登录那么不能查看购物车信息，跳出如下对话框图6-3-1：图6-3-12用户登陆并购置服装后点击我的购物车可显示下列图6-3-2： 图6-3-2七、结账功能局部代码设计:%if request(ProductList)=ProductList then清空购物车Session(ProductList)= response.Write(alert(您的购物车为空!);window.location.href=index.asp;)response.End()end if% 编 号 商 品 名 称 数量 市场