1、 图 书 分类号： 密 级： 毕业设计 (论文 ) 基于 ASP 的家具公司网站的设计与实现 学生姓名 郭 XX 学院名称 信电工程学院 专业名称 计算机网络技术 指导教师 2011 年 5 月 17 日 摘 要 随着 Internet 的迅速发展，许多家具公司建设了自己的官方网站。利用网络技术对公司进行宣传 与产品销售 ，这也被越来越多的人们所接受，正是如此，尚格 家具公司 在不断发展的过程中，也需设计出自己官网。本网站采用了 ASP技术和 Access 数据 库为工具进行开发的。本论文主要介绍了课题开发的背景和意义、网站所实现的功能、各模块的设计方案。网站功能包括公司简介，公司新闻，营销网
2、络，产品中心，客服中心，诚邀加盟，联系我们等。在网页方面，综合考虑了页面色彩、页面的构架，充分的利用了图片、文 字、图层、表格等元素。网站内容明确，层次清楚，达到了预期的功能 。 关键字 ： ASP； ACCESS；家居网站； 设计 1 目 录 前 言 .1 第 1 章 研究概述 .2 1.1 研究意义 . 2 1.2 课题研究目的 . 2 1.3 课题研究的意义 . 3 1.4 本系统的特色 . 3 第 2 章 系统开发环境及技术简介 . 4 2.1 Access 数据库开发工具简介 . 4 2.2 动态网页开发工具 Dreamweaver MX 简介 . 4 2.2.1 Dreamweav
3、er 技术的优势 . 4 2.2.2 Dreamweaver 选择的原因 . 5 2.3 JavaScript 语言简介 . 6 2.3.1 JavaScript 技术的优势： 5 大特点 . 6 2.3.2 选择 JavaScript 技术的原因 . 7 2.4 ASP 编程环境简介 . 7 2.4.1 ASP 综述 . 7 2.4.2 ASP 优点及课题选择的原因 . 8 2.4.3 简介 ASP 的 7 大对象 . 9 2.4.4 ASP 的环境使用及工作原理 .11 2.5 网 站服务器 IIS 的配置 .11 第三章 系统分析 . 14 3.1 可行性分析 . 14 3.2 功能需求
4、分析 . 14 第四章 系统设计 . 16 4.1 网站开发环境 . 16 4.2 数据库设计 . 16 4.3 E-R 图 . 20 4.4 实体图 . 20 4.4.1 产品信息的实体图及属性 . 20 4.4.2 新闻信息的实体图及属性 . 20 4.4.3 管理员信息的实体图及属性 . 21 4.5 数据表 . 21 4.5.1 admin 表 . 21 4.5.2 book 表 . 21 4.5.3 公告表 . 22 4.5.4 news 表 . 22 4.5.5 product 表 . 22 4.5.6 命令信息表 . 23 4.6 系统功能结构图 . 23 4.7 系统服务蓝图
5、. 24 4.8 具体功能模块图 . 25 4.8.1 新闻管理功能模块图 . 25 4.8.2 网站管理功能模块图 . 25 4.8.3 产品管理功能模块图 . 25 第五章 详细设计与实现 . 26 5.1 数据库的链接与设计 . 26 5.2 系统登录模块设计 . 26 5.3 网站管理模块 . 28 2 5.4 产品管理模块 . 32 5.5 新闻管理模块 . 34 5.6 网站前台模块 . 37 5.6.1 网站主页模块 . 37 5.6.2 公司新闻模块 . 38 5.6.3 公司简介模块 . 39 5.6.4 尚格文化模块 . 39 5.6.5 留言中心模块 . 40 5.6.6
6、 产品展示模块 . 40 5.6.7 联系我们模块 . 41 第六章 系统运行与测试 . 42 6.1 软件测试 . 42 6.1.1 软件测试概述 . 42 6.1.2 测试步骤 . 42 6.2 网站性能测试 . 43 6.3 数据库测试 . 43 6.4 白盒测试 . 43 6.5 黑盒测试 . 43 结论 . 45 致谢 .46 参考文献 . 47 1 前 言 随着计算机科学的迅速发展及网络用户要求的不断提高，特别是数据库技术在 Internet 中的广泛应用， Web 站点向网络用户提供的服务将越来越丰富，越来越人性化，信息化管理被人们所重视。电子商务（ Electronic Com
7、merce，简称 E-commerce）随即诞生，成为当前产物，以满足人们足不出户即可搜集信息、实时购物等要求。时代的发展把我们推向网络化和信息化的巨潮，这给我们带来了无限的机遇，也带来了巨大的挑战。如何更好地利用网络化和信息化，成为我们在未来的竞争中占据有利地位的关键问题。 在这种情况下， 尚格 家具有限公司需要结合公司自己的实际情况，设计开发一个具有以宣传与销售为主的多功能网站平台，它则是一个典 型的 Web电子商务系统，由网络服务器和网页实现。电子商务是通过采用数字科技与 Internet 作为最基本的沟通手段，将企业价值进行持续不断的优化配置的过程。本网站功能包括公司简介，公司新闻，营
8、销网络，产品中心，客服中心，诚邀加盟，联系我们等。 2 第 1 章 研究概述 1.1 研究意义 将动态网页与数据库技术结合是目前一些网站提高公司办公效率和机构精简改革趋势的一个要求。采用 ASP技术的文章管理发布系统不仅可以实现文章的管理和发布远程操作，提高工作效率，而且也可以使工作人员的办公更加轻松自如，同时可以使文章的发布 更加快速、准确。科学管理与信息技术相结合成为提高工作效率和管理水平的主要方式。因此网络化的文章发布和管理系统建设已经成为提高一个网站信息处理能力的重要方面，网络化的文章发布和管理系统已经被许多网站采用，提高了信息处理的速度。为了适应信息服务业的飞速发展，提高和扩大信息资
9、源的处理能力，让人们能够方便快捷的了解自己想知道的事情，将动态网页和数据库结合 ，通过应用程序来处理文章的技术，必会成为网站文章管理的主流技术 。 1.2 课题研究目的 网站文章管理方式一般有两种：一是静态 HTML 页面，即一个网页中的内容都是静 态文本。更新信息时需要重新制作页面然后上传页面并修改相应链接。随着 Internet 的进一步发展，静态 Web站点的开发与维护变得越来越困难，一方面信息的不断增加和变化使站点维护人员不得不经常修改网页，特别是基于数据库驱动的 Web 站点更是如此， HTML 显得越来越难以胜任；另一方面由于静态网页不能与浏览者进行有效交互 ，使人们感到越来越乏味
10、，而不愿意再一次地进入同一站点 ，故这种方式因为效率太低已不多用。二是基于 ASP 和脚本语言，将动态网页和数据库结合 ，通过应用程序来处理文章，这是目前较为流行的做法。 基 于 ASP 技术的文章发布管理系统可以根据文章的标题、内容、图片来自动生成相应的网页，从而简化文章的发布和管理，提高工作效率。本文讲述的就是一个文章发布管理系统的实现过程。 3 1.3 课题研究的意义 将动态网页与数据库技术结合是目前一些网站提高公司办公效率和机构精简改革趋势的一个要求。采用 ASP技术的文章管理发布系统不仅可以实现文章的管理和发布远程操作，提高工作效率，而且也可以使工作人员的办公更加轻松自如，同时可以使
11、文章的发布更加快速、准确。科学管理与信息技术相结合成为提高工作效率和管理水平的主要方式。因此网络化 的文章发布和管理系统建设已经成为提高一个网站信息处理能力的重要方面，网络化的文章发布和管理系统已经被许多网站采用，提高了信息处理的速度。为了适应信息服务业的飞速发展，提高和扩大信息资源的处理能力，让人们能够方便快捷的了解自己想知道的事情，将动态网页和数据库结合 ，通过应用程序来处理文章的技术，必会成为网站文章管理的主流技术。 1.4 本系统的特色 1界面简单流畅 2使用方便，易于上手 3数据库稳定，系统安全性好 4方面了企业和客户，使之足不出户，就可完成一切 4 第 2 章 系统开发 环境及 技
12、术简介 2.1 Access 数据库开发工具简介 本系统制作采用的是 Microsoft Access2003版本，它 作为 Microsoft Office软件中的一个重要的组成部分，随着版本的一次次升级，现已成为世界上最流行的桌面数据库管理系统。 Access 属于中小型数据库管理系统，充分体现了面向对象的思想，提供了可视化的编程手段。它是第一个面向 Windows 操作平台的桌面数据库管理系统，充分利用了 Windows 操作平台的优越性，采用与 Windows 完全一致的风格，使得用户界面非常友好。 Access2003 是关系数据 库管理系统，有很广泛的应用市场，目前国内在开发中小型
13、的数据库应用系统时，很多情况下是选用 Access。 它 虽不是大型数据库管理系统，但麻雀虽小，五脏俱全，对初次接触数据库的初学者来说，是一个很好的数据库入门系统。 并且 Access 与其他使用广泛的应用软件，如 Visual C+和动态网页制作 ASP/JSP 等，能很好地结合在一起开发应用软件系统，所以此次系统选用了 Access2003 作为数据库的开发工具。 2.2 动态网页开发工具 Dreamweaver MX 简介 2.2.1 Dreamweaver 技术的优势 Dreamweaver 是在多媒体方面颇有建树的 Macromedia 公司推出的可视化网页制作工具，它与 Flash
14、、 Fireworks 合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中， Dreamweaver 主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高， Flash 用来制作精美的网页动画，而 Fireworks 用来处理网页中的图形。 Dreamweaver 是一个所见即所得主页编辑器，并带有站点管理功能，让你方便地设计和管理多个站点。而它最突出的地方就是支持最新的 DHTML和 CSS标准， 你可以用它设计出生动的 DHTML 动画、多层次的页面 (layer)以及 CSS 样式表。当你要编辑自己既有的网页时， Dreamweaver 会尊重你在其
15、他编辑器所做出的原5 始码，不会任意地改变它。 而在使用 Dreamweaver 的视觉性编辑环境时，你可以在 HTML 监视器上同步地看到 Dreamweaver 所为你产生的原始码，而你若想要在视觉式编辑模式和原始码编辑模式之间跳换的话，只要按一下所需的视窗就可以。 Dreamweaver 软件具有以下显著特点 : 1、可视化的设计界面； 2、跨浏览器支持；支持 多种浏览器 3、动态网页技术； CSS、层、行为、 JavaScript 4、强大的网站管理功能；库、模板、标签 5、丰富的媒体支持； Java、 Flash、 Shockwave、 ActiveX、 Real 6、超强的扩展能力
16、；第三方插件 7、完善的协同能力。 Flash、 Fireworks 2.2.2 Dreamweaver 选择的原因 Macromedia Dreamweaver 是建立 Web 站点和应用程序的专业工具。 它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，使每个级别的 开发人员和设计人员都可利用它快速创建界面吸引人并且基于标准的站点和应用程序。从对基于 CSS 的设计提供领先的支持到手动编码功能，Dreamweaver 在一个集成和高效的环境中为专业人员提供了所需的工具。开发人员可以将其选择的服务器技术与 Dreamweaver 配合使用，建立将用户连接到数据库、 W
17、eb 服务器和旧式系统的强大 Internet 应用程序。 Dreamweaver MX 是一款专业的 HTML 编辑器，用于对 Web 站点、 Web 页和 Web 应用程序进行设计、编码和开发。无论您喜欢直接 编写 HTML 代码的驾驭感还是偏爱在可视化编辑环境中工作， Dreamweaver 都会为您提供帮助良多的工具，丰富您的 Web 创作体验。 利用 Dreamweaver 中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码。不过，如果您更喜欢用手工直接编码， Dreamweaver 还包括许多与编码相关的工具和功能。并且，借助 Dreamweaver，您还可以使用服务器语言
18、（例如 ASP、 ASP.NET、 ColdFusion 标记语言 （ CFML）、 JSP 和 PHP）生成支持动态数据库的 Web 应 用程序。 6 2.3 JavaScript 语言简介 2.3.1 JavaScript 技术的优势： 5 大特点 JavaScript 是一种基于对象 (Object)和事件驱动 (Event Driven)并具有安全性能的脚本语言。使用它的目的是与 HTML 超文本标记语言、 Java 脚本语言（ Java 小程序）一起实现在一个 Web 页面中链接多个对象，与 Web 客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的 HTML
19、语言中实现的。它的出现弥补了 HTML 语言的缺陷，它是 Java 与 HTML 折衷的选择，具有以下几 个基本特点： 1.是一种脚本编写语言。 JavaScript 是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样 ,JavaScript 同样也是一种解释性语言 ,它提供了一个容易的开发过程。它的基本结构形式与 C、 C+、 VB、 Delphi 十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与 HTML 标识结合在一起，从而方便用户的使用操作。 2.基于对象的语言。 JavaScript 是一种基于对象的语言，同时以可以看作是一种面向对象的
20、语言。这意味着它能运用自己已经创建的对象。 因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 3.简单性。 JavaScript 的简单性主要体现在：首先它是一种基于 Java 基本语句和控制流之上的简单而紧凑的设计 , 从而对于学习 Java 是一种非常好的过渡；其次它的变量类型是采用弱类型，并未使用严格的数据类型。 4.安全性。 JavaScript 是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 5.动态性。 JavaScript 是动态的，它可以直接对用户或客户输入做出响应，无须经过 Web 服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页 (Home Page)中执行了某种操作所产生的动作，就称为“事件” (Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。 6.跨平台性。 JavaScript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持 JavaScript 的浏览器就可正确执行。从而实现了
