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

《网页制作与动画设计》课程设计报告说明1、可参考本文的结构（下图）来撰写课程设计报告2、封面后第一页应描述本组成员及分工情况3、应附有Web应用的源代码4、必须于下学期开学第一周周末前将开题报告和源码email到zf@《网页制作与动画设计》课程设计课题名称：网络商城学院班级：xx学院xx年级xx班成员：张三学号201207100341李四学号201207100321 指导老师：詹锋课程设计成员介绍组长：xxx其他成员：yyy组员分工:***xxx主要完成网站中商品查询那一块和数据库的整体设计。

***yyy主要完成后台管理，登录注册，留言版块，在线订单以及静态页面的设计等功能。

一、系统功能及总体结构简介1.1系统功能说明该项目的主要功能是实现网上购物以及网上订票等功能,这里是一个虚拟的商场,顾客可以在网上迅速查找到自己喜欢的商品,使顾客的购物变得轻松,快捷,方便,多种付款和送货方式使得客户可以在家就轻易完成整个购物流程,只需等待送货上门.对经营者来说,网上购物系统又可以节约企业的运营成本,迅速扩大企业的知名度,更提供了一个在迅速成长的电子商场上成长壮大自身的一个机会.另外要说明一点的是,该项目不仅仅是一个传统的购物系统,应该说它更优于传统的购物系统,之所以命名它为服务平台,是因为顾客所需的各种的服务基本都能在这个平台上实现.该系统首先要包含几个最基本的功能:1.建立和维护顾客信息库顾客的注册功能是必要的,以后顾客再次访问时,会需要此顾客的一些相关信息,以便进行一些相应的统计工作。

同时，顾客可能也会在未来修改某些信息;为了在顾客忘记密码的情形下，仍然能够以原有的账号登录,系统提供了找会密码的功能.2.方便和集成的电子购物环境顾客可以在浏览商品的方便地收藏或者直接点购买来下订单，为了方便顾客查找所感兴趣的商品，系统提供了搜索功能，提高了购物效率。

系统同时对这些搜索关键字进行统计分析，以分析出顾客消费的热点信息。

3.商品管理系统中的商品必须能够进行很好的管理，包括能够方便的添加新商品入库，能够维护和编辑商品的分类，能够在需要的时候修改库中的商品信息。

商品的管理必须实现的另以个目标是通过友好和合理的方式展现给顾客。

4.顾客和业主的交流平台顾客与经营者的相互交流尤为重要，建立这样的一个平台是非常必须的。

总体构架：图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个不同专题三、系统实现3.1数据操作功能的实现主要由conn.asp来实现。

源代码是：<% option explicitdim conn,connstr,startime,db,rs startime=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(ername.value)) { ername.focus();alert("用户名不能为空，请重新输入！");return false;}if(checkspace(ername.value) || ername.value.length < 2) { ername.focus();alert("用户名长度不能小于2，请重新输入！");return false;}if(checkspace(erinfo.identify.value) || erinfo.identify.value.length < 15) { erinfo.identify.focus();alert("身份证号码长度不能小于15位，请重新输入！"); return false;}if(checkspace(erinfo.identify.value) || erinfo.identify.value.length > 18) { erinfo.identify.focus();alert("身份证号码长度不能大于18位，请重新输入！"); return false;}if(checkspace(erinfo.password.value) || erinfo.password.value.length < 6) { erinfo.password.focus();alert("密码长度不能小于6，请重新输入！");return false;}if(erinfo.password.value !=erinfo.password1.value) {erinfo.password.focus();erinfo.password.value = '';erinfo.password1.value = '';alert("两次输入的密码不同，请重新输入！");return false;}if(eremail.value.length!=0){if (eremail.value.charAt(0)=="." ||eremail.value.charAt(0)=="@"|| eremail.value.indexOf('@', 0) == -1 ||eremail.value.indexOf('.', 0) == -1 ||stIndexOf("@")==docu eremail.value.length-1 ||stIndexOf(".")==docu eremail.value.length-1){alert("Email地址格式不正确！");eremail.focus();return false;}}else{alert("Email不能为空！");eremail.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="100000000">无限制</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"))%></op tion><%rs.movenextlooprs.closeset 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>*购物流程当顾客在浏览或查找到自己心仪的商品时，此时他就会有购买的欲望。