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

南 京 林 业 大 学课程设计报告学生姓名： 学号： 学生姓名： 学号： 学院(系) ： 专 业： 课程名称： 网页设计与网站建设 指导教师： 2012 年 06 月 05 日目录一、课程设计的目的与要求3二、系统设计的模块分析32.1 系统分析3业务流程分析3数据字典42.2 系统设计5功能设计5系统运行环境与数据库6三、主页设计6主页6页面顶部设计7页面左部设计8页面中部商品展示设计10页面底部设计11四、用户注册及登陆页面124.1 注册功能设计124.1.1 实现注册功能的局部代码设计12注册页面效果展示18登录功能设计19登录局部代码设计19登录效果展示20五、查询功能设计205.1 查询局部设计代码20查询效果展示22六、购物车设计23局部设计23验证用户登录的代码26购物车效果展示26七、结账功能27结账局部代码设计27结账效果展示30八、其余代码设计308.1 商品查看功能30商品信息查看局部代码设计308.1.2 商品查看效果展示33用于与SQL SERVER数据库建立连接的代码34一、课程设计的目的与要求通过服装企业网站课程设计，进一步掌握ASP的理论和方法。了解电子商务开发的过程，理解网站设计的相关概念，掌握ASP网站建设的开发方法。主要包括：系统调研方法；业务分析、数据分析；数据库设计、功能设计、物理模型设计方法；系统的实现等方法，完成一个小型系统的设计与开发。二、系统设计的模块分析 系统分析2.1.1业务流程分析 图2-1-1：业务流程图主要业务流程如下：1用户通过注册得到会员资格；2用户查看和搜索服装信息；3用户将所选服装添加至购物车中；4用户通过结算获取商品总价格。2.数据字典1user表：name:用户名pass：用户密码mail：电子邮件xingming：真实姓名shenfenzheng：身份证tel：联系 qq：联系QQtishi：密码提示huida：问题答复id：自动编号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购置功能：购物车实现、查看购物车信息、结帐功能的实现。 图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& 次上次登录：&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代码设计:   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如果记录集没有到结尾的话没有到结尾其实就是说有相应的数据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(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=nothingresponse.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.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(); 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(请输入联系 ！);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 (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-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.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)成功后转到首页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.End() 去除所有与用户有关的信息，并转向到首页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 对不起，暂无内容！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& 页)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.location.h