计算机网络技术 毕业设计 毕业论文 动态网站设计与实现—电子购

陕西广播电视大学

毕业论文

姓 名： 专 业：X X X X 学 号： 指导教师：XXX XXXX年XX月

题目:动态网站设计与实现—电子购物网站

摘要

21世纪是网络时代，互联网正逐渐地改变我们的生活方式。人们很容易地接受网络知识和在网上得到的信息。本文讲解了一个以女性电子产品为主题的网站的建设，它基于数据关联规则的网站个性化页面及动态数据生成案例，本系统基于B/S结构，主要使用技术有ASP，Access，及网页三剑客，具有用户使用更简单、反映用户兴趣爱好更明显细致等优点。在网页方面，综合考虑了页面色彩、页面的构架，充分的利用了图片、文字、图层、表格等元素。网站内容明确，层次清楚，达到了预期的功能。

关键词：网站，建设，ASP,Access;

目 录

第一章 系统开发工具................................................. 1

1.1 ASP ......................................................... 1 1.2 IIS ......................................................... 1 1.3 SQL Server 2000 ............................................. 1 1.4 Dreamweaver ................................................. 2 1.5 Photoshop ................................................... 2 第二章 系统开发语言................................................. 3

2.1 HTML ........................................................ 3 2.2 VBScript .................................................... 3 2.3 SQL ......................................................... 4 第三章 毕业设计项目概述............................................. 5

3.1系统设计背景................................................. 5 3.1.1互联网站的发展............................................. 5 3.1.2网络购物新潮............................................... 5 3.2设计目的..................................................... 5 3.3设计目标..................................................... 6 第四章 系统的需求分析............................................... 7

4.1功能需求分析................................................. 7 4.1.2 输入输出要求 .............................................. 7 4.2客户前台功能：............................................... 7 4.3商家后台功能................................................. 8 4.4 可行性分析 .................................................. 9 4.4 基于B/S结构的访问模式 ..................................... 10 4.5网站的深入调查.............................................. 11 第五章 系统设计.................................................... 12

5.1 总体设计 ................................................... 12 5.2 站点的目录结构设计 ......................................... 13 5.3数据库的设计................................................ 13

5.3.1数据库概念设计 ........................................ 13 5.3.2数据库的逻辑设计 ...................................... 13 5.3.3字段详细设计 .......................................... 13 5.4系统设计.................................................... 16

5.4.1首页设计 .............................................. 16 5.5用户界面设计................................................ 16

5.5.1商品简介 .............................................. 17 5.5.2后台登陆 .............................................. 18 5.6购物功能的实现.............................................. 19 5.7用户注册页面与实现.......................................... 20

1

第六章 系统运行与管理.............................................. 22

6.1 会员维护模块 ............................................... 22 6.2 商品展示与维护模块 ......................................... 22 7.1系统测试.................................................... 23 7.2系统测试实例................................................ 23 7.3系统效果分析及展望.......................................... 24 致谢............................................................... 24 附录............................................................... 27

2

第一章 系统开发工具

1.1 ASP

ASP(Application Service Provider)是Microsoft公司开发的服务器断的脚本环境是目前流行的开放式的WEB应用程序开发技术。ASP的主要特性是能够把脚本、HTML、组件和强大的WEB数据库访问功能结合在一起，形成一个能在服务器上运行的应用程序，并把按用户的要求专门制作的HTML页面送给客户端浏览器。ASP属于ActiveX技术中的服务器端技术，与通常在客户端实现动态页面的技术（如 Java Applet ActiveX控件和VBScript等）不同，ASP中的命令和脚本都是在服务器端解释执行，将执行后的结果生成HTML页面并发送给浏览器。由于脚本在服务器端执行，因而开发者不必担心浏览器是否能执行脚本。同时，由于只是将HTML页面发送到浏览器，在浏览器上看不到ASP程序，因此可以防止程序被窃取。另外，ASP还具有许多显著的优点。例如，ASP运行在Web服务器的同一进程中，能更快、更有效地处理客户请求；ASP提供了更简单、更方便的数据库访问方法，使开发基于数据库驱动的Web应用程序更容易；ASP支持VBScript和Jscript，能以插件形式支持其他脚本语言。

1.2 IIS

IIS是Internet Information Server的缩写，它是微软公司主推的服务器，最新的版本是Windows 2003里面包含的IIS 6.0。IIS与Window NT Server完全集成在一起，能够建立强大，灵活而安全的Internet和Intranet站点。IIS支持HTTP（超文本传输协议），FTP（文件传输协议）以及SMTP协议。 IIS不需要开发人员学习新的脚本语言或者编译应用程序，IIS完全支持VB script、Jscript开发软件及Java等。

1.3 SQL Server 2000

Microsoft SQL Server 2000是微软公司开发的一种功能强大、完整的关系型数据库系统，以Transact SQL作为它的数据库查询和编程语言。SQL Server 2000提供了以Web标准为基础的扩展数据库编程功能，以使用HTTP来向数据库发送查询、对数据库中存储的文档执行全文搜索、以及通过Web进行自然语言查询。SQL Server 2000提供了一整套图形化工具以方便用户操作，创建和修改数据库及备份数据库操作可通过企业管理器来进行。

1

1.4 Dreamweaver

Dramweaver MX 2004 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。Dreamweaver 可提供在可视化编辑环境中工作， 利用 Dreamweaver 中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。同时，如果 要 用手工直接编码，Dreamweaver 还包括许多与编码相关的工具和功能。并且，借助 Dreamweaver，还可以使用服务器语言（例如 ASP、ASP.NET、ColdFusion 标记语言 (CFML)、JSP 和 PHP）生成支持动态数据库的 Web 应用程序。

1.5 Photoshop

Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图无法比拟的。 学习内容：Photoshop掌握绘画的基础理论，学习色彩原理和选取颜色、范围选取、工具与绘图、图像编辑、控制图像色彩和色调、使用图层、路径、通道和蒙板的应用、滤镜等。

2

第二章 系统开发语言

2.1 HTML

HTML (Hyper Text Mark Language)即 超文本标记语言，是WWW上通用的描述语言，是制作网页的基础，HTML语言主要是为了把存放在一台计算机中的文件或图形与另一台计算机中的文本或图形方便地联系在一起，形成有机的整体。HTML标记是HTML的核心与基础，用于修饰、设置HTML文件的内容及格式。HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样。

2.2 VBScript

VBScript的 全名是 Microsoft Visual Basic Scripting Edition ，它是专业编程语言Visual Basic的子集。

使用VBScript可以实现很多动态交互功能，诸如在 将数据法送到服务器之前先进行处理和校验，创建新的WEB内容，甚至编写完全在客户端运行的应用程序，如计算器和游戏使用程序，扩展客户端的功能等。

ASP本身并不是一种脚本语言，而是一种技术框架，它为嵌入HTML页面中的脚本语言提供了运行的环境。ASP程序中常用的脚本语言有VBScript和 Java script 等，默认语言为VBScript语言。

一般情况下VBScript代码都是在服务器端执行。当VBScript代码在服务器端执行时有两种语法格式。 格式1：

<% VBScript代码 %> 格式2：

< Script Language =\VBScript代码

3

有时，为了某种需要，会将VBScript代码放在客户端执行，这时的语法格式如下：

< Script Language =\VBScript代码

2.3 SQL

SQL(Structure Query Language)是一种使用于关系数据库的结构查询语言，它功能强大、简单易学，使用范围广，可移转性强，当前较流行的关系型数据库如 Oracle Sybase dBase

Visual FoxPro和DB2 、SQL Server、Access等数据库管理系统都 支持SQL语言。SQL语言是学习关系型数据库管理系统的重要基础 。

SQL语言最早是在1974年由美国的IBM公司提出的，随后不断发展，不断完善。1986年10月美国国家标准学会（ANSI）批准将SQL语言作为美国数据库的 语言标准，1987年国际标准化组织(ISO)也通过了这一条标准。

SQL 语言包含9个命令动词，分别用于数据定义、数据查询、数据操纵及数据控制，

-------------------------------------- SQL 功能 │ 动 词 ─────┼───────────── 数据查询 │ SELECT ─────┼───────────── 数据定义 │ CREATE，DROP，ALTER ─────┼───────────── 数据操纵 │ INSERT，UPDATE，DELETE

4

第三章 毕业设计项目概述

3.1系统设计背景

3.1.1互联网站的发展

中国互联网络信息中心的调查报告显示截至2009年6月底，中国网民数量达到2.53亿，网民规模跃居世界第一位。中国网民规模继续呈现持续快速发展的趋势。比去年同期增长了9100万人，同比增长56.2%。在2009年上半年，中国网民数量净增量为4300万人。网络购物使用率为25%，用户人数达到6329万人，半年内用户量增加了1688万人，已经成为十大网络应用之一。网上拍卖作为网络购物的一种重要形式，在电子商务中扮演着越来越重要的角色。

目前，世界各国纷纷看好网上消费这块新大陆，普遍认为网络的发展将是未来25年世界经济发展的一个重要推动力，对经济的促进将远远超过200年前的工业革命。著名网络经济调查评论家Robert Metcalfe声称：“互联网的价值等于（与之相联结的）网点数量的平方。”

3.1.2网络购物新潮

网上拍卖是利用互联网，在网站上公开有关待出售物品或服务的信息，通过竞争投标的方式将它出售给出价最高的投标者。其实质是以竞争价格为核心，建立生产者和消费者之间的交流与互动 机制，共同确定价格和数量，从而达到均衡的一种市场经济过程。相对与传统的拍卖，网上拍卖的优点在于每个商家都可以制定一套适合自己的拍卖规则，并且通过网上拍卖还可以使定价达到更准确的水平。与传统拍卖相比，在网站上拍卖的物品类型更加多样化。从电器、电子软件，汽车立体声系统等电子产品到运动员亲笔签名的网球、二手平装书籍、音乐会门票、沙发、陶器、单簧管等收藏品、生活用品和消遣服务等，可谓琳琅满目、应有尽有。

要对网上拍卖系统的进行研究，就要先对我国拍卖市场的进行调查分析，就要对我国网民进行分析，对我国的互联网发展进行调查，对拍卖的规则进行深入的了解。通过研究符合我国国情的，满足我国网民需求的网上拍卖系统，有助于促进我国网上拍卖相关理论的研究，有助力于完善我国网上拍卖体系，激发同行来同努力提高相关技术，最终为消费者受益。

3.2设计目的

5

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。毕业设计是计算机网络技术专业重要的检验教学教学环节。她是我们学生运用所学知识，在知道教师的指导帮助下，使我们更加进一步了解和认识网站规划和具体网页制作过程，并将其运用到以后的工作当中去，掌握网页制作三剑客软件的使用；加强处理网页图片的基本技巧；学会制作较为复杂的Flash动画；掌握使用模板、库、结合网页制作理论知识作出完整的网站。毕业设计通过不同方式培养学生分析、解决问题的能力与实际操作能力，使我们掌握网站设计、制作和维护的基本操作，为我们毕业后从事计算机行业相关工作打下坚实的基础。很多企业已经将互联网作为形象宣传、产品推销的主要手段。因此社会需要大量的网络和网站建设的人才，这给已近踏出校门的我们提供了巩固自我的大舞台。

3.3设计目标

本网站的设计目标是通过使用我们所学过的专业知识规划、设计、制作一个能够既方便企业的管理者管理，又利于购物者舒适方便的购买产品。实现商家与客户互赢互利。

6

第四章 系统的需求分析

网上电子产品购买的需求，这两方面分别是电子产品的购买者、管理人员。购买者的需求是查询电子产品店所存的电子产品、个人购买情况及个人信息的修改；管理人员对购买者的购买要求进行操作，同时形成给购买者按购买多少或次数进行等级升级；购买者可直接查看自己所需电子产品的情况，如果购买者根据本人用户名和密码登录系统，还可以进行本人购买电子产品情况的查询和维护部分个人信息。一般情况下，购买者只应该查询和维护本人的借书情况和个人信息，若查询和维护其他购买者的购买电子产品情况和个人信息，就要知道其他购物者的用户名和密码。这些是很难得到的，特别是密码，所以不但满足了购买者的要求，还保护了购买者的个人隐私。

4.1功能需求分析

(1)基本的功能模块：浏览所有电子产品信息、浏览电子产品的排行，浏览热门产品，及电子产品的分类

(2)数据录入：主要有手工录入。

4.1.2 输入输出要求

(1) 输入：依据不同可模块有以下一种录入方式： <1> 手工录入

(2) 输出：以网页的形式展现给用户

4.2客户前台功能：

① 客户管理功能

系统实行会员注册或登陆，对客户的相关信息的信息（允许项）可以进行修改。

② 商品信息查询功能

为客户提供模糊查询商品信息、搜寻商品。 ③ 购买功能

客户确定购买对象、下订单、进入购物系统，完成购买。

7

④ 网上结算银行功能

系统采用网上银行方式，支持网上结算，经过模拟认证后，根据银行帐号在网上处理购买结算。

⑤ 售后评价及退货功能

完成购物后，可以进行评价或者要求商家予以退货服务。

4.3商家后台功能

① 商品信息管理功能

在本网站中由系统管理员或由系统管理员授权委托管理整个系统的商品信息，发布销售商品信息，商家注册取得授权后可在系统后台随时增添、修改、更新销售商品信息，这样就可以使客户及时了解产品的最新动态及解决客户在浏览本网站或购买时产生的问题的反馈意见。

② 订单管理功能

系统内构成由每个订单生成，按时间顺序生成订单号、订单入库，订单查询组成的完整的订单处理流程。

③ 配送管理功能

合同（订单）确认后，卖方向买方送提货单证（网上下载），凭单提货、配货送货。

④ 商品退货处理和售后反馈功能

售后服务中不合格退货的要求，本网站系统支持退货处理，包括货款退还的操作，同时对客户予以评价。

⑤ 客户信息管理功能

系统实行会员注册，对客户的相关信息、交易信息等实行跟踪管理，适时会员实行升级制度。

⑥ 网上结算银行功能

系统采用网上银行方式，支持网上结算，经过模拟认证后，根据银行帐号在网上处理收款结算。后台功能结构模块如图2-1

8

后台功能 商品信息管理 订单管理 配送管理 退货和信息反馈 客户信息管理 网上结算 图3-1 后台管理功能结构模块图 上述几项功能由于时间紧凑的关系，我还没做好准备以后再进一步的研究这几方面的内容。 4.4 可行性分析

随着计算机技术的发展和网络人口的增加，网络世界也越来越广泛，越来越丰富，电子商务已经成为网上的一股潮流。我们相信要不了太长有时间，顾客就可以在网络世界上获得他们在现实世界上可以获得的所有商品和服务。

可行性研究是为了弄清楚系统开发的项目是不是可以实现和值得进行研究的过程，实际上是一次大大简化了系统分析和系统设计的过程，所以，进行可执行性分析是非常必要的，也是很重要的，经过最初的设计目标和进行的市场调查得出以下四点的可行性分析：

<1>经济可行性：即实现这个平台设计有没有什么经济效益？该平台设计就能够实现为企业节省开支，比如：房租 ，员工工资等，而且容易吸引广大客户发眼球。

<2>技术可行性：即现有的技术能否开发该平台，会有哪些困难，能否解决这些困难，而本网站主要就是利用ASP动态网页设计，photoshop图片处理，ACCESS数据库的链接等，但是这些技术还不能完全开发这个平台，会遇到一些要用到高级语言如java等，而这些有待于我进一步学习。

<3>运行可行性：即该平台规定的运行方式是否可行。本网站我采取用netbox运行，（netbox是 一个类似于IIS的WEB服务器软件，相对与IIS要简单一些 ）。

9

经过检测可以正常运行。

<4>法律可行性：即该平台的开发会不会在社会上引起侵权或其它责任问题。因为该平台是作为毕业设计与商业无关，又因为是自主开发设计，因此不会构成侵权，在法律上是可行的。

通过以上的可行性分析，我将采用NETBOX与ASP将结合的技术，运用ACCESS数据库对网站进行建设。

4.4 基于B/S结构的访问模式

客户端 客户端 Web服务器 后台服务器 客户端

图 4-4 B/S三层结构

本系统的设计采用B/S的模式设计，采用三级结构组成的方式完成系统的 的设计，图中从左到右，分为三个部分

第一部分是客户端即浏览器，主要完成客户和后台的交互及最终查询结果的输出功能。在客户端向指定的Web服务器提出服务器请求，Web服务器用HTTP协议把所需的文件资料传给用户，客户端接受并显示在WWW浏览器上。

第二部分的Web服务器是功能层，完成客户的应用功能，即Web服务器接受客户请求，并与后台数据库连接，进行申请处理，然后将处理结果返回Web服务器，再传到客户端。

第三部分的数据库服务器是数据层。数据库服务器应客户的请求独立地进行各种处理。

10

4.5网站的深入调查

经过以上的初步调查和研究，并且确定了该平台的可行性，并决定开发本平台，为了能够对现行的平台内容进行充分了解，使所要开发的平台更具有实用性和适应性，通过深入调查和指导老师的耐心介绍，设计出该平台功能如下：

<1>能够完成用户的基本信息录入的注册和用户基本信息的个人前台管理与后台管理。

<2>能够完成管理员对网站的商品资料（添加大类、添加小类、商品添加、商品审查）、商品交易（外理订单、发货查询）、会员管理（会员审查）、操作管理（管理员添加、管理员审查、管理员退出）的功能。

<3>能过商品的名称，商品的分类进行搜索。

<4>能够通过查看购物车对所选商品进行确定、挑选，通过定单查询对支付费用进行确定。

11

第五章 系统设计

5.1 总体设计

一、定位。每个网站都应有自己的独特目的。相对于现实的单位来说，也就是企业设计中的企业宗旨。而目前的很多网站，尤其是一些小公司或个人网站对此把握得并不到位。就象是文章的中心思想不明确。定位不清楚，使浏览着不知其所云。

二、功能的实现。网站有了、定位有了，接下来要对网站功能的实现及实现的过程细心安排。要做到流畅、完备、可信、安全。

三、艺术在网络的价值。随着网络的发展、速度的提高，使得图形图像等多媒体形式在网站上占有了非常重要的地位。网页的内容从最早的文字向多媒体发展，这使得网站的建设过渡成了一种综合的艺术设计行为。于是，评价一个网站的优劣，艺术效果所占的比例越来越高。从而也产生了如网站策划师、网页效果设计师等等新兴行业。

四、把握网页艺术效果的要点。

１、网站的形象与个性。网络是虚拟的，而网站往往体现的是现实世界中的一个实体，如公司或个人。每个实体都有自己独特的元素。如名称、标志、标准字体、标准色等等。通过这些元素的合理应用，来把现实世界的实体表现在虚拟的网络上。这一过程就是对网站形象与个性的塑造。最后的体现就是一种风格。

２、网站栏目的规划。这里要强调的是浏览过程，也就是导向性。一个网站有许多页面、联接和主题。要把各网页和各主题之间的先后、联接关系处理的合理、流畅、环环相扣。

３、多媒体的运用。多媒体的运用使得网站多姿多彩。这里要强调的适“度”的把握。这是最能体现设计师水平的环节。

五、创意的思路。

总体来说，设计的目标就是体现一种风格。艺术学科之间是相通的，所以我认为使用平时自己不会使用的方法来考虑设计的思路。比如反向思维、对比、比喻、象征等等违反常规的思路，以做到出奇制胜。

12

5.2 站点的目录结构设计

如3-1图所示，通过这个模块图我们可以直观的了解到这个电子产品网上购物店首页整体结构是怎样，都有哪些基本的模块组成。

首页模块 首 页 新品报价 特价促销 推荐商品 用户中心 坊中新闻 行业资讯 导航分类

图5-2网站首页模块图

5.3数据库的设计

5.3.1数据库概念设计

本数据库是购物网站后台支持数据库，它负责整个系统数据的存储。

5.3.2数据库的逻辑设计

主要工作是将现实世界的概念数据模型设计成数据库的一种逻辑模式，即适应于某种特定数据库管理系统所支持的逻辑数据模式。

5.3.3字段详细设计

如表5-3所示

13

管理员信息表（admin）

列名 User_id Username userpassword 数据类型 自动编号 文本 文本 个人用户信息表（user）

列名 Id Username Password Name Sex Birthday Sfz Job Tel Fax Sj Qq 数据类型 自动编号 文本 文本 文本 文本 文本 文本 文本 文本 文本 文本 文本 字段描述 自动编号，设为主键 登录账号 登录密码 用户姓名 性别 生日 身份证号 工作 电话 传真 手机号 QQ号 字段描述 自动编号，设为主键 管理员用户名 管理员密码 14

Email Yb Address http Bz Date Last_date 文本 文本 文本 文本 备注 文本 文本 区域信息表（fctype）

电子邮件 邮编 地址 个人主页 备注 注册日期 最后登录日期 列名 Typeid Type 数据类型 自动编号 文本 客户反馈信息（lyb）

字段描述 自动编号，设为主键 所在的区域 列名 Ly_id Ly_man Ly_email Ly_bz Ly_date 数据类型 自动编号 文本 文本 备注 文本 字段描述 自动编号，设为主键 留言人 留言人电子邮件 留言内容 留言日期 表5-3字段的详细设计

15

5.4系统设计

系统的概要设计中最重要的就是系统的模块化。模块化是指解决一个复杂问题时自项向下逐层把软件系统划分成若干个模块的过程。每个模块完成一个特定的功能，所有的模块按某种方法组织起来，成为一个整体，完成整个系统所要求的功能。

5.4.1首页设计

首页设计的界面如5-3图所示：

首页的部分代码和会员登陆部分代码参见附录一

图5-4首页设计的界面

通过此界面可以使我们清晰看到本网站首页设计的整个布局。

5.5用户界面设计

此用户界面当我们进入以后，我们就会看到如下图5-4，此界面可以使用户在仔细看完该产品后若决定购买，可以直接注册或登录，反之则退出该界面。

16

图5-5用户界面设计

5.5.1商品简介

此界面方便用户全方位理解该产品的功能及特性，该界面的陈述的好坏也会使购买者决定是否购买。如图5-5所示：

图5-5商品简介图

17

5.5.2后台登陆

当打开首页以后，在地址栏里输入：http://localhost/admin/login.asp,即可进入后台管理界面。后台登陆界面如图5-6所示

图5-5后台登陆界面

程序运行过程：

（1）使用代码