基于ASP的企业网站的设计 毕业论文

毕业设计（论文）

摘 要

随着网络技术和信息技术的发展，因特网迅速发展，Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet海洋中按照一定的检索方式将所需的信息从网站上下载下来。因此，因特网与企业经营活动的结合创造了新的网络经济。企业也需要一个适合自己的产品发布网站。

本网站采用了ASP编程技术及其相应的Javascript脚本语言技术，运用Microsoft access2003建立数据库，进行数据管理，保持数据的完整性，成功设计这个网站，完成了企业网站所需的几大功能，如动态新闻管理、产品添加、在线留言的设计等，企业可以通过后台进行管理，对网站进行各项操作，以便企业能够及时更新自己的产品信息。企业网站除了展示自己的产品外，如何利用客户对自己的产品的反馈信息来进行调整自己的产品也是极其关键的。最后，本网站还有一些缺陷和不足，还望指正。

关键词：Access数据库 Javascript ASP后台管理

I

毕业设计（论文）

Abstract

With the development of network technology and the information technology ,the Internet is developing rapidly ,publish the information mainly through the website on internet,gains the information which will need according to the certain retrieval way from the website download .The Internet and the enterprise managed active the union to create the new network economy .The enterprise also needs a suitable for their own product launch website.

The website has used the ASP programming technology and its the corresponding Javascript script language technology,utilizes Microsoft the Access 2003 establishment database,carries on the data management,maintained the data the integrity ,the success has manufactured this website,several big functions required to complete the enterprise website,like Dynamic news anagement,Adding products,The design of online message and so on.The company might simply facilitate the utilization backstage carried on the management,carried on each operation to the website,in order to the enterprise could prompt renew own product information.The enterprise website besides demonstrated own product,how adjusts own using the customer to oneself product feedback information product also is and its the key.This website also has some defects and the insufficiency,still hope to point out mistakes.

Key words: Access establishment database Javascript ASP back-stage management

II

毕业设计（论文）

目 录

第1章 绪论 ................................................................. 1

1.1 开发背景及意义 ...................................................... 1 1.2 开发工具及运行环境 .................................................. 2

1.2.1 相关技术 ....................................................... 2 1.2.2 运行环境 ....................................................... 2

第2章 需求分析 ............................................................. 3

2.1 系统调研 ............................................................ 3 2.2 系统功能需求 ........................................................ 3 2.3 数据可行性分析 ...................................................... 3 2.4 系统性能需求 ........................................................ 4 第3章 系统概要设计 ......................................................... 8

3.1 概要设计与分析 ...................................................... 8 3.2 企业网站系统框架 .................................................... 9 第4章 数据库设计 .......................................................... 11

4.1 数据库的需求分析 ................................................... 11

4.1.1 需求分析 ...................................................... 11 4.1.2 数据库的选择 .................................................. 11 4.2 数据库表的结构设计 ................................................. 11

4.2.1总体 E-R图设计 ................................................ 11 4.2.2 数据表详细设计 ................................................ 13

第5章 系统详细设计与实现 .................................................. 19

5.1 系统前台设计 ....................................................... 19 5.2 系统后台设计 ....................................................... 20 5.3 数据库连接 ......................................................... 21

5.3.1 数据库连接方案分析 ............................................ 21 5.3.2 数据库连接 .................................................... 22 5.3.3 显示数据库记录 ................................................ 23 5.3.4 增加数据库记录 ................................................ 24

总 结 ...................................................................... 26 致 谢 ...................................................................... 27 参考文献 ................................................................... 28 附 录 ...................................................................... 29

III

毕业设计（论文）

第1章 绪论

1.1 开发背景及意义

随着会联网的普及与发展，企业Internet上拥有自己的站点和主页将是必然趋势，网上主页不仅为企业宣传产品和服务的窗口，也是树立企业形象的前沿。就如同电视广告一样，蹩脚的广告使人大倒胃口，避之唯恐不及。而构思精巧的广告则能够让人欣然接受，百看不厌，美观大方，富于创意的主页也将吸引大量的访问者，使更多的人认识了解，进而喜欢你的企业。

企业进行网站建设是很有必要的。企业如何让自己在众多竞争者中显示自己的企业形象和产品特点，从而吸引全国乃至世界各地商家的注意？不错，只有通过互联网来宣传自己。如何利用互联网的强大信息和速度优势呢？建立自己的企业网站正是每个企业必须也不得不选择的一种展示自己企业特点的方法。只有借助于互联网扩大自己的影响，推广自己的产品，同时通过互联网快速的信息传递加速自身的发展才能让企业立于不败之地。 在这个竞争激烈的数字化信息时代，企业建立自己的网站已经刻不容缓。无论何种形式的企业，想不被时代所淘汰，就必须有所作为。所以，建设网站是企业把握时代脉搏，衡量企业是否跟上时代的标准。精明的经营者懂得并擅长于用最先进的媒体——互联网，树立企业形象，宣传企业产品，建立企业网站，是企业在网络时代的企业舞台中展示自己自身实力和寻求发展的重要途径。企业通过简单优雅、特点鲜明的网页来表现自己的产品信息和服务，并及时、全面的接受用户的信息查询和信息反馈。

本网站主要介绍了海尔集团。主要介绍了海尔集团的发展历史，我们还可以通过产品中心模块介绍海尔的主要产品，了解产品的整体性能。海尔家电家具网站的建设可以摆脱了单纯依靠物流、电话、传真传递消息的单一形式，不仅可以实现产品的宣传、订单和销售；商户的交流、客户信息的管理、订单管理等；同时可以按照企业的各种需求实现企业个性化的网上营销、形象宣传等多方面的上午功能，使企业网站从简单的网上橱窗发展成为网上交易的柜台、交易市场等大型的商务网站。除了发布企业信息外，企业还可以利用互联网的交互功能与客户交流；利用在线订单系统接受商品的订购和定制；利用在线引擎调查客户的需求与爱好；利用留言板接纳用户的意见等。

鉴于以上几个方面的信息，为了加快企业的发展，给企业一个展示自我的舞台，设计了该网站。本次毕业设计中所做的企业网站采用了ASP、Dreamweaver CS3、photoshop等开发工具，具有一定的动态效果和交互性。清新明朗的外观设计，提高了企业网站“人性化”的设计，想用户所想，同时采用了microsoft access 2003数据库，进行数据管理，保持数据的完整性。所以很好体现了Internet的时代特点：操作简单、方便高效、便于管理、无地域限制等。

该网站应用ASP技术实现动态Web页面，并创建了一个服务器端中间层组件，该组件基于ADO和OLEDB 技术访问后台数据库，这样数据库的访问从ASP 源文件中完全转移到中间层组件中，由于组件是经过编译的，因此隐藏了数据库访问细节，从而进一步保证了数据访问和商业规则的安全性。

1

毕业设计（论文）

1.2 开发工具及运行环境

1.2.1 相关技术

ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是 .asp。现在常用于各种动态网站中。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。

Dreamweaver是当前最流行的网页设计软件。它与同为Macromedia公司出 品的Fireworks和Flash一道，被誉为网页制作三剑客。Dreamweaver与其它同类软件相比主要有以下优点：不生成冗余代码、方便的代码编辑、强大的动态页面支持、操作简便、优秀的网站管理功能、便于扩展。

IIS是Internet Information Server的缩写，它是微软公司主推的服务器，最新的版本是Windows2003里面包含IIS 6，IIS与WindowNT Server完全集成在一起，因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性，建立强大，灵活而安全的Internet和Intranet站点。IIS支持与语言无关的脚本编写和组件，通过IIS，开发人员就可以开发新一代动态的，富有魅力的Web站点。IIS不需要开发人员学习新的脚本语言或者编译应用程序，IIS完全支持VBscriptt，Jscriptt开发软件以及Java，它也支持CGI和WinCGI，以及ISAPI扩展和过滤器 。Microsoft Office Access是由微软发布的关联式数据库管理系统。它结合了Microsoft Jet Database Engine和图形用户界面两项特点，是Microsoft Office的系统程式之一。它具有界面友好、易学易用、开发简单、接口灵活等特点，是典型的新一代桌面数据库管理系统。它的主要特点是完善了管理各种数据库对象，具有强大的数据组织、用户管理、安全检查等功能。并且可以方便地生成各种数据对象，利用存储的数据建立窗体和报表，可视性好。

1.2.2 运行环境

硬件要求:

CPU:P4或者以上；内存:512MB或者以上；硬盘:120GM或者以上

2

毕业设计（论文）

第2章 需求分析

2.1 系统调研

网站成为信息系统中重要和关键部分。须将原来的管理变为浏览者/服务器模式，并且连接到互联网。该系统会涉及相关业务流程的重组。要考虑到网络特点的安全问题，网站用户从内部扩展到因特网用户，系统管理方式转变为网络化管理。

2.2 系统功能需求

为了能够顺利地完成本网站的设计工作，我把网站分为三个大模块来进行设计： 1) 数据库设计模块：该模块主要是建立相关数据表，满足网站数据存储的需要。 2) 网站后台设计与管理模块：该模块主要是为了方便管理员能够方便的管理海尔企业网站。

3) 各个页面设计模块：该模块主要是为了满足海尔企业系统各个功能的实现。

2.3 数据可行性分析

可行性分析(Feasibility Analysis)也称为可行性研究,是在系统调查的基础上,针对新系统的开发是否具备必要性和可能性,对新系统的开发从技术、经济、社会的方面进行分析和研究,以避免投资失误,保证新系统的开发成功。可行性研究的目的就是用最小的代价在尽可能短的时间内确定问题是否能够解决。为了确定开发具有可行性,对本系统主要进行了以下四个方面的分析。

1) 经济可行性。经济可行性主要是对项目的经济效益进行评价。本系统对系统开发者来说并不需要太高的成本支出,只是对系统的管理者付出管理报酬即可,而且开发周期不需要太长,节省了人力、物力、财力资源,所以本系统在经济上是可行的。

2) 技术上的可行性。技术上的可行性分析主要是分析技术条件能否顺利完成开发工作,硬、软件能否满足开发者的需要等。在硬件方面，硬件要求不高，目前市场上的计算机硬件资源均能满足系统的开发要求。在软件方面,本系统采用的是ASP（Active Sever Pages）进行开发,前台网页设计使用的是Dreamweaver CS3,photoshop 7.0，fireworks cs，flash 8。而数据库系统采用的是Microsoft Access 2003。通过分析,在软、硬件方面现有工具与环境完全可以实现系统的开发,因此具有技术上的可行性。

3) 时机可行性。时机可行性是分析系统开发时机是否成熟。目前越来越多的应用程序都已经是转向基于Web的开发,并且Internet已经广泛使用,因此系统的设计具有时机可行性。

4) 管理上的可行性:主要是管理人员是否支持,现有的管理制度和方法是否科学,规章制度是否齐全,原始数据是否正确等。系统的开发主要就是为了方便校友信息的管理,补充现在传统管理方式的不足,因此具备了管理上的可行性。

综上所述,本系统开发目标已明确,在技术和经济等方面具备可行性,并且投入少、见效快,因此系统的开发是完全可行的。

3

毕业设计（论文）

2.4 系统性能需求

1)系统例图

浏览者可以在登录网站之后，对基本基本信息可以查看，关于我们信息管理，新闻资讯信息管理，产品中心信息管理，联系我们信息管理，在线留言信息管理和心育在线管理进行6个用例。系统用例图，如图2-1所示：

图2-1 系统用例图

2)用例图功能详细描述

管理员如果想要管理海尔企业管理系统，必需先要登录，登录主要是实现用户登录的安全性，包括用户名和密码的验证，验证成功之后，才能够登录到管理主页面进行管理。登录用例表如表2-1所示：

表2-1 登录用例描述表 用例名称 功能简述 前置条件 后置条件 基本流 登录 管理者登录该系统 有管理权限的用户 管理员登录成功的提示 1)用户在登录页面中输入用户名、密码和验证码，并提交； 2)系统判断用户名和密码是否合法； 如果和数据库中的用户名和密码一致的话，用户登录成功。 登录成功的管理用户可维护该系统。 备注 管理员对新闻资讯表中的字段进行增加，修改和删除的功能管理。如果单击增加按钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页

4

毕业设计（论文）

面，修改一条记录会提示修改成功。单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。供货商用例表如表2-2所示：

表2-2 新闻资讯用例描述表 用例名称 功能简述 前置条件 后置条件 基本流 增删改查企业新闻信息 管理者对企业新闻信息的更新和管理 已经登录成功的管理者 增删该查成功有提示 超市管理员单击新闻管理，然后点击添加新闻后就可以在文本框中进行新闻的添加，通过点击管理新闻按钮，就可以对新闻进行新闻的修改和删除。 管理员如果单击增加产品信息按钮，就会跳转到增加页面，增加一条记录成功。单击修改基本信息按钮，就会跳转到修改页面，修改一条记录会提示修改成功。单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。基本信息用例表如表2-3所示：

表2-3 产品管理用例描述表 用例名称 功能简述 前置条件 后置条件 基本流 增删改查产品信息 管理员对产品的增删改查 已经登录成功的管理者 提示产品被添加，修改，删除成功。 管理员单击产品管理按钮之后，可以对产品的标题、分类、缩略图、新闻内容进行查询，增加，修改，删除的管理。再单击产品分类之后，可以对产品大类和产品小类进行查询，增加，修改，删除的管理。 管理员登录成功之后，可以单击幻灯片管理之后，可以对首页上部的幻灯片进行增加，修改和删除的功能管理。单击增加按钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。如果删除幻灯片的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。幻灯片用例表如表2-4所示：

表2-4 幻灯片用例描述表 用例名称 增删改查幻灯片信息 功能简述 管理员对销售商增删改查 前置条件 已经登录成功的管理者 后置条件 提示销售商记录被添加，修改，删除 基本流 管理员单击幻灯片管理按钮之后，再单击添加幻灯片信息，可以对幻灯片进行添加。点击幻灯片管理，可以对幻灯片进行查询、修改和删除。 管理员登录成功之后，可以单击友情链接之后，再单击添加友情链接，可以对仓库中的字段进行增加，点击管理友情链接按钮，可以进行修改和删除的功能管理。单击增加按

5

毕业设计（论文）

钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。如果删除仓库的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。仓库用例表如表2-5所示：

表2-5 友情链接用例描述表 用例名称 功能简述 前置条件 后置条件 基本流 增删改查友情链接 管理员对友情链接的增删改查 已经登录成功的管理者 提示友情链接被添加，修改，删除成功。 管理员单击友情链接按钮之后，在单击添加友情链接可以对友情链接进行增加，单击管理友情链接可以对友情链接修改，删除的管理。 管理员登录成功之后，可以单击其他管理按钮之后，再点击留言管理就可以对留言信息表中的字段进行查看和删除的功能管理。如果删除留言的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。留言管理用例表如表2-6所示：

表2-6 留言管理用例描述表 用例名称 功能简述 前置条件 后置条件 基本流 查看删除留言信息 管理员进行留言的查看和修改 已经登录成功的管理者 提示商品入库被删除到数据库中 管理员单击留言管理之后，可以对入库的物品进行查询，删除留言信息。 管理员登录成功之后，可以单击单页管理按钮之后，可以对关于我们和联系我们信息表中的字段进行增加，修改和删除的功能管理。单击增加按钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。单页管理用例表如表2-7所示：

表2-7 部门用例描述表 用例名称 功能简述 前置条件 后置条件 基本流 增删改查单页信息 管理员对信息量不大的单页信息增删改查 已经登录成功的管理者 提示信息添加，修改，删除成功。 管理员单击单页管理之后，可以对关于我们和联系我们的信息进行查询，增加，修改，删除的管理。 管理员登录成功之后，可以单击基本信息管理理按钮之后，可以对菜单栏中的字段进行增加，修改和删除的功能管理。单击增加按钮，就会跳转到增加页面，增加一条记录会提示增加成功。单击修改按钮，就会跳转到修改页面，修改一条记录会提示修改成功。如果删除菜单栏的信息，单击删除按钮，不会跳转到页面，直接弹出删除记录成功的提示。

6

毕业设计（论文）

采购订货用例表如表2-8所示：

表2-8 基本信息管理用例表 用例名称 功能简述 前置条件 后置条件 基本流 增删改查菜单栏信息 管理员进行菜单栏增删改查 已经登录成功的管理者 提示菜单栏被添加，修改，删除到数据库中 管理员单击基本管理按钮，然后单击管理员管理按钮之后，可以对菜单栏进行查询，增加，修改，删除的管理。

7

毕业设计（论文）

第3章 系统概要设计

3.1 概要设计与分析

概要设计的主要任务是把需求分析的结果转换为软件结构和数据结构。设计结构的具体任务是：将一个复杂系统按功能进行模块划分、建立模块的层次结构及调用关系、确定模块间的接口及人机界面等。数据结构设计包括数据特征的描述、确定数据的结构特性、以及数据库的设计。显然，概要设计建立的是目标系统的逻辑模型，与计算机无关。

本阶段设计的基本目标是解决系统如何实现问题，也叫做概要设计，本阶段主要任务是划分出系统的物理元素及设计网站的结构，完成企业网站定义时期的任务之后就应该对系统进行总体设计，即根据系统分析产生的分析结果来确定这个系统由哪些系统和模块组成，这些系统和模块又如何有机的结合在一起，每个模块的功能如何实现。系统设计的目标是使系统实现拥有所需要的功能，同时，力争达到高效率、高可靠性、可修改型，并且容易掌握和使用。

模块化的依据是：把复杂问题分解成许多容易解决的小问题。原来的问题也就变得容易解决。模块化设计是把大型系统按照一定的原则划分成一个较小的相对功能独立有相关联的模块。每个模块完成一个特定的子功能。把这些模块结合起来组成一个整体。完成指定的功能，满足问题的需求。采用模块化原理的优点在于可以使软件结构清晰， 容易测试和调试。从而提高系统的可靠性，可修改性。有助于系统开发的组织管理。一 个大型的系统可分别编写不同的模块。模块化几个重要的概念如下：

抽象。抽象就是抽象出事物的本质特性而暂时不考虑他们的细节。处理复杂系统的唯一有效方法是用层次的方式构造和分析他。一个复杂的动态系统首先可以用一些高级的抽象概念构造和理解，这些高级概念又可以用一些较低级的理解，直到最底层的具体元素。

信息隐藏和局部化。信息隐藏是指在设计和确定模块时，应使得一个模块内包含的信息对于不需要这些信息的模块来说，是不能访问的。局部化是指把一些关系密切的系统原素物理放得彼此靠近。局部化有助于实现信息隐藏。信息隐藏原理和局部化有助于在测试期间以及后期维护和修改。因为绝大多数数据和过程对于用户来说都是隐蔽的，从而由疏忽引入的错误就很少可能传播到系统的其他部分。

逐步求精的模块化概念。逐步求精和模块化的抽象是密切相关的。软件结构每一层中模块表示对系统抽象层次的细化。

模块的独立性。模块的划分要使模块间尽可能的相互独立，独立模块较容易维护。度量模块的独立程度有两个标准：内聚和耦合。耦合是对一个系统结构内不同模块间互连程度的度量。耦合强弱取决于模块间接口的复杂程度，进入或访问一个模块的点，以及通过接口的数。在设计中应追求尽可能松散的耦合。内聚标志一个模块内各个元素彼此结合的紧密程度，他是信息隐藏和局部化概念的自然扩展，理想内聚的模块只做一件事情。在设计上应力求做到高内聚。

8

毕业设计（论文）

3.2 企业网站系统框架

本系统可以分为前台和后台，前台主要包括：关于我们模块、新闻资讯模块、产品中心模块、联系我们模块、心育在线模块。后台主要包括：后台管理员信息管理模块、首页幻灯片展示图片管理模块、前台菜单栏管理模块、留言板信息管理模块、产品信息管理模块、新闻信息管理模块。如图3-1所示

海尔企业管理系统用户登录关于我们新闻资讯产品中心联系我们在线留言在线留言后台管理菜单栏的增删改查幻灯片的增删改查留言的增删改查进入后台管理查看产品信息查看产品大类查看联系信息查看留言信息添加留言信息 图3-1 系统框架图

新建新闻修改新闻删除新闻查看新闻在线互动1)新闻发布模块包括:

(1)添加新闻:主要作用为更新企业网站内容。 (2)删除新闻:主要删除网站中过时的内容。 2)留言板模块包括:

(1)留言展示:为其他的留言者作为参考。 (2)我要留言:在网站上进行留言。

(3)删除留言:对已有留言进行的管理,并显现在网页中。 3)产品展示模块包括:

(1)添加产品:主要作用为更新企业网站产品内容。 (2)删除产品:主要删除网站中过时的产品内容。 (3)产品管理:主要作用为对网站中的内容进行编辑。 4)后台登录模块包括:

9

毕业设计（论文）

(1)登录成功:当管理者输入正确的用户名和密码的时候会转到后台管理页面,进行网站内容的管理。

(2)登录失败:当管理者输入不正确的用户名和密码的时候会转到登录失败的页面。 在本系统中当管理员在后台进行产品和新闻的添加后，在前台浏览页面就会生成相应的信息。而浏览者正好可以点击相关链接进行查看相关信息。

10

毕业设计（论文）

第4章 数据库设计

数据库设计是建立在数据库及其应用系统基础之上的技术，是现代软件开发和建设中的核心。一个结构最优的数据库模型能使整个网站满足各种用户的需要。因此，设计开发一个好的网站既在于程序本身的可用性，更在于对整个网站的数据库的全面分析。

4.1 数据库的需求分析

数据库的需求分析是整个开发过程当中非常重要的一步。作为数据库设计的基础，需求分析直接影响到数据库设计的合理性，乃至整个网站的优劣。它是开发人员弄清实际情况、制定合理方案、开发网站的基础。

4.1.1 需求分析

首先，根据网站需求，确定主要的关系。其次，对国内外现有的网站进行研究学习，并发觉其存在的问题争取加以改进。然后，考虑目前开发者的综合因素限制，如时间，技术等等，最终确定系统的功能与目标。

需求分析的主要任务是：了解和掌握数据库应用网站开发对象（用户）的使用流程和每个页面的功能，了解和掌握数据从开始产生或建立，到最后输出、存档或消亡所经过的传递和转换过程，对数据（信息）的安全性（保密性）和完整性各有什么要求等等。

4.1.2 数据库的选择

根据网站的规模和用户需求可能的规模确定是选用一个大型的数据库管理系统还是一个小型的数据库管理系统。因为本网站是一个小型的数据库管理系统。因此我选择操作简单易于连接的Microsoft Access 2003 作为本网站的数据库。

4.2 数据库表的结构设计

4.2.1总体 E-R图设计

产品分类和产品信息之间是一对多的关系，一个产品分类可以有多个产品，一个产品只能归一个产品分类所有。

管理员实体和新闻管理之间是多对多的关系，一个管理员可以管理多个新闻信息，一个新闻信息可以被多个管理员管理。

管理员实体和产品实体之间是多对多的关系，一个管理员可以管理多个产品，一个产品可以被多个管理员管理。

如图4-1所示：

11

毕业设计（论文）

密码新闻分类新闻内容管理员管理M管理N标题产品信息N包含1产品分类地址NN管理M新闻管理用户编号标题管理M图片产品内容管理产品大类产品小类 图4-1 总体E-R图

在本系统中，为了提高系统的安全性，每个用户都要有正确的用户名和密码才能进入后台，为了能够记录正确的用户名和密码，应在数据库中创建了登录表。登录表的实体E-R图如图4-2所示：

图4-2 登录用户E-R图

为了能够与用户及时沟通，我在系统中添加了留言系统，每个用户填写相关的内容后，就可以在粘贴板中进行留言了。为了能够记录留言内容，因此应该在数据库中创建一个留言信息表。留言信息的实体E-R图如图4-3所示：

12

毕业设计（论文）

留言者ID留言者姓名留言管理电子邮箱留言内容留言时间联系电话联系人手机 图 4-3 留言信息E-R图

4.2.2 数据表详细设计

我们的网站采用Microsoft Access 2003作为数据库，使用ADODB.Connection连接数据库。

在建立数据模型的时候首先考虑是要避免重复数据。整个数据库共有cms_about、cms_admin、cms_class、cms_config、cms_flash、cms_link、cms_menu、cms_news等表格。

以下根据模块功能划分，分别介绍本系统所需要的表。 1) cms_about该表用来存储单页显示的页面，“关于我们”和“联系我们”就在这个表中。如表4-1所示：

表4-1 cms_about表 字段名称 id title keys des cont 字段名 ID 标题 关键字 描述 链接 数据类型 自动编号 备注 备注 备注 备注 长度 32 50 32 500 500 备注 该字段设为主键 2) cms_admin表显示管理员信息的相关存储，主要用来记录用户登录后台的用户名、密码、登录时间等信息。如表4-2所示：

表4-2 cms_admin表 字段名称 id admin_name admin_pass ci times 字段名 ID 用户名 密码 登陆次数 登陆时间 数据类型 自动编号 备注 备注 数字 备注 13

长度 32 50 32 500 备注 该字段设为主键 3) cms_books该表主要用来记录留言者的留言内容和相关信息，该内容可以在在线留

毕业设计（论文）

言的模块中可以查询的到。如表4-3所示：

表4-3 cms_books表 字段名称 id mingz mail dianhua shouji neirong shijian work

字段名 ID 留言者姓名 留言者电子信箱 留言者联系电话 留言者手机 留言内容 留言时间 留言者工作单位 数据类型 自动编号 文本 文本 文本 文本 备注 文本 文本 长度 32 50 32 50 50 1000 200 备注 该字段设为主键 14

毕业设计（论文）

第5章 界面设计

本系统界面使用了Swing构建的图形用户界面（GUI），应用程序运行在不同的平台上时的显示效果一致。Swing基于AWT架构之上，提供了更强大的用户界面组件，Swing拥有丰富、便捷的用户界面元素组合，对底层的依赖更少，与平台相关的bug更少。

我的设计背景为浅灰色，然后配以深蓝色的色调。我进行这种色调的搭配主要目的是为了迎合海尔官网和海尔服务平台，与它们保持一致。同时，由于近水楼台，我的同事也都是海尔官网的开发人员和维护人员，我可以请教到海尔网站的一些的设计理念，同时一些海尔的经典的框架结构和图片也为我所用，并将这些融入到我的设计中去。在此我要感谢我的同事们。

主界面全屏显示，提示信息以对话框形式居中，使界面更加整齐划一。其中，查询界面的查询结果以表格形式显示使界面变得更加清晰、操作简单。

登录窗体是整个后台的入口，我们必须拥有正确的登录名和密码我们才能登录到海尔企业管理系统中，登录模块也就保证了程序的安全性。登录窗体设计十分简单，由一个用户名文本框、一个密码文本框、一个验证码对话框和一个登录按钮组成，为了窗体的美观，我还添加了一个海尔企业网站的logo。为了使窗体中的各个组件摆放得更加随意美观，项目采用了绝对布局方式。

各个功能已经通过树形导航进行相关的分类，能够帮助用户尽快选择需要的功能。界面的设置中，提示 信息清楚明白，符合我们的一般的操作流程，用户在登录系统之后能够根据提示信息完成相关的操作。

5.1 系统前台界面设计

海尔企业网站logo是我利用photoshop工具制造完成的，海尔企业本身就很注重自身形象的建设，大型动画片《海尔兄弟》更是人们耳熟能详的。因此，我参考了现有的海尔企业网站的logo进行了稍加修改。

在头部的模板的下部就是菜单栏了，在菜单栏中的选项都是和后台管理中的“首页菜单管理”模块是紧密联系的。在后台通过id将要添加的字段送入数据库中，而前台利用数据库中的select语句将数据库中是字段查询出来，id为menu。如果后台数据库中没有数据的话，就利用if语句进行判断，然后弹出“暂无菜单!请登录后台添加”的对话框。前台头部模块具体如下表5-1所示：

表 5-1 头部模块示意图 海尔企业网站logo 设为首页 加入收藏 用户登录 菜单栏 15

毕业设计（论文）

菜单栏主要分为6个模块，分别是：关于我们、新闻资讯、产品中心、联系我们、在线留言、心育在线。

网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，所以首页不仅要做得美观，引人浏览，还要有丰富的内容。所以我们在首页就首页聚集了大量的信息。

关于我们这个模块中，主要是进行海尔集团的总体描述，讲述了海尔的过去和现在。通过简短的文字让客户能够大体的了解海尔。

新闻资讯这个模块，主要是将海尔的每日新闻进行及时的更新，有重要的通告能够及时发布。这个是与后台中的“产品管理”模块是关联的。只要管理员在后台将信息录入，在前台就可以查看到了。

产品中心这个模块，主要是推广海尔的产品，将海尔的174个产品大类依次罗列出来，可以让客户能够清晰的查看相关的信息。而且我们还附有贴图和相关的文字描述，让客户能够在购买前充分的了解到产品的性能，选择出最适合自己的产品。

联系我们这个模块，主要是为了客户与销售人员或工程师进行互动，海尔有一句口号：不是每卖出一件产品，我们就拥有了一个客户。近年来，海尔越来越重视售后的服务，努力提高服务质量。因此，设计联系我们这个模块就十分有必要了。通过“联系我们”这个模块，客户可以随时通过电话、邮件甚至是QQ联系到相关工程师，诉说自己在使用产品中遇到的问题，及时解决相应的麻烦。

在线留言这个模块，主要是客户对产品和服务的一种反馈形式。客户可以将自己的感受或者遭遇通过留言的形式进行反馈。通过我在设计网站的过程，设计了一个专门留言查看页面，所有的评价都可以在这个页面中查看出来。通过留言不仅能够及时将批评和建议及时的反馈，而且起到了监督的作用，让我们的服务的更好。

心育在线这个模块，当初设计的目的主要是针对海尔内部的员工。虽然我在海尔工作的时间不长，但是我发现海尔内部员工普遍的压力很大，而且海尔没有明显的心理辅导部门。我在工作时，就有亲身感受，感觉压力无处排遣，在我身边的同事也有因为压力大而辞职的现象。因此，我想到了用心育在线测试的方法来进行心理辅导，疏导员工的压力。

尾部模块就很简单了，主要是进行版权说明.

中间展示部分是采用模板进行的，其中首页是将菜单栏中的所有模块的集合，具体如下表5-2所示：

16

毕业设计（论文）

表 5-2 首页示意图 头部logo 菜单栏 幻灯片 产品分类 消费类产品 商业类产品 解决方案 技术支持 关于我们 产品推荐 友情链接 版权声明 产品小类 在线留言 联系我们 新闻资讯 5.2 系统后台界面设计

人们容易把网站简单理解成一种工具或者商务活动中的孤立环节，这样理解不仅会影响到网站开发质量，重要的是难以充分发挥网站在企业经营过程中的作用。网站后台管理是网站开发及其重要的部分，所以一个好的企业网站，必须有一个良好的网站后台管理。这与传统的企业网站静态网站是不同的。

我做的后台界面主要采用左右框架结构。左边是是控制菜单栏，通过点击菜单栏中的按钮，相应的页面就会在右侧的显示框中显示出来。

登录页面主要实现用户的登录，用户的权限是管理员，管理员可以在系统中可以进行任何操作。登录界面如图5-3所示：

17

毕业设计（论文）

再次，打开“应用程序”面板，在“数据库”面板中可以看到有4个步骤，只有前3个步骤完成了才能进行第4步“创建连接”的操作。在进行下面的操作前请确认前3个步骤的前面都打上了“ √ ”（必须）。

点击该面板上的“+”号，在弹出的菜单中选择“自定义连接字符串”。

在弹出的“自定义连接字符串”窗口中，连接名称填写自定义的名称。在连接字符串中填写：Driver={Microsoft Access Driver (*.mdb)};DBQ=F:\\cms\\data\\cms _data.mdb。在“Dreamweaver应连接”选择“使用此计算机上的驱动程序”。

填写完毕后，点击右边的“测试”按钮，如果操作没有问题的话就会弹出“成功创建连接脚本”的提示窗口。点击“确定”完成连接的创建。

此时回到“应用程序”面板中的“数据库”，可以看到我们创建的数据库连接已经生效，可以在这里查看数据库的结构和相关信息。在数据表上单击右键，选择“查看数据”，可以查看到该数据表中的详细内容。

在“文件”面板中，我们可以看到DW自动生成了一个Connections的文件夹，其中包含了一个以我们刚才自定的连接名称命名的asp文件，这个就是保存连接字符串的地方。

因为我们在连接中使用了数据库绝对路径，而当我们把程序上传到服务器后，服务器上数据库的绝对路径可能和本地路径不一样，程序会出错。为了避免这种情况，我们要在程序中使用相对路径。在此，我们已经将数据库连接成功。 最后，打开index.asp文件，在“应用程序”面板上选择“绑定”面板，点击“+”选择“记录集(查询)”来创建一个记录集。

在弹出的窗口中填写记录集的名称，选择建立的数据库连接，再选择相应的数据表。 选择好了之后，点击右边的“测试”按钮，可以看到我们建立的记录集中包含的所有数据。表示我们建立记录集成功。在“确定”后可以看到在“绑定”面板中看到我们建立的记录集包含的相应字段。在程序中我们只需要将字段拖到页面上就可以插入记录集的数据到页面上了。

最后将记录集中的信息拖入到Dreamweaver中的相应位置。这样我们就可以在页面中完成与数据库中的连接

6.3.3 显示数据库记录

显示数据库内容的原理是将数据库中的记录一一显示在客户端浏览器，依次读出数据库中的每一条记录。如果是从头到尾则用循环并判断指针是否到末尾，使用not rs.eof语句即可实现。如果用循环判断指针是否开始。如图6-2所示：

23

毕业设计（论文）

开始数据不为空Y顺序读取记录NY指针是否到末尾Y将数据传递给前台显示N结束

图6-2 显示数据库记录流程图

6.3.4 增加数据库记录

增加数据库记录用到了rs.addnew,rs.update两个函数。信息窗体的“添加”按钮后，将弹出添加信息窗体。增加数据库记录关键代码如下所示：

Set rs=server.CreateObject(\建立recordset对象 Sqlstr=\Rs.open sqlstr,conn,1,3

Rs.addnew//新增加一条记录

Rs(\将xx的值传给id字段

Rs.update//刷新数据库

Rs.close//这几句用来关闭数据库 Conn.close Set rs=nothing

Set con=nothing %>

添加记录流程图如图6-3所示：

24

毕业设计（论文）

开始数据是否为满Y插入记录与数据库匹配Y添加数据显示更新结束

图6-3 添加数据库记录流程图

25

毕业设计（论文）

总 结

通过这些日子的学习和设计，我系统的学习了ASP教程及其相关脚本语言，通过对数据库知识的学习，使我了解了数据库与后台管理的连接方法，感触颇深。通过做这次毕业设计，使我的理论知识有得到了进一步的巩固。

经过对网站的仔细调研，完成了海尔企业网站的各大模块的设计，基本上实现了相关的功能，如产品展示、留言板设计等，管理员可以方便的通过后台对海尔企业网站的管理。本次毕业设计综合考察了我们对ASP程序设计知识的掌握熟练程度和实际运用能力。巩固了ASP语言的基础知识，进一步加深对ASP语言的理解和掌握。为我提供了一个既动手又动脑，独立实践的机会，将课本上的理论知识和实际有机的结合起来，锻炼学生的分析解决实际问题的能力。提高学生适应实际，实践编程的能力。培养我在项目开发中的创新意识及能力程序实现的关键在于功能的合理划分以及各个包或者类之间的通讯问题，只要分析清楚这两点，剩下的就是按部就班的写代码了。所以设计是关键，遇见不会的方法可以查帮助。

关于本次设计的命题，是我在海尔集团实习期间利用各种工作间隙制作完成的，借鉴了海尔集团很多的好的模板，而且还得到了项目开发组的同事全力帮助。由于时间紧张，我的设计只能提供基本的功能。还有许多的设想由于时间和自身和因素无法得以实现，这不能不说是本次设计的遗憾之处。不过，至少它已经启发了自己的思维，提高了我的动手能力，这是我在课本中学不到的。它为我们在以后的工作岗位上发挥自己的才能奠定了坚实的基础。

“千里之行，始于足下”，这是一个短暂而又充实的实习，我认为对我走向社会起到了一个桥梁的作用，过渡的作用，是人生的一段重要的经历，也是一个重要步骤，对将来走上工作岗位也有着很大帮助。向他人虚心求教，遵守组织纪律和单位规章制度，与人文明交往等一些做人处世的基本原则都要在实际生活中认真的贯彻，好的习惯也要在实际生活中不断培养。这一段时间所学到的经验和知识大多来自老师和同学们的教导，这是我一生中的一笔宝贵财富。做事首先要学做人，要明白做人的道理，如何与人相处是现代社会的做人的一个最基本的问题。对于自己这样一个即将步入社会的人来说，需要学习的东西很多，他们就是最好的老师，正所谓“三人行，必有我师”，我们可以向他们学习很多知识、道理。

在设计过程中遇到了各种各样的问题，很多细节性问题摸索的很辛苦，加之本人水平有限，并没有完全地理解ASP的强大功能，而且还存在着许多不足之处。功能的实现不是很完美，还望老师批评指正。

26

毕业设计（论文）

致 谢

时间过得真快，转眼间，大学生活就这样无声无息的接近尾声了，然而在校的一点一滴还历历在目。

在大学的这段时期，让我学到了很多东西，不仅使我在理论上对计算机有了全新的认识，在实践能力上也得到了提高，明白了作为一名新时期的技术人才一定要做到了学以致用，更学到了其它很多为人处事的道理，这些对我来说受益非浅。除此以外，我还学会了如何更好地与别人沟通，如何更好地去陈述自己的观点，如何说服别人认同自己的观点。第一次亲身感受了所学知识与实际的应用，理论与实际的相结合，让我大开眼界。也是对以前所学知识的一个初审吧！这次实习对于我以后学习、找工作也真是受益菲浅，让我初步从理性回到感性的重新认识，也让我初步的认识这个社会，对于以后做人所应把握的方向也有所启发！相信这些宝贵的经验会成为我今后成功的重要的基石。

我要特别感谢XXX老师对我的悉心指导，在设计期间XXX帮我理清设计思路，指导实验方法，提出有效的改进方案。导师渊博的知识、严谨的学风、诲人不倦的态度和学术上精益求精的精神使我受益终生。

毕业设计是我们大学期间最后的一次锻炼和考核，经过这段时间的努力，使自己在专业知识方面有个全面复习的机会，使自己在设计工程中得到最好的实践锻炼，并学会了许多在一个项目开发过程中必须具备的素质。

感谢计算机系的各位老师对我的培养和关心，是他们为我创造了良好的工作和学习环境。

感谢我的同学和朋友对我在学习和生活上的无私帮助。

27

毕业设计（论文）

参考文献

[1] 丁贵广．ASP及ASP.NET编程基础.第2版．北京：机械工业出版社,2004 [2] 龚玉清.网页设计的色彩运用. 现代教育技术,2003,5.

[3] 段永红,李春海. 基于ASP的网站建设. 电脑开发与应用,2000,8. [4] 龚小勇. 关系数据库.第1版.北京：机械工业出版社,2004 [5] 杨青.ASP的主要技术特点分析. 电脑与信息技术,1999,4.

[6] 贾佳，郝洪明．ASP与SQL SERVER架设．北京：机械工业出版社，2001 [7] 吴玉新. ASP后台解决方案. 北京：人民邮电出版社,2003.

[8] 黄明,粱旭. ASP信息系统设计与开发实例. 北京：机械工业出版社,2003. [9] 刘禾,蔡锋. 精通ASP架站技巧. 北京：中国青年出版社,2002. [10] 张海藩. 软件工程. 北京：人民邮电出版社,2002.

[11] 李正希. ASP.NET案例开发. 北京：中国水利水电出版社, 2005

[12]郭刚,王一平,张永进,孙毅.应用ASP实现网站登录的验证.现代电子技术 [13] Alberto Active server pages 3 exploitation . 北京：电子工业出版社,2003 [14] 吴晨等. ASP.NET数据库项目案例导航. 北京：清华大学出版社,2004 [15] Dave Mercer．ASP 3.0 programme. 北京：人民邮电出版社,2003.

[16]丁贵广．ASP及ASP.NET编程基础.第2版．北京：机械工业出版社，2004

28

毕业设计（论文）

附 录

1) cms_class1表 字段名称 id title ord 字段名 ID 标题 优先值 数据类型 自动编号 备注 数字 长度 32 50 32 备注 该字段设为主键 该表主要用于记录网站中产品大类。 2) cms_class2表 字段名称 字段名 数据类型 id title topid ord ID 标题 所属产品大类 优先值 自动编号 备注 数字 数字 长度 32 50 50 32 备注 该字段设为主键 该表主要用于记录网站中的产品小类。其中，topid与cms_class1中的id相关联。 3) cms_config表 字段名称 字段名 数据类型 长度 备注 id title url keywords description copy icp lianxi dianhua shouji mail chuanzhen qq diz 关键字ID 网站名称 网址 网站关键字 网站简介 版权 备案 联系人 电话 手机 邮箱 传真 qq 地址 自动编号 备注 文本 备注 备注 备注 文本 文本 文本 文本 文本 文本 文本 备注 32 50 500 32 200 50 50 50 50 50 32 50 32 50 该字段为主键 该表主要用于记录网站基本建设的内容，在“版权声明”和“联系我们”这两个字段中要调用到这个表中的内容。

29

毕业设计（论文）

4) cms_flash表 字段名称 id title imgname weburl ord 字段名 关键字ID 标题 图片名称 web链接地址 优先值 数据类型 自动编号 文本 文本 文本 数字 长度 32 50 50 50 32 备注 该字段为主键 该表主要记录网站主页中幻灯片图片的内容和存储地址。 5) cms_link表 字段名称 字段名 数据类型 长度 id webname weburl ord 关键字ID 网络名称 网络地址 排序 自动编号 备注 备注 数字 32 50 50 32 备注 该字段为主键 该表主要记录“友情链接”中的主要内容。

6) cms_menu表 字段名称 字段名 数据类型 id title url dakai ord xian 关键字ID 标题 链接 打开方式 排序 显示 自动编号 文本 文本 文本 数字 数字 长度 32 50 50 32 32 1 备注 该字段为主键 显示=1 该表主要记录菜单栏中的内容。其中，打开方式self这个目标的值对所有没有指定

目标的标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 标签中的 target 属性一起使用。 7) cms_news表 字段名称 字段名 数据类型 长度 备注 id title cont fl times

30

关键字ID 标题 链接 显示优先值 时间 自动编号 备注 备注 数字 日期/时间 32 50 50 32 该字段为主键 该表主要显示网站企业信息。新闻的标题和发布时间，以及显示的类型。

毕业设计（论文）

8) cms_newfl表 字段名称 id title px_id

该表主要显示新闻的大类，该表的大类就是cms_news表中的显示类型。 9) cms_pro表 字段名称 字段名 数据类型 长度 备注 id title cont img class1id class2id 关键字ID 标题 所属关键字 图片 产品大类 产品小类 自动编号 文本 备注 备注 数字 数字 32 50 50 50 32 32 该字段为主键 对应cms_class1中的id 对应cms_class2中的id 字段名 关键字ID 标题 所属关键字 数据类型 自动编号 备注 数字 长度 32 50 50 备注 该字段为主键 该表主要显示海尔中的具体产品，产品大类和产品小类的关联。

31

本文来源：https://www.bwwdw.com/article/5xy7.html