课程设计服装企业网站课程设计.doc

南 京 林 业 大 学课程设计报告学生姓名： 学号： 学生姓名： 学号： 学院(系) ： 专 业： 课程名称： 网页设计与网站建设 指导教师： 2012 年 06 月 05 日目录一、课程设计的目的与要求3二、系统设计的模块分析32.1 系统分析32.1.1业务流程分析32.1.2数据字典42.2 系统设计52.2.1功能设计52.2.2系统运行环境与数据库6三、主页设计63.1主页index.asp63.2页面顶部设计73.3页面左部设计83.4页面中部商品展示设计103.5页面底部设计11四、用户注册及登陆页面124.1 注册功能设计124.1.1 实现注册功能的reg.asp部分代码设计124.1.2注册页面效果展示184.2登录功能设计194.2.1登录login.asp部分代码设计194.2.2登录效果展示20五、查询功能设计205.1 查询部分设计代码205.2查询效果展示22六、购物车设计236.1 gouwu.asp部分设计236.2验证用户登录的chk-user.asp代码266.3购物车效果展示26七、结账功能277.1结账shouyin.asp部分代码设计277.2结账效果展示30八、其余代码设计308.1 商品查看功能308.1.1商品信息查看lookpro.asp部分代码设计308.1.2 商品查看效果展示338.2用于与SQL SERVER数据库建立连接的conn.asp代码34一、课程设计的目的与要求通过服装企业网站课程设计，进一步掌握ASP的理论和方法。了解电子商务开发的过程，理解网站设计的相关概念，掌握ASP网站建设的开发方法。主要包括：系统调研方法；业务分析、数据分析；数据库设计、功能设计、物理模型设计方法；系统的实现等方法，完成一个小型系统的设计与开发。二、系统设计的模块分析2.1 系统分析2.1.1业务流程分析 图2-1-1：业务流程图主要业务流程如下：（1）用户通过注册得到会员资格；（2）用户查看和搜索服装信息；（3）用户将所选服装添加至购物车中；（4）用户通过结算获取商品总价格。2.1.2数据字典（1）user表：name:用户名pass：用户密码mail：电子邮件xingming：真实姓名shenfenzheng：身份证tel：联系电话qq：联系QQtishi：密码提示huida：问题回答id：自动编号IDdizhi：地址youbian：邮编shijian1：用户注册时间shijian2：最后时间cishu：登陆的次数（2）shangpin表：jianjie:服装信息简介riqi:上架时间shichang:市场价格huiyuan：会员价格dengji:服装质量等级xinghao:服装尺寸tupian:服装图片路径shuoming:服装说明beizhu:服装备注信息id:自动编号IDmingcheng:商品名称shuliang:商品数量cishu:单击浏览次数2.2 系统设计2.2.1功能设计主要功能如下：（1）用户功能：用户注册、用户登陆；（2）商品功能：商品显示、商品搜索；（3）购买功能：购物车实现、查看购物车信息、结帐功能的实现。 图2：系统功能图2.2.2系统运行环境与数据库需运行装有IIS功能的服务器上，配套SQL数据库。三、主页设计3.1主页index.asp（包含头部top.asp，左部left.asp.，中部center.asp，底部foot.asp）。index.asp的设计代码：声雨竹-服装有限公司 页面效果如图3-1-1 图3-1-13.2页面顶部设计top.asp部分代码设计如下： 声 雨 竹 女 士 服 装 网站首页 我的购物车 注销退出     服装信息查询   页面效果如图3-2-1：图3-2-13.3页面左部设计Left.asp部分代码设计如下：   %if session(user) thenresponse.Write(您共登录了 &session(cishu)+1& 次上次登录：&session(shijian)& 欢迎 &session(user)& 用户)else%   用户名：       密  码：           页面效果如图3-3-1：图3-3-13.4页面中部商品展示设计center.asp中最新商品的部分代码： 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-13.5页面底部设计 Foot.asp代码设计:   CopyRight © 2012 声雨竹服装有限公司   页面效果如图3-5-1：图3-5-1 四、用户注册及登陆页面4.1 注册功能设计4.1.1 实现注册功能的reg.asp部分代码设计:%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 ifrs.closeset 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登录次数设置为0rs.updaters.closeset 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.2注册页面效果展示页面效果如图4-1-1： 图4-1-1实现效果：若存在输入信息不符合，将跳出对话框警告如图4-1-2 图4-1-2 4.2登录功能设计4.2.1登录login.asp部分代码设计：%将用户登录和退出写在同一个文件内，以接收到的 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登录次数加1rs.updateresponse.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 ifrs.closeset rs=nothing%4.2.2登录效果展示页面实现效果如图4-2-1： 图4-2-1若用户名不存在，则弹出对话框图4-2-2： 图4-2-2五、查询功能设计5.1 查询部分设计代码如下：%sql=select * from shangpin where mingcheng like %&request(search)&