网站建设课程设计
《电子商务网站建设》课程设计
前言
随着Internet国际互联网的发展，越来越多的企业开始建造自己的网站。基于Internet的信息服务，产品服务已经成为现代企业一项不可缺少的内容。很多企业都已不满足于建立一个简单的仅仅能够发布信息的静态网站。现代企业需要的是一个功能强大的，能提供完善的电子产品服务的动态产品网站。
本文描述了用ASP技术实现动态网上MP5的开发概述、技术特征、应用原理及方法，充分突出了ASP技术的优越性。本系统的主要功能是实现网络销售中以B/S为结构的MP5信息发布和管理，其中包括前台功能：MP5展示、在线新闻；后台功能：MP5管理、用户管理、供应产管理、修改个人资料、产品订货、入库、库存查询、销售查询、产品查询、会员订单管理、新闻管理、管理用户等。网上MP5销售管理系统是一个典型的https://www.wendangku.net/doc/709960415.html,搭建的电子产品系统，展示了Web运行的基本原理。采用https://www.wendangku.net/doc/709960415.html,技术和Access 2003数据库相结合开发。
通过这次的毕业设计，我了解了目前流行的动态产品网站的构成和运作原理，掌握了用ASP构建动态网站的相关知识和技术原理，锻炼了自己的动手实践能力。更重要的是，通过这次的毕业设计，我培养出了刻苦钻研的学习精神和严肃认真的学习态度，这对我以后的学习和工作有很大的益处。
目录
第1章概述 (1)
1.1 系统目的 (1)
1.2 系统特点 (1)
1.3 系统结构简介 (1)
1.3.1基本结构 (1)
1.3.2 高级功能 (2)
第2章开发环境介绍 (2)
2.1系统运行环境配置 (2)
2.2 ASP简介 (2)
2.2.1 ASP的优点 (3)
2.2.2简介ASP的6大对象 (3)
2.2.3 Aws.exe介绍 (5)
2.3 动态网页开发工具Dreamweaver MX简介 (5)
2.4 系统数据库介绍 (6)
2.4.1数据库的概念 (6)
2.4.2 ACCESS简介 (6)
2.5 结构化查询语言（SQL）简介 (7)
第3章系统设计 (7)
3.1系统设计 (7)
3.2系统原理 (8)
3.3用户模块的程序流图和数据流图 (8)
3.4系统数据库设计 (11)
3.4.1 数据库设计原则 (11)
3.4.2 数据库概念结构设计(E-R图) (11)
3.5数据表设计 (14)
第4章建立数据库连接 (16)
4.1 ASP与ADO配合工作 (16)
第5章系统主界面程序设计 (19)
5.1 网站设计 (20)
5.2主页页面程序设计 (20)
5.3产品搜索程序设计 (21)
5.4系统其它功 (23)
5.4.1用户模块 (23)
5.4.2管理员模块 (23)
第6章系统测试 (24)
6.1 测试注册 (24)
6.2 MP5管理系统测试 (25)
第7章总结 (25)
参考文献 (26)
第1章概述
1.1系统目的
随着时代的发展，信息技术、Internet/Intranet技术、数据库技术的不断发展完善，网络进程的加快，传统的购物方式也越来越不能满足人们快节奏的生活需求，使得企业的IT部门已经认识到Internet的优势,电子产品就是在这样一个背景下产生发展起来的。伴随着电子产品技术的不断成熟，电子产品的功能也越来越强大，注册用户可以在网上搜索购买到自己想要的各种产品，初步让人们体会到了足不出户,便可随意购物的快感。我的毕业设计也就正是一个电子产品系统的开发---网上MP5购物系统。
1.2 系统特点
1.本系统完全基于Web技术，只要能连接Internet，就能访问本系统。
2.采用ASP加ACCESS开发，具有管理方便，代码简单易懂，体积小巧的特点。
3.可以完全通过网页登录管理系统，维护方便。
4.各种功能模块独立性强，可以根据需要任意组合。
5.具有清新简洁方便的界面，操作简单。
6.支持所有的Windows系列操作系统。
1.3 系统结构简介
1.3.1基本结构
●消费者可以留言
●消费者注册
●消费者登陆
●消费者能够对自己的注册资料进行修改
●消费者下定单购买产品
●消费者处理定单
●消费者能出来成交订单
●消费者可以浏览网站
1.3.2 高级功能
●管理员登录
●管理员权限：MP5产品管理（添加/删除产品、产品类别管理、产品信息处理）、管理
用户资料、管理定单、处理定单、管理留言
●用户可随时修改自己的密码和其他个人信息
第2章开发环境介绍
2.1系统运行环境配置
操作系统：Windows NT Workstation/Server 4.0以上、Windows 2000
Server/Professional、Windows XP Professional、Windows 7。
CPU：没有很高的要求，只要能够顺利运行Windows系列操作系统就可以了。当然，CPU 的处理速度越快，运行ASP代码的效率越高。网站浏览起来就快捷。
内存：最低配置32MB，建议使用64MB以上内存，如果使用Windows 2000或Windows XP建议使用128MB以上内存。
硬盘空间：至少需要50MB以上的硬盘空间来安装所需的组件。
运行ASP的服务器端要求：（如表2.1所示）
操作系统需要安装的Aws.exe/小旋风
Windows 2000只能用小旋风
Windows XP两软件都能
Windows 7 两软件都能
表2.1
2.2 ASP简介
ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。
SP脚本呈现将在服务器端运行。客户端只要使用可执行HTML代码的浏览器，即可浏览通过ASP设计出来的页面内容。当程序执行完后，服务器仅将执行的结果返回给客户端浏
览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。
2.2.1 ASP的优点
ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP 网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。与HTML相比，ASP网页具有以下特点：
（1）利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；
（2）ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；
（3）服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；
（4）ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；
（5）ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发送Email或访问文件系统等。
（6）由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。
（7）方便连接ACCESS与SQL数据库.
（8）开发需要有丰富的经验,否则会留出漏洞,让黑客利用进行注入攻击. ASP也不仅仅局限于与HTML结合制作WEB网站，而且还可以与XHTML和WML语言结合制作WAP手机网站。但是其原理也是一样的。
2.2.2简介ASP的6大对象
ASP的编辑环境要求很底，任何一种文本编辑器都可以编写ASP应用程序。ASP强大功能
的实现离不开它的6个内部对象，其6大对象如下：
? Application对象
Application对象是在为响应一个ASP页的首次请求而载入DLL时创建的，它提供了存储空间用来存放变量和对象的引用，可用于所有的页面，任何访问者都可以打开它们。
?Request对象
Request对象为脚本提供客户端在请求一个页面或传送一个窗体时提供的所有信息，这包括能够标识浏览器和用户的HTTP变量，存储他们的浏览器对应于这个域的cookie，以及附在URL后面的值（查询字符串或页面中
窗体顶端
段中的HTML控件内的值）。它也给我们提供了通过Secure Socket Layer（SSL）或其他的加密通信协议访问证书的能力，并提供有助于管理连接的属性。
? Response对象
Response对象用来访问所创建的并返回客户端的响应。它为脚本提供了标识服务器和性能的HTTP变量，发送给浏览器的信息内容和任何将在Cookie中存储的信息。它也提供了一系列用于创建输出页的方法，如无所不在的Response.Write方法。
?Server 对象
Server对象提供了一系列的方法和属性，在使用ASP编写脚本时是非常有用的。最常用的是Server.CreateObject方法，它允许我们在当前页的环境或会话中在服务器上实例化其他COM对象。还有一些方法能够把字符串翻译成在URL和HTML中使用的正确格式，它通过把非法字符转换成为正确、合法的等价字符来实现。
?Session对象
Session对象是在每一位访问者从Web站点或Web应用程序中首次请求一个ASP页时创建的，它将保留到默认的期限结束（或者由脚本决定终止的期限）。它与Application对象一样提供一个空间用来存放变量和对象的引用，但只能供目前的访问者在会话的生命期中打开的页面使用。
? ObjectContext对象
ObjectContext对象可以用来控制ASP的执行。这种执行过程Microsoft Transaction Server（MTS）来进行管理。
2.2.3 Aws.exe介绍
（1）Aws.exe绿色版可以代替IIS的一个小型ASP网站调试程序。是基于netbox开发的asp web服务器，其个小功能强大，基本上能够取代IIS成为广大Asp程序员和网站开发者的利器
（2）Aws使用如下：
Ajiu AspWebServer V2.0 服务器
顾名思义，本软件是一款小巧轻盈的Asp Web服务器，她，能几近完美的支持ASP~~
①将您的网页置与本软件同一目录下，双击运行
②双击右下角任务栏图标即可为您开启您的网站
③默认主页：default.asp;default.html;index.asp等等
Aws使用小技巧小结:
a.双击在默认浏览器中打开,而选择菜单里的Http://127.0.0.1 (或你的
http://192.168.1.4 )则会在Ie里面打开
b.在命令行里输入 Aws.exe -install 就可以将Aws安装为系统服务, 并开机运行,这
样即使不登录系统它也可以运行,要解除请输入 Aws.exe -remove
2.3动态网页开发工具Dreamweaver MX简介
Macromedia Dreamweaver MX是建立 Web站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的开发人员和设计人员都可利用它快速创建界面吸引人并且基于标准的站点和应用程序。从对基于 CSS的设计提供领先的支持到手动编码功能，Dreamweaver在一个集成和高效的环境中为专业人员提供了所需的工具。开发人员可以将其选择的服务器技术与Dreamweaver配合使用，建立将用户连接到数据库、Web服务和旧式系统的强大 Internet 应用程序。
Dreamweaver MX 是一款专业的 HTML编辑器，用于对 Web站点、Web页和 Web应用程序进行设计、编码和开发。无论您喜欢直接编写 HTML代码的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver都会为您提供帮助良多的工具，丰富您的 Web创作体验。
利用 Dreamweaver中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码。不过，如果您更喜欢用手工直接编码，Dreamweaver还包括许多与编码相关的工具和
功能。并且，借助 Dreamweaver，您还可以使用服务器语言（例如 ASP、https://www.wendangku.net/doc/709960415.html,、ColdFusion 标记语言（CFML）、JSP和 PHP）生成支持动态数据库的 Web应用程序。
2.4系统数据库介绍
2.4.1数据库的概念
数据库是以数据（数据就是对客观事物的符号表示，是存储在计算机中的模拟客观事物的一系列信息。对于计算机科学而言，数据的含义极为广泛，凡是可存储的信息，如文本、图象、声音等都可以通过二进制编码而形成数据）为对象，指为了满足某种特定应用的需要，按照一定的数据模型在计算机系统中组织、存储和使用数据的数据集合。数据库系统是管理大量的、持久的、可靠的和共享的数据的工具。
数据库有以下特点：
（1）集成性：数据有两层含义，一个是数据本身，一个是数据之间的关系。集成就是指把数据集中到一起来，按照一定的结构形式进行存储，并通过一系列的机制约束数据之间的关系，避免数据重复或不合要求。
（2）量大性：数据库中存放的数据量一般都比较庞大，不能同时在内存中全部调用，而只能通过外部存储器存储，通常使用大容量的可移动磁盘或硬盘等设备。
（3）共享性：指多个不同的用户，为了不同的目的，可以使用不同的语言，通过不同的方式，访问同一个数据库，而访问的范围、可执行的操作会有所区别。数据库系统会提供相应的机制，保证这种共享在有序的条件下进行，可以避免因为同步而造成的错误。
（4）持久性：一般来说，数据库中是数据都需要长期保存。
2.4.2 ACCESS简介
Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS，即Relational Database Management System），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。
关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。
表与表之间可以建立关系（或称关联，连接），以便查询相关联的信息。Access数据库以文件形式保存，文件的扩展名是MDB。
2.5 结构化查询语言（SQL）简介
“结构化查询语言”（SQL）是数据库的标准语言。在Active Sever Pages中，无论何时你要访问一个数据库，你就要使用SQL语言。因此，掌握好SQL对ASP编程是非常重要的。
所有SQL数据库中的数据都存储在表中。一个表由行和列组成。这种语言被设计为不允许你按照某种特定的顺序来取出记录，因为这样做会降低SQL Sever取记录的效率。使用SQL，你只能按查询条件来读取记录。
当你执行一个SQL查询时，通过使用包括逻辑运算符的查询条件，你可以得到一个记录列表。此时查询结果是来自一个或多个表。
SQL查询的句法非常简单。假设有一个名为email_table的表，包含名字和地址两个字段，要得到Bill Gates的email地址,你可以使用下面的查询：
SELECT email from email_table WHERE name=”Bill Gates”
SELECT语句的结构看起来很直观。如果你请一个朋友从一个表中为你选择一组记录，你也许以非常相似的方式提出你的要求。在SQL SELECT语句中，你“SELECT特定的列FROM一个表WHERE某些列满足一个特定的条件”。
第3章系统设计
3.1系统设计
本系统是一个中小型的电子产品系统----网上购MP5系统，可以为各类用户提供方便的在线购物环境，符合目前国内流行的电子产品模式。用户可以在系统中实现注册、浏览产品、搜索查询产品、下定单、处理定单等功能；管理员可以通过用户管理、定单管理、产品管理、评论管理等管理功能来对系统进行维护更新。
网站的组成有以下几个子系统组成：
1.主页，显示欢迎界面，提供近期的产品。
2．留言板，用户发表留言，反馈信息等。
3.用户注册系统，处理新用户的注册和老用户购物时的确认。
4.管理员系统，通过管理员对系统进行管理和定单处理。
3.2系统原理
网上MP5产品系统的主要体系结构包括：
●数据服务器
● WEB服务器
●后台管理平台
●客户端
应用系统体系设计主要考虑的业务技术因素包括：●业务处理方式
●数据处理量，存储量
●应用功能设计
●服务器设计
●存储设计
3.3用户模块的程序流图和数据流图
本系统其主要功能的程序流图设计如图3.1和3.2所示：
如图3.1 MP5销售系统前台功能结构图
如图3.2 MP5销售系统后台功能结构图本系统其主要数据流图设计如图3.3所示：
如图3.3 数据流图设计
3.4系统数据库设计
在目前的数据库管理系统中有层次模型，网状模型、关系模型三种数据模型。其中，关系模型具有较高的数据独立性，使用也较为方便。目前，微机数据库多采用关系型数据库模型。这里采用SQL Server 关系数据库。该数据库对行增、删、编辑、统计、显示和应答都极为方便。其中的排序和索引功能，对数据快速定位、查询提供了有利条件。
3.4.1 数据库设计原则
1、数据的共享性。
2、数据独立性。
3、数据的完整性，即保证数据库存中数据准确。
4、灵活性，可在相当短的时间内回答用户的各种各样的复杂而灵活的查询问题。
5、安全性与保密性，做到对数据指定保护级别和安全控制。
3.4.2 数据库概念结构设计(E-R图)
概念模型的表示方法很多，其中最为著名最为常用的是E-R图。下面具体列出MP5管
理系统主要的实体图及E-R 图。
存放会员信息实体图如图3.7所示：主要有用户名、密码、电话、住址、邮箱、真实姓名、邮编基本数据。记录每个会员的基本信息，有助于管理。
图3.4 员工信息实体图
MP5订单信息表实图如图3.8所示：主要包括订单编号、用户真实姓名、用户昵称、isbn 、MP5名牌、重量、数量、价格、下次订单、是否成交。会员可以查看时每次订单的产品。
图3.5 订单信息实体图
Memind address
nickname
city pwd
name
tel
zip
Member information Order
information
weight
orderide
ifok
isbn
quantity memnam e submitda te
nickname
price
Mp5tity
管理添加信息表实体图如图3.9所示：主要储存产品的编号、产品名牌、isbn 、价格、生产地址、生产公司、重量、日期、会员价、产品简历。记录每个新产品的基本信息，有助于管理员管理。
图3.6 管理添加信息实体图
实体间E-R 图如图3.7所示：
Administrators
append author
pub
descriptio
n date Weight
mempric
e
isbn
id grace price
Title
图3.7 实体-关系图
3.5数据表设计
1、member表
在Member（存放会员信息）表的名称和功能如表1所示。
表1 member数据库中的表及其功能说明
表1
2、master表
在master（管理员登陆）表中，存放有关管理员的登陆信息，详细的数据结构如表2
所示。
表2 master表的数据结构
表2
3、usorder表
usorder（订单信息）表中存放购买MP5的信息，详细的数据结构如表3所示。
表3 usorder表的数据结构
表3
4、message表
在message(留言信息)表中，存储所有会员留言的信息。详细的数据结构如表4所示。
表4 message表的数据结构
表4
5、mp5s表
在mp5s (管理员添加信息)表中，详细的数据结构如表5所示。
表5 mp5s 表的数据结构
表5
6、newshop表
在newshop (新产品信息表)表中，详细的数据结构如表6所示。
表6 newshop表的数据结构
表6
7、tbcatalogs表
在tbcatalogs (产品目录信息表)表中，详细的数据结构如表7所示。
表7 tbcatalogs表的数据结构
表7
8、tbnews表
在tbnews(产品展示信息表)表中，详细的数据结构如表8所示。
表8 tbnews表的数据结构
表8
9、tbzhangshi表
在tbzhangshi(推荐信息表)表中，详细的数据结构如表9所示。
表9 tbzhangshi表的数据结构
表9
第4章建立数据库连接
4.1 ASP与ADO配合工作