搜索
《网页制作与动画设计》课程设计报告说明1、可参考本文的结构（下图）来撰写课程设计报告2、封面后第一页应描述本组成员及分工情况3、应附有Web应用的源代码4、必须于下学期开学第一周周末前将开题报告和源码email到zf@gxu.edu.cn《网页制作与动画设计》课程设计课题名称：网络商城学院班级：xx学院xx年级xx班成员：张三学号201207100341李四学号201207100321指导老师：詹锋课程设计成员介绍组长：xxx其他成员：yyy组员分工:***xxx主要完成网站中商品查询那一块和数据库的整体设计。***yyy主要完成后台管理，登录注册，留言版块，在线订单以及静态页面的设计等功能。一、系统功能及总体结构简介1.1系统功能说明该项目的主要功能是实现网上购物以及网上订票等功能,这里是一个虚拟的商场,顾客可以在网上迅速查找到自己喜欢的商品,使顾客的购物变得轻松,快捷,方便,多种付款和送货方式使得客户可以在家就轻易完成整个购物流程,只需等待送货上门.对经营者来说,网上购物系统又可以节约企业的运营成本,迅速扩大企业的知名度,更提供了一个在迅速成长的电子商场上成长壮大自身的一个机会.另外要说明一点的是,该项目不仅仅是一个传统的购物系统,应该说它更优于传统的购物系统,之所以命名它为服务平台,是因为顾客所需的各种的服务基本都能在这个平台上实现.该系统首先要包含几个最基本的功能:1.建立和维护顾客信息库顾客的注册功能是必要的,以后顾客再次访问时,会需要此顾客的一些相关信息,以便进行一些相应的统计工作。同时，顾客可能也会在未来修改某些信息;为了在顾客忘记密码的情形下，仍然能够以原有的账号登录,系统提供了找会密码的功能.2.方便和集成的电子购物环境顾客可以在浏览商品的方便地收藏或者直接点购买来下订单，为了方便顾客查找所感兴趣的商品，系统提供了搜索功能，提高了购物效率。系统同时对这些搜索关键字进行统计分析，以分析出顾客消费的热点信息。3.商品管理系统中的商品必须能够进行很好的管理，包括能够方便的添加新商品入库，能够维护和编辑商品的分类，能够在需要的时候修改库中的商品信息。商品的管理必须实现的另以个目标是通过友好和合理的方式展现给顾客。4.顾客和业主的交流平台顾客与经营者的相互交流尤为重要，建立这样的一个平台是非常必须的。总体构架：图1.1整体架构图用户注册，登录商品信息列表查询商品信息留言版块……用户管理信息管理常规设置……前台用户交互后台用户交互ACCESS数据库WINXP,HTML&ASP,ACCESS,VBSCRIPT,JSCRITPT1.2系统功能模块二、系统数据库设计与实现2.1数据需求分析分析该系统的特点会发现有以下几类信息需要存储在数据库中：＃顾客信息和顾客购物，订单维护方面的数据库：包括存储顾客注册信息的表，订单内容的表；＃商品信息的表：包括了商品分类的表，商品对应的图片的物理位置存储的表，商品的详细信息的表；＃其他杂项：包括初始设置，评论等方面的表。由于大部分只是存储文本信息，都是小字段的问题，不会设计到BLOB，而作为以个中小型的应用，数据量也就只会在万条左右，所以完全可以用ACCESS数据库作为后台的支持。2.2E-R图以下是数据库的E-R图：其中有些尸体只是单独存在，没有与其他实体的关系，但是有些实体之间存在着相互关系的，下面的E-R图中箭头所指的方向按照约定是指1：N关系的1方。如果两边都没有，则是N:M关系。用户留言留言簿订购评论@@数据库的E-R图数据库的详细设计：各基础数据库系统使用了ACCESS的数据库工具。该数据库包括了16个不同专题该表主要存储广告信息，如广告关键字，图片的位置，链接等信息。ad表字段名说明Ggid主关键字Top指明广告GIF的位置Legtl广告的相应链接该表主要存储后提啊管理员的信息，如账号，密码和级别信息。admin表字段名说明Id标识主键Admin管理员账号Password管理员密码产品进货管理员发布新闻送货Rank级别该表主要存储商品分类信息，如分类的编号，类别名称等信息，。category表字段名说明Categoryid标识主键Category类别First是否一级Categoryoreder类别序号该表主要存储付款的方式信息，如费用，递送方式，优先级等信息。delivery表字段名说明Deliveryid主键Subject付款方式Fee费用Methord递送方式Deliveryidorder优先级该表主要存储顾客的搜索关键字信息，如关键字名称，优先级等信息。keyname表字段名说明Keyid主键Keynamekeyorder关键词优先级该表主要存储顾客在留言板的留言信息。mess表字段名说明Messid自增类型Messtypemessip该表主要存储了新闻信息news表字段名说明Newsname自增类型Newscontent添加者Adddate添加日期viewnum浏览次数该表主要存储顾客的订单信息。orders表字段名说明Actionid主键Username顾客名realname真实姓名该表存储了商品信息，如商品名称等。Product表字段名说明Id自增类型PrenameCompany…AddateRanknumamount该表主要存储商品二级分类信息sorts表字段名说明Sortid自增类型Sorts列表商品Sirtirder排序顺序first该表主要存储顾客注册的信息，如顾客的账号等user表字段名说明Userid顾客名Username顾客mailPassword密码Identigy身份证号Question密码提示问题…三、系统实现3.1数据操作功能的实现主要由conn.asp来实现。源代码是：%optionexplicitdimconn,connstr,startime,db,rsstartime=timer()db=admin/database/#TimesShop.mdbSetconn=Server.CreateObject(ADODB.Connection)connstr=Provider=Microsoft.Jet.OLEDB.4.0;DataSource=&Server.MapPath(&db&)conn.Openconnstr%3.2顾客登录注册管理一个网上的购物站点首先应该有的功能就是需要能够定位每位访客。在顾客登录后，才可以完整的跟踪顾客的行为。顾客也只有登录后才可以购买和收藏商品，查看订单等。其中注册界面如下，主要由reg.asp来实现。源代码：!--#includefile=conn.asp--（数据库的链接）!--#includefile=config.asp--（站点的配置信息）%dimactionaction=request.QueryString(action)%（取得查询串action的值）title%=webname%--新用户注册/title!--#includefile=include/headera.asp--%selectcaseactioncase%(根据不同的串action的值作相应的操作)%endsub%SCRIPTLANGUAGE=JavaScript!--functioncheck(){if(checkspace(document.userinfo.username.value)){document.userinfo.username.focus();alert(用户名不能为空，请重新输入！);returnfalse;}if(checkspace(document.userinfo.username.value)||document.userinfo.username.value.length2){document.userinfo.username.focus();alert(用户名长度不能小于2，请重新输入！);returnfalse;}if(checkspace(document.userinfo.identify.value)||document.userinfo.identify.value.length15){document.userinfo.identify.focus();alert(身份证号码长度不能小于15位，请重新输入！);returnfalse;}if(checkspace(document.userinfo.identify.value)||document.userinfo.identify.value.length18){document.userinfo.identify.focus();alert(身份证号码长度不能大于18位，请重新输入！);returnfalse;}if(checkspace(document.userinfo.password.value)||document.userinfo.password.value.length6){document.userinfo.password.focus();alert(密码长度不能小于6，请重新输入！);returnfalse;}if(document.userinfo.password.value!=document.userinfo.password1.value){document.userinfo.password.focus();document.userinfo.password.value='';document.userinfo.password1.value='';alert(两次输入的密码不同，请重新输入！);returnfalse;}if(document.userinfo.useremail.value.length!=0){if(document.userinfo.useremail.value.charAt(0)==.||document.userinfo.useremail.value.charAt(0)==@||document.userinfo.useremail.value.indexOf('@',0)==-1||document.userinfo.useremail.value.indexOf('.',0)==-1||document.userinfo.useremail.value.lastIndexOf(@)==document.userinfo.useremail.value.length-1||document.userinfo.useremail.value.lastIndexOf(.)==document.userinfo.useremail.value.length-1){alert(Email地址格式不正确！);document.userinfo.useremail.focus();returnfalse;}}else{alert(Email不能为空！);document.userinfo.useremail.focus();returnfalse;}}functionregInput(obj,reg,inputStr){vardocSel=document.selection.createRange()if(docSel.parentElement().tagName!=INPUT)returnfalseoSel=docSel.duplicate()oSel.text=varsrcRange=obj.createTextRange()oSel.setEndPoint(StartToStart,srcRange)varstr=oSel.text+inputStr+srcRange.text.substr(oSel.text.length)returnreg.test(str)}functioncheckspace(checkstr){varstr='';for(i=0;icheckstr.len