最新版《网页制作与动画设计》毕业课程设计报告说明.docx

最新版《网页制作与动画设计》毕业课程设计报告说明.docx

《最新版《网页制作与动画设计》毕业课程设计报告说明.docx》由会员分享，可在线阅读，更多相关《最新版《网页制作与动画设计》毕业课程设计报告说明.docx（17页珍藏版）》请在冰豆网上搜索。

最新版《网页制作与动画设计》毕业课程设计报告说明

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

1、可参考本文的结构（下图）来撰写课程设计报告

2、封面后第一页应描述本组成员及分工情况

3、应附有Web应用的源代码

4、必须于下学期开学第一周周末前将开题报告和源码email到

《网页制作与动画设计》

课程设计

课题名称：

网络商城

学院班级：

xx学院xx年级xx班

成员：

张三学号

李四学号

指导老师：

陈燕

课程设计成员介绍

组长：

xxx

其他成员：

yyy

组员分工:

***xxx

主要完成网站中商品查询那一块和数据库的整体设计。

***yyy

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

一、系统功能及总体结构简介

1.1系统功能说明

该项目的主要功能是实现网上购物以及网上订票等功能,这里是一个虚拟的商场,顾客可以在网上迅速查找到自己喜欢的商品,使顾客的购物变得轻松,快捷,方便,多种付款和送货方式使得客户可以在家就轻易完成整个购物流程,只需等待送货上门.对经营者来说,网上购物系统又可以节约企业的运营成本,迅速扩大企业的知名度,更提供了一个在迅速成长的电子商场上成长壮大自身的一个机会.另外要说明一点的是,该项目不仅仅是一个传统的购物系统,应该说它更优于传统的购物系统,之所以命名它为服务平台,是因为顾客所需的各种的服务基本都能在这个平台上实现.

该系统首先要包含几个最基本的功能:

1.建立和维护顾客信息库

顾客的注册功能是必要的,以后顾客再次访问时,会需要此顾客的一些相关信息,以便进行一些相应的统计工作。

同时，顾客可能也会在未来修改某些信息;为了在顾客忘记密码的情形下，仍然能够以原有的账号登录,系统提供了找会密码的功能.

2.方便和集成的电子购物环境

顾客可以在浏览商品的方便地收藏或者直接点购买来下订单，为了方便顾客查找所感兴趣的商品，系统提供了搜索功能，提高了购物效率。

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

3.商品管理

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

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

4.顾客和业主的交流平台

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

总体构架：

图1.1整体架构图

1.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

主键

Keyname

keyorder

关键词优先级

该表主要存储顾客在留言板的留言信息。

mess表

字段名

说明

Messid

自增类型

Messtype

messip

该表主要存储了新闻信息

news表

字段名

说明

Newsname

自增类型

Newscontent

添加者

Adddate

添加日期

viewnum

浏览次数

该表主要存储顾客的订单信息。

orders表

字段名

说明

Actionid

主键

Username

顾客名

realname

真实姓名

该表存储了商品信息，如商品名称等。

Product表

字段名

说明

Id

自增类型

Prename

Company

…

Addate

Ranknum

amount

该表主要存储商品二级分类信息

sorts表

字段名

说明

Sortid

自增类型

Sorts

列表商品

Sirtirder

排序顺序

first

该表主要存储顾客注册的信息，如顾客的账号等

user表

字段名

说明

Userid

顾客名

Username

顾客mail

Password

密码

Identigy

身份证号

Question

密码提示问题

…

三、系统实现

3.1数据操作功能的实现

主要由conn.asp来实现。

源代码是：

<%optionexplicit

dimconn,connstr,startime,db,rs

startime=timer（）

db="admin/database/#TimesShop.mdb"

Setconn=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"-->（站点的配置信息）

<%dimaction

action=request.QueryString（"action"）%>（取得查询串action的值）

--#includefile="include/headera.asp"-->

<%

selectcaseaction

case""%>（根据不同的串action的值作相应的操作）

<%

endsub

%>

--

functioncheck（）

{

if（checkspace（document.userinfo.username.value））{

document.userinfo.username.focus（）;

alert（"用户名不能为空，请重新输入！

"）;

returnfalse;

}

if（checkspace（document.userinfo.username.value）||document.userinfo.username.value.length<2）{

document.userinfo.username.focus（）;

alert（"用户名长度不能小于2，请重新输入！

"）;

returnfalse;

}

if（checkspace（document.userinfo.identify.value）||document.userinfo.identify.value.length<15）{

document.userinfo.identify.focus（）;

alert（"身份证号码长度不能小于15位，请重新输入！

"）;

returnfalse;

}

if（checkspace（document.userinfo.identify.value）||document.userinfo.identify.value.length>18）{

document.userinfo.identify.focus（）;

alert（"身份证号码长度不能大于18位，请重新输入！

"）;

returnfalse;

}

if（checkspace（document.userinfo.password.value）||document.userinfo.password.value.length<6）{

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"）returnfalse

oSel=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;i

str=str+'';

}

return（str==checkstr）;

}

//-->

图1.顾客注册界面

顾客登录，由login.asp来实现，界面如下：

3.3顾客浏览，查询和购买商品

*商品查询

一个购物站点应该提供让顾客迅速发现和查找他所感兴趣的商品的功能。

应用的查询功能一个方面需要简单明了，另一方面也需要支持更高速度的复杂查询。

从下面的图可以看到查询界面的简洁和友好，以及比较完善的查询条件。

图2.商品查询

简单查询由search.asp实现，高级查询由research.asp实现，部分代码如下：

1000元以下

20元以下

30元以下

50元以下

100元以下

10000以下

无限制

6px">商品分类：

6px">

<%setrs=server.CreateObject（"adodb.recordset"）

rs.open"select*fromcategoryorderbycategoryorder",conn,1,1

%>查询所有分类

<%dowhilenotrs.eof%>"><%=trim（rs（"category"））%>

<%rs.movenext

loop

rs.close

setrs=nothing%>

6px">