《网页制作与动画设计》课程设计报告说明.doc

网页制作与动画设计课程设计报告说明1、 可参考本文的结构（下图）来撰写课程设计报告2、封面后第一页应描述本组成员及分工情况3、应附有Web应用的源代码4、必须于下学期开学第一周周末前将开题报告和源码email到cy 网页制作与动画设计课程设计课题名称：网络商城学院班级：xx学院xx年级xx班成 员：张 三 学号1 李 四 学号 1指导老师：陈 燕课程设计成员介绍组长：xxx其他成员：yyy组员分工:*xxx主要完成网站中商品查询那一块和数据库的整体设计。*yyy主要完成后台管理，登录注册，留言版块，在线订单以及静态页面的设计等功能。一、系统功能及总体结构简介1.1系统功能说明该项目的主要功能是实现网上购物以及网上订票等功能,这里是一个虚拟的商场,顾客可以在网上迅速查找到自己喜欢的商品,使顾客的购物变得轻松,快捷,方便,多种付款和送货方式使得客户可以在家就轻易完成整个购物流程,只需等待送货上门.对经营者来说,网上购物系统又可以节约企业的运营成本,迅速扩大企业的知名度,更提供了一个在迅速成长的电子商场上成长壮大自身的一个机会.另外要说明一点的是,该项目不仅仅是一个传统的购物系统,应该说它更优于传统的购物系统,之所以命名它为服务平台,是因为顾客所需的各种的服务基本都能在这个平台上实现.该系统首先要包含几个最基本的功能:1. 建立和维护顾客信息库顾客的注册功能是必要的,以后顾客再次访问时,会需要此顾客的一些相关信息,以便进行一些相应的统计工作。同时，顾客可能也会在未来修改某些信息;为了在顾客忘记密码的情形下，仍然能够以原有的账号登录,系统提供了找会密码的功能.2. 方便和集成的电子购物环境顾客可以在浏览商品的方便地收藏或者直接点购买来下订单，为了方便顾客查找所感兴趣的商品，系统提供了搜索功能，提高了购物效率。系统同时对这些搜索关键字进行统计分析，以分析出顾客消费的热点信息。3. 商品管理系统中的商品必须能够进行很好的管理，包括能够方便的添加新商品入库，能够维护和编辑商品的分类，能够在需要的时候修改 库中的商品信息。商品的管理必须实现的另以个目标是通过友好和合理的方式展现给顾客。4. 顾客和业主的交流平台顾客与经营者的相互交流尤为重要，建立这样的一个平台是非常必须的。用户管理信息管理常规设置总体构架：用户注册，登录商品信息列表查询商品信息留言版块后台用户交互前台用户交互WIN XP,HTML&ASP,ACCESS,VBSCRIPT,JSCRITPTACCESS数据库 图1.1 整体架构图1.2系统功能模块 二、系统数据库设计与实现2.1 数据需求分析分析该系统的特点会发现有以下几类信息需要存储在数据库中：顾客信息和顾客购物，订单维护方面的数据库：包括存储顾客注册信息的表，订单内容的表；商品信息的表：包括了商品分类的表，商品对应的图片的物理位置存储的表，商品的详细信息的表；其他杂项：包括初始设置，评论等方面的表。 由于大部分只是存储文本信息，都是小字段的问题，不会设计到BLOB，而作为以个 中小型的应用，数据量也就只会在万条左右，所以完全可以用ACCESS数据库作为后台的支持。2.2 E-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自增类型PrenameCompanyAddateRanknumamount该表主要存储商品二级分类信息sorts表字段名说明Sortid自增类型Sorts列表商品Sirtirder排序顺序first该表主要存储顾客注册的信息，如顾客的账号等user表字段名说明Userid顾客名Username顾客mailPassword密码Identigy身份证号Question密码提示问题三、 系统实现3.1数据操作功能的实现主要由conn.asp来实现。源代码是：<% option explicitdim conn,connstr,startime,db,rsstartime=timer()db="admin/database/#TimesShop.mdb"Set conn = Server.CreateObject("ADODB.Connection")connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(""&db&"")conn.Open connstr %> 3.2顾客登录注册管理 一个网上的购物站点首先应该有的功能就是需要能够定位每位访客。在顾客登录后，才可以完整的跟踪顾客的行为。顾客也只有登录后才可以购买和收藏商品，查看订单等。其中注册界面如下，主要由reg.asp来实现。源代码：<!-#include file="conn.asp"-> （数据库的链接）<!-#include file="config.asp"-> （站点的配置信息）<%dim actionaction=request.QueryString("action")%> （取得查询串action的值）<title><%=webname%>-新用户注册</title> <!-#include file="include/headera.asp"-> <%select case actioncase ""%>(根据不同的串action的值作相应的操作)<%end sub%> <SCRIPT LANGUAGE="JavaScript"><!-function check() if(checkspace(document.userinfo.username.value) document.userinfo.username.focus(); alert("用户名不能为空，请重新输入！");return false; if(checkspace(document.userinfo.username.value) | document.userinfo.username.value.length < 2) document.userinfo.username.focus(); alert("用户名长度不能小于2，请重新输入！");return false; if(checkspace(document.userinfo.identify.value) | document.userinfo.identify.value.length < 15) document.userinfo.identify.focus(); alert("身份证号码长度不能小于15位，请重新输入！");return false; if(checkspace(document.userinfo.identify.value) | document.userinfo.identify.value.length > 18) document.userinfo.identify.focus(); alert("身份证号码长度不能大于18位，请重新输入！");return false; if(checkspace(document.userinfo.password.value) | document.userinfo.password.value.length < 6) document.userinfo.password.focus(); alert("密码长度不能小于6，请重新输入！");return false; if(document.userinfo.password.value != document.userinfo.password1.value) document.userinfo.password.focus();document.userinfo.password.value = ''document.userinfo.password1.value = '' alert("两次输入的密码不同，请重新输入！");return false; 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(); return false; else alert("Email不能为空！"); document.userinfo.useremail.focus(); return false; function regInput(obj, reg, inputStr)var docSel= document.selection.createRange()if (docSel.parentElement().tagName != "INPUT")return falseoSel = docSel.duplicate()oSel.text = ""var srcRange= obj.createTextRange()oSel.setEndPoint("StartToStart", srcRange)var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)return reg.test(str)function checkspace(checkstr) var str = '' for(i = 0; i < checkstr.length; i+) str = str + ' ' return (str = checkstr);/-> 图1.顾客注册界面顾客登录，由login.asp来实现，界面如下： 3.3 顾客浏览，查询和购买商品*商品查询一个购物站点应该提供让顾客迅速发现和查找他所感兴趣的商品的功能。应用的查询功能一个方面需要简单明了，另一方面也需要支持更高速度的复杂查询。从下面的图可以看到查询界面的简洁和友好，以及比较完善的查询条件。图2.商品查询简单查询由search.asp实现，高级查询由research.asp实现，部分代码如下：<select name="jiage" id="jiage"><OPTION VALUE="1000">1000元以下</OPTION><OPTION VALUE="20">20元以下</OPTION><OPTION VALUE="30">30元以下</OPTION><OPTION VALUE="50">50元以下</OPTION><OPTION VALUE="100">100元以下</OPTION><OPTION VALUE="10000">10000以下</OPTION><OPTION VALUE="">无限制</OPTION></select></td></tr> <tr BGCOLOR=ffffff> <td height="18" style="padding-left:6px">商品分类：</td><td style="padding-left:6px"> <%set rs=server.CreateObject("adodb.recordset") rs.open "select * from category order by categoryorder",conn,1,1 %> <select name="categoryid"> <option value="0">查询所有分类</option> <%do while not rs.eof%> <option value="<%=rs("categoryid")%>"><%=trim(rs("category")%></option> <%rs.movenext loop rs.close set rs=nothing%> </select></td></tr> <tr BGCOLOR=ffffff> <td height="18" colspan="2" style="padding-left:6px"><div align="center"> <input type="submit" name="Submit" value="查 找" onclick="return checkk();"> </div></td></tr></form></table></td></tr> </table>*购物流程 当顾客在浏览或查找到自己心仪的商品时，此时他就会有购买的欲望。顾客的购买流程在进入购物界面时会有提示。顾客点击购买按钮后就会转移到订购模块，此时会要求顾客填写收货人信息，如图所示。如果顾客订购成功，会返回以个订购成功的页面，并且详细列出顾客所提交的订单的信息。如图所示：*订单管理当顾客在前台选中自己的商品并且提交了订单以后，这些订单就转移到了后台，等待管理员的处理。管理员在后台需要有专门的处理订单的模块。为了快速的能够定位订单，同样提供了查找功能，管理员通过查找功能可以迅速定位到相应的订单，如图：后台管理主页面：后台管理-添加新商品界面：后台管理查看修改商品界面：后台管理查看商品订单界面：后台管理查看意见反馈界面：基于以上所述，该服务平台系统所具备的功能已经一目了然，功能是完善的。其中部分文件的功能如下：cat.asp: “购买”的源码。header.asp:每个页面的导航条。Chkuser.asp:用来处理login.asp传来的用户名和密码等信息和数据库中的是否相符，以决定用户登录的成功与否。cart.asp：将顾客购买的商品列出。menu.asp:响应“管理商品订单”。Vieworder.asp：处理订单信息的详细显示，并且提供删除此订单的功能。save.asp: 完成删除或者修改订单的状态。admincomment.asp：管理商品评论的代码。savecomment.asp:管理员审核顾客对商品的评论。Admin.asp /Saveadmin.asp:用来处理提交和响应后台用户信息的管理的处理。四、开发中遇到和解决的技术难题 4.1环境设置开始要考虑的是安装IIS来建一个虚拟服务器，我的系统原来是WIN XP番茄版的，用番茄版的那张系统碟安装IIS就是运行不了，老出现Application server error,后来换用其他的IIS安装文件还是出现同样的问题，于是想到可能是系统问题，迫不得已重装了系统，后来用WIN XP原版系统，虽然老了点，但后来IIS终于可以用了。 4.2错误调试请尝试执行下列操作： 单击刷新按钮，或稍后重试。 打开 localhost 主页，然后查找与所需信息相关的链接。 HTTP 错误 500.100 - 内部服务器错误 - ASP 错误 Internet 信息服务后来到网上找到其中原因是原因：IE浏览器设置中屏蔽掉了出错的具体信息。解决方案是：1、选择IE浏览器工具Internet选项。 2、在高级选项框中将“显示友好HTTP错误信息”的勾选去掉。在程序的调试上没遇到什么大问题，出错信息出现后回头检查才发现是输入的时候不小心输错了而已，只是自己一时的粗心大意而已。