毕业论文中小型企业网站设计

1、 中小型企业网站设计 姓姓 名名学学 号号学学 院院继续教育学院继续教育学院专专 业业计算机科学与技术计算机科学与技术导导 师师摘摘 要要随着网路经济的发展，越来越多的企业走向网络，希望通随着网路经济的发展，越来越多的企业走向网络，希望通过网络宣传自己，从而增加销售渠道。本设计通过一个中过网络宣传自己，从而增加销售渠道。本设计通过一个中小型企业网站的设计，来论述采用小型企业网站的设计，来论述采用ASP+Access/SQL Server的模式构建一个面向中小型企业形象网站的过程。的模式构建一个面向中小型企业形象网站的过程。本设计在技术方面采用了本设计在技术方面采用了Microsoft公司推出的

2、公司推出的ASP网站开网站开发技术，如伸缩性应用程序结构设计、模块化的设计方法、发技术，如伸缩性应用程序结构设计、模块化的设计方法、规范的数据库设计、注意安全性等。另外本设计特别注意规范的数据库设计、注意安全性等。另外本设计特别注意了性能优化，力图从各种途径来提高网站的性能。了性能优化，力图从各种途径来提高网站的性能。作为一个企业门户网站，本设计还论述了通过作为一个企业门户网站，本设计还论述了通过ASP来动态来动态生成内容丰富的主页，可以随时更新自己的企业信息、新生成内容丰富的主页，可以随时更新自己的企业信息、新闻信息和产品信息。闻信息和产品信息。关键词：网站；关键词：网站； ASP； 模块化

3、；模块化； 数据库数据库目目 录录摘摘 要要第第1章章 引引 言言第第2章章 网站设计网站设计第第3章章 数据库设计数据库设计第第4章章 数据库的生成与配置数据库的生成与配置第第5章章 网站通用功能模块的编写网站通用功能模块的编写第第6章章 管理界面设计管理界面设计第第7章章 客户界面的设计客户界面的设计第第8章章 结束语结束语致致 谢谢参考文献参考文献附附 录录第第1章章 引引 言言1.1 功能及应用背景功能及应用背景 1.1.1 客户界面部分客户界面部分 1.1.2 管理界面部分管理界面部分1.2 设计预览设计预览1.3 设计特点设计特点 1.1 功能及应用背景功能及应用背景 随着互联网的

4、发展，其信息传播效率逐步为人们所关注。随着互联网的发展，其信息传播效率逐步为人们所关注。越来越多的企业走向网络，以期通过网络加大对自己的宣越来越多的企业走向网络，以期通过网络加大对自己的宣传力度，从而扩展销售渠道，增加销售量。现在互联网已传力度，从而扩展销售渠道，增加销售量。现在互联网已成为与报纸、广播、电视相比肩的第四大媒体，正以其便成为与报纸、广播、电视相比肩的第四大媒体，正以其便捷的信息传播形式改变着人们传统的消费模式，更多的人捷的信息传播形式改变着人们传统的消费模式，更多的人开始青睐于这种简单、快捷、低成本的电子通讯方式。据开始青睐于这种简单、快捷、低成本的电子通讯方式。据预测，走向商

5、业的互联网已经成为网络经济的大势所趋，预测，走向商业的互联网已经成为网络经济的大势所趋，其中所蕴藏的商机可想而知。其中所蕴藏的商机可想而知。目前电子商务网站正如雨后春笋般的大量涌现，企业网络目前电子商务网站正如雨后春笋般的大量涌现，企业网络化已经成为一种时尚。本设计使用化已经成为一种时尚。本设计使用 Microsoft公司的数据公司的数据库开发工具库开发工具ASP+Access/SQL Server的模式构建一个面向的模式构建一个面向中小型企业形象网站的设计。中小型企业形象网站的设计。本设计的功能如下。本设计的功能如下。1.1.1 客户界面部分客户界面部分1.代表企业形象的首页设计。代表企业形

6、象的首页设计。2.在首页中可以查看最近新闻排行。在首页中可以查看最近新闻排行。3.在首页中可以查看企业最新产品和推荐产在首页中可以查看企业最新产品和推荐产品排行。品排行。4.在首页中可以查看常见问题排行。在首页中可以查看常见问题排行。1.1.2 管理界面部分：管理界面部分：1.企业信息管理，可以添加企业信息名称和对应的内容，企业信息管理，可以添加企业信息名称和对应的内容，如添加企业信息名称为如添加企业信息名称为“联系方式联系方式”，对应的内容为具体，对应的内容为具体的联系方式。的联系方式。2.新闻类型管理，如可以添加企业新闻、业内新闻等。新闻类型管理，如可以添加企业新闻、业内新闻等。3.添加新

7、闻时可以上传图片。添加新闻时可以上传图片。4.产品分类管理，增加、修改和删除厂商类型。产品分类管理，增加、修改和删除厂商类型。5.产品管理，增加、修改和删除厂商。产品管理，增加、修改和删除厂商。6.常见问题管理，增加、修改和删除常见问题。常见问题管理，增加、修改和删除常见问题。7.添加产品时可以上传图片。添加产品时可以上传图片。8.用户管理，查看，修改和删除用户。用户管理，查看，修改和删除用户。9.上传文件管理。上传文件管理。10.访客留言管理，可以删除、回复等。访客留言管理，可以删除、回复等。1.2 设计预览设计预览首页设计本着简单但不失丰富的原则，布局做到清晰直观。首页设计本着简单但不失丰

8、富的原则，布局做到清晰直观。在首页中把企业的最新推荐产品放在最明显的位置，并有在首页中把企业的最新推荐产品放在最明显的位置，并有关于此产品的详细信息。另外还有最近的企业新闻、最新关于此产品的详细信息。另外还有最近的企业新闻、最新产品、推荐产品和热点常见问题等。可以通过首页上方的产品、推荐产品和热点常见问题等。可以通过首页上方的菜单方便地浏览整个网站。菜单方便地浏览整个网站。通过客户端查看产品详细信息界面，从中可以看到在产品通过客户端查看产品详细信息界面，从中可以看到在产品详细信息中，可以加入产品外形图，或者软件界面。并且，详细信息中，可以加入产品外形图，或者软件界面。并且，本设计网站的企业信息

9、、新闻、产品介绍、客户服务（常本设计网站的企业信息、新闻、产品介绍、客户服务（常见问题）模块都可以加入图片。见问题）模块都可以加入图片。管理员登录的产品管理界面。管理员登录后，可以进行系管理员登录的产品管理界面。管理员登录后，可以进行系统管理、企业信息管理、新闻管理、产品管理、统管理、企业信息管理、新闻管理、产品管理、FAQ（常（常见问题）管理和留言管理。因为管理端主要是面向管理员见问题）管理和留言管理。因为管理端主要是面向管理员而设，所以在此不侧重界面设计，而是加重了安全性设计而设，所以在此不侧重界面设计，而是加重了安全性设计和方便性设计。和方便性设计。1.3 设计特点设计特点本设计的特点如

10、下：本设计的特点如下：1.页面模块化：本网站在界面设计上都采用了模块化处理思想，把很页面模块化：本网站在界面设计上都采用了模块化处理思想，把很多页面的共有部分集成一个模块，例如页面的头、尾，导航条和左侧多页面的共有部分集成一个模块，例如页面的头、尾，导航条和左侧的热点信息，这样在开发过程中遇到这些相似的页面部分时，就不需的热点信息，这样在开发过程中遇到这些相似的页面部分时，就不需要重新编写，而只是以一句：要重新编写，而只是以一句：重用这部分即可，大大提高了开发效率。重用这部分即可，大大提高了开发效率。2.人性化设计：本设计的另一个亮点就是导航明晰。这样，不管客户人性化设计：本设计的另一个亮点就

11、是导航明晰。这样，不管客户位于本设计的哪个角落，都不会迷路。位于本设计的哪个角落，都不会迷路。3.首页设计丰富：当用户登录到首页之后，就可以了解到企业最新的首页设计丰富：当用户登录到首页之后，就可以了解到企业最新的新闻信息、产品信息和热点常见问题及其他资讯。新闻信息、产品信息和热点常见问题及其他资讯。4.使用数据库连接池：在本设计中，连接数据库采用使用数据库连接池：在本设计中，连接数据库采用OLE DB方式，方式，并且在每页中显示地关闭连接，于是利用了并且在每页中显示地关闭连接，于是利用了IIS自带的数据库连接池自带的数据库连接池特性，大大提高了数据库连接效率。特性，大大提高了数据库连接效率。

12、5.注重代码优化：使用注重代码优化：使用Option Explicit强制变量声明，使用强制变量声明，使用Typelib声声明明ADO库，避免使用库，避免使用adovbs.txt这个文件而影响效率。这个文件而影响效率。第第2章章 网站设计网站设计 2.1 设计思想设计思想 2.1.1 页面模块化页面模块化 2.1.2 合理组织目录结构合理组织目录结构 2.1.3 注重安全性注重安全性 2.1.4 对对ASP进行优化进行优化 2.2功能模块划分功能模块划分2.1 设计思想设计思想2.1.1 页面模块化页面模块化 本设计把页面中一些常用的部分集成模块，例如页面的头本设计把页面中一些常用的部分集成模

13、块，例如页面的头部和尾部，这样在设计新的页面时如果有重复出现的部分，部和尾部，这样在设计新的页面时如果有重复出现的部分，只需要拿现成的模块来组装就可以了。只需要拿现成的模块来组装就可以了。 在本设计中使用最多的模块是数据库连接文件，此处还在本设计中使用最多的模块是数据库连接文件，此处还有验证管理员登录页面，网站参数配置文件，以及非常实有验证管理员登录页面，网站参数配置文件，以及非常实用的分页函数。用的分页函数。2.1.2 合理组织目录结构合理组织目录结构 合理的目录结构也是本设计的一个亮点。因为作为一个代合理的目录结构也是本设计的一个亮点。因为作为一个代表企业形象的网站，所涉及的东西比较多，如

14、企业介绍、表企业形象的网站，所涉及的东西比较多，如企业介绍、新闻、产品及常见问题等，这样可以将与这些功能相关的新闻、产品及常见问题等，这样可以将与这些功能相关的文件按目录存放，从而使得设计结构清晰，各模块之间的文件按目录存放，从而使得设计结构清晰，各模块之间的独立性高，便于将不同模块组合，随心所欲地定制自己的独立性高，便于将不同模块组合，随心所欲地定制自己的网上家园。关于网站目录结构组织的具体情况，详见本设网上家园。关于网站目录结构组织的具体情况，详见本设计第计第5章关于网站目录结构的介绍。章关于网站目录结构的介绍。2.1.3 注重安全性注重安全性1. 避免使用避免使用inc作为扩展名作为扩展

15、名本设计以本设计以.asp作为引文件的扩展名。作为引文件的扩展名。2. 没有把没有把Access数据库放在网站内部数据库放在网站内部即不要将即不要将Access数据库文件放在通过数据库文件放在通过URL可以访问到的位可以访问到的位置，否则不管你如何伪装这个文件，都逃不过被人发现的置，否则不管你如何伪装这个文件，都逃不过被人发现的危险。危险。3.过滤字符串中的单引号过滤字符串中的单引号当用字符串来组织当用字符串来组织SQL语句时，一个问题最重要的是过滤语句时，一个问题最重要的是过滤字符串中的单引号，因为字符串中的单引号，因为SQL语句中字符串是以单引号为语句中字符串是以单引号为分界符的。分界符的

16、。4.慎用上传功能慎用上传功能在本设计设为只有管理员才可以使用上传权限，限定上传在本设计设为只有管理员才可以使用上传权限，限定上传文件的类型等。也可使用上传组件，或使用无组件上传类。文件的类型等。也可使用上传组件，或使用无组件上传类。2.1.4 对对ASP进行优化进行优化本设计注重代码优化，主要体现在以下几个方面：本设计注重代码优化，主要体现在以下几个方面：1.为了减少语义错误的发生率并提高效率，而使用为了减少语义错误的发生率并提高效率，而使用Option Explicit强制变量声明。强制变量声明。2.使用使用Typelib声明声明ADO库，可在使用库，可在使用LockType和和Curso

17、rType等属性时使用常量代替数字而使语义明确，等属性时使用常量代替数字而使语义明确，调试和维护方便，且避免使用调试和维护方便，且避免使用adovbs.txt这个文件而影响这个文件而影响效率。效率。3.使用数据库连接池技术，充分利用了使用数据库连接池技术，充分利用了IIS所提供的功能，所提供的功能，可从而提高数据库连接效率。可从而提高数据库连接效率。4.在使用在使用RecordSet操纵数据库记录时，合理地使用操纵数据库记录时，合理地使用LockType和和CursorType两个参数，尽量将服务器开销降两个参数，尽量将服务器开销降到最低。到最低。5.在使用在使用Request对象获取参数值时

18、，避免访问非限定的对象获取参数值时，避免访问非限定的Request对象，明确指出了具体的集合，比如是属于对象，明确指出了具体的集合，比如是属于QueryString还是还是Form，并且将多次使用的参数存储到本，并且将多次使用的参数存储到本地变量中，从而可提高效率。地变量中，从而可提高效率。2.2功能模块划分根据上面的功能分析，可以画出功能模块图，本设计从客根据上面的功能分析，可以画出功能模块图，本设计从客户界面、管理界面分别对功能模块图加以描述。客户界面户界面、管理界面分别对功能模块图加以描述。客户界面的功能模块如的功能模块如图图1所示。管理界面的功能模块图如所示。管理界面的功能模块图如图图

19、2所示。所示。 客户界面的功能模块图客户界面的功能模块图管理界面的功能模块图管理界面的功能模块图 3.1数据库需求分析数据库需求分析3.2数据库概念结构设计数据库概念结构设计3.3数据库逻辑结构设计数据库逻辑结构设计 第第3章章 数据库设计数据库设计第第3章章 数据库设计数据库设计在一个管理信息系统中，数据库是一个系统正常在一个管理信息系统中，数据库是一个系统正常运行的基础。本设计中数据库设计分为以下几步：运行的基础。本设计中数据库设计分为以下几步：1.首先收集、分析需求。首先收集、分析需求。2.将需求抽象出一般的实体、关系和它们的属性。将需求抽象出一般的实体、关系和它们的属性。3.将这些实体

20、、关系和属性按照一定的规则转化将这些实体、关系和属性按照一定的规则转化为二元表的结构。为二元表的结构。以上各步所对应的分布就是数据库需求分析、概以上各步所对应的分布就是数据库需求分析、概念结构设计和逻辑结构设计，下面首先进行数据念结构设计和逻辑结构设计，下面首先进行数据库需求分析。库需求分析。3.1数据库需求分析数据库需求分析数据库需求分析属于软件工程中的需求分析阶段，主要是用来搜集用数据库需求分析属于软件工程中的需求分析阶段，主要是用来搜集用户的需求，然后指导数据库设计。在本设计项目开发中，做到不臆测户的需求，然后指导数据库设计。在本设计项目开发中，做到不臆测任何的客户需求，所以应将数据设计

21、得更易扩充些，做到即使需求改任何的客户需求，所以应将数据设计得更易扩充些，做到即使需求改变，也只需修改一小部分程序即可，而数据库设计不需要任何结构性变，也只需修改一小部分程序即可，而数据库设计不需要任何结构性的修改。的修改。通过上述系统功能分析，针对中小型企业网站的需求，归纳出以下的通过上述系统功能分析，针对中小型企业网站的需求，归纳出以下的需求信息：需求信息：1.用户分一般用户和管理员用户。用户分一般用户和管理员用户。2.一般用户无需登录就可以浏览网站。一般用户无需登录就可以浏览网站。3.需要有网站介绍性内容，如关于我们、联系方式等。需要有网站介绍性内容，如关于我们、联系方式等。4.以上介绍

22、性内容可以实时修改。以上介绍性内容可以实时修改。5.有企业新闻或其他相关新闻。有企业新闻或其他相关新闻。6.新闻中可以插入图片。新闻中可以插入图片。7.有企业产品介绍，并在首页突出显示推荐的产品。有企业产品介绍，并在首页突出显示推荐的产品。8.可以有多种类型的产品。可以有多种类型的产品。9.匿名访客可以留言，提出评价和需求。匿名访客可以留言，提出评价和需求。3.2数据库概念结构设计数据库概念结构设计得到上面的数据项和数据结构以后，再设计出能够满足用得到上面的数据项和数据结构以后，再设计出能够满足用户需求的各种实体，以及它们之间的关系，为逻辑结构设户需求的各种实体，以及它们之间的关系，为逻辑结构

23、设计打下基础。这些实体包含各种具体信息，通过相互之间计打下基础。这些实体包含各种具体信息，通过相互之间的作用形成数据的流动。的作用形成数据的流动。本设计根据上面的设计规划出的实体有：本设计根据上面的设计规划出的实体有：管理员信息实体管理员信息实体、企业介绍信息实体企业介绍信息实体、新闻分类信息实体新闻分类信息实体、新闻信息实体新闻信息实体、产品分类信息实体产品分类信息实体、产品信息实体产品信息实体、留言信息实体留言信息实体和和常见常见问题实体问题实体。3.3数据库逻辑结构设计数据库逻辑结构设计数据库的概念结构设计完毕后，接着将上面的数数据库的概念结构设计完毕后，接着将上面的数据库概念结构转化为

24、某种数据库系统所支持的实据库概念结构转化为某种数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。际数据模型，也就是数据库的逻辑结构。根据企业网站规模的不同，可以采用根据企业网站规模的不同，可以采用Access数据数据库或库或SQL Server数据库。出于安全上和性能上的数据库。出于安全上和性能上的考虑，本设计使用考虑，本设计使用SQL Server数据库。数据库。企业网站数据库中各个表的设计结果如表企业网站数据库中各个表的设计结果如表1表表8所示。每个表格表示在数据库中的一个表，表所示。每个表格表示在数据库中的一个表，表1为为管理员信息表，记录系统中的管理员信息。表管理员信息表，记录系

25、统中的管理员信息。表2为为企业信息表，记录系统中的企业介绍信息，如关企业信息表，记录系统中的企业介绍信息，如关于我们、联系方式等。于我们、联系方式等。 第第4章章 数据库的生成与配置数据库的生成与配置4.1 采用采用Access数据库数据库4.2 采用采用SQL Server数据库数据库第第4章章 数据库的生成与配置数据库的生成与配置 数据库的生成与配置是指将以上生成的表格存储数据库的生成与配置是指将以上生成的表格存储在某种数据库系统上。基于在某种数据库系统上。基于ASP的的Web应用程序应用程序常用的数据库有常用的数据库有Access和和SQL Server，或者大型，或者大型应用采用应用采

26、用Oracle。由于本设计是中小型企业网站。由于本设计是中小型企业网站设计，因此服务器来源主要是购买虚拟空间或者设计，因此服务器来源主要是购买虚拟空间或者租赁服务器，在这种情况下所选用的数据库直接租赁服务器，在这种情况下所选用的数据库直接与支出挂钩。目前支持与支出挂钩。目前支持Access、SQL Server、Oracle三种数据库的服务器价格呈非常明显的逐三种数据库的服务器价格呈非常明显的逐级递增趋势，而使用的用户群（就用户数量而言）级递增趋势，而使用的用户群（就用户数量而言）则逐级递减。因此在本设计中的中小型企业网站则逐级递减。因此在本设计中的中小型企业网站设计时，采用设计时，采用Acc

27、ess和和SQL Server数据库。数据库。4.1 采用Access数据库假如我们创建的数据库名称为假如我们创建的数据库名称为zxxqy.mdb使用使用Access数据库时，要特别注意数据库文件及其所数据库时，要特别注意数据库文件及其所在目录的权限。在此需要做两件事：在目录的权限。在此需要做两件事：1.去掉数据库文件和所在文件夹的只读属性。去掉数据库文件和所在文件夹的只读属性。2.如果是如果是NTFS分区，则要给适当的用户添加权限，分区，则要给适当的用户添加权限，一般简单的解决方法是给它的一般简单的解决方法是给它的Everyone用户添加用户添加完全控制权限。完全控制权限。4.2 采用SQL

28、 Server数据库若选择了若选择了SQL Server数据库，数据库，ASP+SQL Server是比较理是比较理想的想的Web应用程序的设计。我们可以采取两种途径在应用程序的设计。我们可以采取两种途径在SQL Server中创建数据库和数据表。中创建数据库和数据表。1.利用利用SQL Server 2000数据库系统中的数据库系统中的“SQL查询分析器查询分析器”导入导入zxxqy.sql的的SQL脚本，运行之后便可以创建数据库。脚本，运行之后便可以创建数据库。2.利用利用“企业管理器企业管理器”数据库备份文件，该文件名为数据库备份文件，该文件名为zxxqy.db.bak.当然，也可以利用

29、当然，也可以利用“企业管理器企业管理器”创建数据库，然后按照创建数据库，然后按照上述数据库设计结果，逐个加入表和字段。上述数据库设计结果，逐个加入表和字段。另外，使用另外，使用SQL Server一般不存在上述权限问题。一般不存在上述权限问题。第第5章章 网站通用功能模块的编写网站通用功能模块的编写5.1 网站结构概览网站结构概览 5.1.1网站目录结构网站目录结构 5.1.2 管理端用到的公共管理端用到的公共ASP页面页面 5.1.3 管理端用到的其他管理端用到的其他ASP页面页面 5.1.4 客户端用到的公共客户端用到的公共ASP页面页面 5.1.5 客户端用到的其他客户端用到的其他ASP

30、页面页面5.2 应用程序公共文件（应用程序公共文件（global.asa）5.3 数据库连接（数据库连接（conndb.asp）5.4 检测管理员是否登录（检测管理员是否登录（CheckLogin.asp）5.5站点参数设置（站点参数设置（config.asp）5.6分页模块（分页模块（ShowPage.asp）5.7其它公共模块其它公共模块5.2 应用程序公共文件（global.asa）在本节中将说明使用在本节中将说明使用TypeLib声明声明ADO的办法，只要在的办法，只要在global.asa文件中声明文件中声明一次，便可以在应用程序内的任何一个文件中不需要做任何修改就可以使用一次，便可

31、以在应用程序内的任何一个文件中不需要做任何修改就可以使用ADO常量了。常量了。global.asa文件是整个文件是整个Web应用程序所使用的公共文件，在此文件中一般常定应用程序所使用的公共文件，在此文件中一般常定义的有四个过程，它们由义的有四个过程，它们由IIS调用，完成特定的事件处理，这四个过程如下：调用，完成特定的事件处理，这四个过程如下：session_Onstart：一个会话开始时触发此事件。：一个会话开始时触发此事件。session_Onend：一个会话结束时触发此事件。：一个会话结束时触发此事件。application_Onstart：Web应用程序启动时触发此事件。应用程序启动时

32、触发此事件。application_OnendWeb：Web应用程序结束时触发此事件。应用程序结束时触发此事件。一般可以在此文件中放置系统初始化的处理代码，但这里要在这个文件中使一般可以在此文件中放置系统初始化的处理代码，但这里要在这个文件中使用用TypeLib声明声明ADO库，这样在编制代码时，就可以使用库，这样在编制代码时，就可以使用ADO常量而不是用常量而不是用一些难懂的数字了。一些难懂的数字了。global.asa文件的内容如程序文件的内容如程序1（程序详见附录，以下同）所示。（程序详见附录，以下同）所示。只要通过这简单的两行语句，不需要做任何变动，就可以在其他只要通过这简单的两行语句

33、，不需要做任何变动，就可以在其他ASP页面中页面中使用类似下面这样的语句了：使用类似下面这样的语句了：rsObj.Open strSQL, conn, adOpenKeyset,adLockReadOnly类似地，也可以类似地，也可以global.asa文件中声明对其他组件的引用，如文件中声明对其他组件的引用，如CDO、JMail等，等，声明声明ADO只是它的一个典型应用。只是它的一个典型应用。5.3 数据库连接（数据库连接（conndb.asp）由于管理端与客户端所处的目录层次与数据库文件的相对路径不同，由于管理端与客户端所处的目录层次与数据库文件的相对路径不同，使得它们需要使用不同的数据库

34、连接文件，下面以客户端的数据库连使得它们需要使用不同的数据库连接文件，下面以客户端的数据库连接文件为例来说明，管理端仅需要将数据库路径稍做修改即可。使用接文件为例来说明，管理端仅需要将数据库路径稍做修改即可。使用方法为：方法为：。使用时。使用时file后面后面的路径应根据实际文件的路径做相应的调整。其实现的方法参见程序的路径应根据实际文件的路径做相应的调整。其实现的方法参见程序2。关于这个文件的技巧，在此强调说明一下：关于这个文件的技巧，在此强调说明一下： 1.使用使用Option Explicit强制声明变量，这样做既提高开发、调试效强制声明变量，这样做既提高开发、调试效率，又可提高程序执行

35、效率。率，又可提高程序执行效率。 2.使用使用OLE DB驱动程序，驱动程序，OLE DB有许多新特征，而且也是使用有许多新特征，而且也是使用数据库连接池的基础。数据库连接池的基础。 3.使用数据库连接池，以使用使用数据库连接池，以使用OLE DB驱动程序为前提，在每页操驱动程序为前提，在每页操作完数据库后，显示调用作完数据库后，显示调用CloseConn过程关闭链接。过程关闭链接。 4.手动释放资源，在手动释放资源，在CloseConn过程中已经涉及，它手动释放了过程中已经涉及，它手动释放了Connection对象，根据每个页面的具体情况，应手动释放其他资源。对象，根据每个页面的具体情况，应

36、手动释放其他资源。5.4 检测管理员是否登录检测管理员是否登录 （ CheckLogin.asp）在本设计中，用户状态均通过每个用户的在本设计中，用户状态均通过每个用户的私有变量私有变量Session(AdminAccount)是否为是否为空，如果非空，则说明已经登录，程序继空，如果非空，则说明已经登录，程序继续向下执行。如果是空，则说明没有登录，续向下执行。如果是空，则说明没有登录，转向登录页。转向登录页。使用方法为：使用方法为：。此功能的具体实现方式请参见程序此功能的具体实现方式请参见程序3。5.5站点参数设置（站点参数设置（config.asp）在本设计中，关于站点的一些参数都保存在本设

37、计中，关于站点的一些参数都保存在在config.asp文件中，如是否开放文件的上文件中，如是否开放文件的上传，上传文件的存放目录，分页显示时每传，上传文件的存放目录，分页显示时每页显示的记录数等。这些参数在这个文件页显示的记录数等。这些参数在这个文件中都是以常量的方式定义的，使用过程中中都是以常量的方式定义的，使用过程中不可以修改。不可以修改。config.asp文件的内容如程序文件的内容如程序4所示。所示。5.6分页模块（分页模块（ShowPage.asp）分页是在分页是在ASP中经常遇到的一个问题，而中经常遇到的一个问题，而且也算是一个不小的难题，尽管且也算是一个不小的难题，尽管Recor

38、dSet已经为我们提供了完善的分页机制，但往已经为我们提供了完善的分页机制，但往往我们还需要做不少工作。下面是一个分往我们还需要做不少工作。下面是一个分页函数，其实现代码参见程序页函数，其实现代码参见程序5。5.7其它公共模块其它公共模块以上列举的是网站中比较常用或通用的公共模块。以上列举的是网站中比较常用或通用的公共模块。除了这些以外，还有上传类，页面头、尾，以及除了这些以外，还有上传类，页面头、尾，以及与各个模块相关的基本函数定义，另外，在本设与各个模块相关的基本函数定义，另外，在本设计中，还用到了一个计中，还用到了一个HTML编辑器和一个编辑器和一个UBB编编辑器，这两个编辑器都具有上传

39、图片的功能，并辑器，这两个编辑器都具有上传图片的功能，并且已经是比较独立的模块，无需做任何修改就可且已经是比较独立的模块，无需做任何修改就可以用于其他系统。这些与具体的模块关系紧密，以用于其他系统。这些与具体的模块关系紧密，因此放在下面与创建网站其他功能模块一起说明。因此放在下面与创建网站其他功能模块一起说明。6.1 管理界面结构设计管理界面结构设计6.2 页面左侧快捷菜单设计页面左侧快捷菜单设计6.3 企业信息管理模块企业信息管理模块6.4 新闻管理模块新闻管理模块 6.4.1 显示新闻列表显示新闻列表 6.4.2 添加新闻添加新闻 6.4.3 修改新闻修改新闻6.5 产品类型管理模块产品类

40、型管理模块6.6 产品管理模块产品管理模块第第6章章 管理界面设计管理界面设计6.6.1 显示产品列表显示产品列表 6.6.2 添加与修改产品添加与修改产品 6.6.3 其他功能其他功能6.7 留言管理模块留言管理模块 6.7.1 留言列表留言列表 6.7.2 回复留言回复留言6.8 常见问题管理模块常见问题管理模块6.9 网站管理模块网站管理模块6.10 用户登录模块用户登录模块第第6章章 管理界面设计管理界面设计客户界面的大部分功能都是以管理界面为前提的，如企业信息、新闻客户界面的大部分功能都是以管理界面为前提的，如企业信息、新闻和产品介绍等，这些都需要通过管理界面添加。因此，首先来说明管

41、和产品介绍等，这些都需要通过管理界面添加。因此，首先来说明管理界面的设计与开发。管理界面相对客户界面要复杂些，因为在这里理界面的设计与开发。管理界面相对客户界面要复杂些，因为在这里需要对所有信息进行维护，具体包括浏览、增加、修改和删除等操作。需要对所有信息进行维护，具体包括浏览、增加、修改和删除等操作。上文已提及，为了便于系统维护，页面的命名采用上文已提及，为了便于系统维护，页面的命名采用“模块名模块名+功能名功能名”的方式。概括起来，管理界面具有以下功能：的方式。概括起来，管理界面具有以下功能：系统管理，包括管理员账号管理和上传文件管理等。系统管理，包括管理员账号管理和上传文件管理等。企业信

42、息管理。企业信息管理。新闻管理。新闻管理。产品管理。产品管理。常见问题管理。常见问题管理。留言管理。留言管理。在管理界面的每个页面中均直接或间接地采用在管理界面的每个页面中均直接或间接地采用方法引用了方法引用了CheckLogin.asp文件，用来检测管理文件，用来检测管理员是否登录，防止没有权限的用户非法篡改系统数据。员是否登录，防止没有权限的用户非法篡改系统数据。下面分别说明管理界面中各个功能的实现方法，首先从管理界面结构下面分别说明管理界面中各个功能的实现方法，首先从管理界面结构设计开始。设计开始。6.1 管理界面结构设计管理界面结构设计我们要知道在进行我们要知道在进行ASP应用程序开发

43、时，界面结构设计的应用程序开发时，界面结构设计的重要性。在界面结构确定了以后，就可以将不同的内容添重要性。在界面结构确定了以后，就可以将不同的内容添加到这个框架中，这样既便于统一整个网络风格，也减少加到这个框架中，这样既便于统一整个网络风格，也减少了界面设计的工作量。了界面设计的工作量。在本设计中的界面结构是基于框架的，由左侧快捷菜单和在本设计中的界面结构是基于框架的，由左侧快捷菜单和右侧功能页面体组成。快捷菜单文件名为右侧功能页面体组成。快捷菜单文件名为left.asp，右侧默，右侧默认的页面为认的页面为main.asp。页面结构在页面结构在default.asp文件中的定义，这个文件的代码

44、如文件中的定义，这个文件的代码如程序程序6所示（请注意其中的所示（请注意其中的frameset元素）。元素）。从以上代码可以看到，这个页面非常简单，而且很清晰地从以上代码可以看到，这个页面非常简单，而且很清晰地分为两部分，分别是分为两部分，分别是frmLeft和和frmMain。每个模块功能。每个模块功能页面在名为页面在名为frmMain的框架中显示，下面分别说明左侧快的框架中显示，下面分别说明左侧快捷菜单设计。捷菜单设计。6.2 页面左侧快捷菜单设计页面左侧快捷菜单设计为了提高代码的重用性和提高运行速度，我们把为了提高代码的重用性和提高运行速度，我们把管理界面的相同快捷菜单做成一个文件，并放

45、在管理界面的相同快捷菜单做成一个文件，并放在框架中。这样菜单只需加载一次，以后每次单击框架中。这样菜单只需加载一次，以后每次单击菜单中的链接时，只要在框架中加载相应的功能菜单中的链接时，只要在框架中加载相应的功能页面即可。页面即可。管理界面中的左侧快捷菜单对应的是管理界面中的左侧快捷菜单对应的是left.asp文件文件（略），这个文件基本上都是纯（略），这个文件基本上都是纯HTML代码，用代码，用法参见上面法参见上面default.asp文件的代码。文件的代码。从左侧的快捷菜单中可以看出本设计所包含的模从左侧的快捷菜单中可以看出本设计所包含的模块，下面先来说明较简单的企业信息管理模块。块，下面

46、先来说明较简单的企业信息管理模块。6.3 企业信息管理模块企业信息管理模块管理界面中的企业信息管理模块是本设计的一个亮点所在，它主要由管理界面中的企业信息管理模块是本设计的一个亮点所在，它主要由IntroList.asp文件来实现。通过它可以完成一般常见的企业信息介绍功文件来实现。通过它可以完成一般常见的企业信息介绍功能，如关于我们、业务范围、精神理念及联系方式等，这些信息都可以能，如关于我们、业务范围、精神理念及联系方式等，这些信息都可以在后台随时更新。更重要的是可以订制要显示的那些介绍栏目，例如要在后台随时更新。更重要的是可以订制要显示的那些介绍栏目，例如要在此基础上加上组织机构和公司文化

47、，所要做的就是在数据库中加入一在此基础上加上组织机构和公司文化，所要做的就是在数据库中加入一条记录即可。条记录即可。如在修改企业信息中如在修改企业信息中“关于我们关于我们”信息的界面中可以编辑一般的介绍性信息的界面中可以编辑一般的介绍性的文字，还可以设置字体格式，插入图片、的文字，还可以设置字体格式，插入图片、flash和其他媒体文件。此界和其他媒体文件。此界面的原理是每次访问此页时，都会从其面的原理是每次访问此页时，都会从其URL参数中寻找以下两个参数：参数中寻找以下两个参数：act：表示当前的操作类型，指查看或修改信息。：表示当前的操作类型，指查看或修改信息。type：信息类型，如关于我们

48、、联系方式等。：信息类型，如关于我们、联系方式等。然后根据然后根据act的值分别执行将数据写到编辑框还是保存到数据库的操作，的值分别执行将数据写到编辑框还是保存到数据库的操作，如果是修改并保存信息，则如果是修改并保存信息，则act=Modify，此时组织，此时组织SQL语句的过程如语句的过程如下：下：6.4 新闻管理模块新闻管理模块 新闻管理模块的功能主要有以下几个文件来实现：新闻管理模块的功能主要有以下几个文件来实现：1.显示新闻列表：显示新闻列表：NewsList.asp。2.添加新闻页面：添加新闻页面：NewsAdd.asp。3.修改新闻界面：修改新闻界面：NewsEdit.asp。新闻

49、模块的设计也是本设计的一个亮点，它具有高度伸缩新闻模块的设计也是本设计的一个亮点，它具有高度伸缩性，可以自定义新闻类别，将新闻分类管理。性，可以自定义新闻类别，将新闻分类管理。新闻管理模块显然要比企业信息管理模块复杂，同时也是新闻管理模块显然要比企业信息管理模块复杂，同时也是一个企业门户网站所不可或缺的栏目。所以对此模块加以一个企业门户网站所不可或缺的栏目。所以对此模块加以重点阐述。新闻管理与企业信息管理相比，难点在于不仅重点阐述。新闻管理与企业信息管理相比，难点在于不仅涉及数据较多，而且还涉及添加、删除新闻等功能。首先涉及数据较多，而且还涉及添加、删除新闻等功能。首先来进行新闻列表的实现。来

50、进行新闻列表的实现。6.5 产品类型管理模块产品类型管理模块产品类型管理模块的功能主要由以下几个文件来实现：产品类型管理模块的功能主要由以下几个文件来实现：1.显示产品类型列表：显示产品类型列表：ProductTypeList.asp。2.添加产品类型页面：添加产品类型页面：ProductTypeAdd.asp。3.修改产品类型界面：修改产品类型界面：ProductTypeEdit.asp。产品类型管理模块是产品管理模块的基础。在本设计中，产品类型管理模块是产品管理模块的基础。在本设计中，对产品类型只做了简单的设计，在程序中没有实现子类。对产品类型只做了简单的设计，在程序中没有实现子类。产品类

51、型的设计实现与新闻管理模块类似，在此从略。产品类型的设计实现与新闻管理模块类似，在此从略。接下来的添加产品类型和修改产品类型更为简单，只要注接下来的添加产品类型和修改产品类型更为简单，只要注意验证获取的参数和过滤输入类型名称中的英文单引号即意验证获取的参数和过滤输入类型名称中的英文单引号即可。可。6.6 产品管理模块产品管理模块产品管理模块的功能主要由以下几个文件来实现：产品管理模块的功能主要由以下几个文件来实现：1.显示产品列表：显示产品列表：ProductList.asp。2.添加产品页面：添加产品页面：ProductAdd.asp。3.修改产品界面：修改产品界面：ProductModif

52、y.asp。4.保存添加与修改产品数据：保存添加与修改产品数据：ProductSave.asp。5.删除产品：删除产品：ProductDel.asp。产品管理模块的设计除了一般的添加、删除和修改功能外，产品管理模块的设计除了一般的添加、删除和修改功能外，它可以上传产品图片，并且可以选择是否在主页显示该产它可以上传产品图片，并且可以选择是否在主页显示该产品的缩略图。品的缩略图。产品管理模块与新闻管理模块存在一定的相似性，它们都产品管理模块与新闻管理模块存在一定的相似性，它们都有一个名称（或标题）、说明等属性，而且都可以加入图有一个名称（或标题）、说明等属性，而且都可以加入图片。但产品中的图片与新

53、闻中的图片不太一样。产品的图片。但产品中的图片与新闻中的图片不太一样。产品的图片与产品是对应的，每一个产品都在数据库中存储了它所片与产品是对应的，每一个产品都在数据库中存储了它所对应的图片的相对对应的图片的相对URL，而且产品可以根据关键字来查询，而且产品可以根据关键字来查询（新闻在数据库设计上预留了这个功能）。（新闻在数据库设计上预留了这个功能）。6.7 留言管理模块留言管理模块留言管理模块的功能主要由以下几个文件来实现：留言管理模块的功能主要由以下几个文件来实现：1.显示留言列表：显示留言列表：MsgList.asp。2.回复留言：回复留言：MsgRe.asp。留言管理模块是与客户交流的一

54、种途径，也是向留言管理模块是与客户交流的一种途径，也是向客户提供服务的一种手段。它便于收集客户反馈客户提供服务的一种手段。它便于收集客户反馈资料，及时调整自己的工作。资料，及时调整自己的工作。在留言管理模块界面可以查看留言，然后对它删在留言管理模块界面可以查看留言，然后对它删除或者回复。下面从留言列表开始来开发留言管除或者回复。下面从留言列表开始来开发留言管理模块。理模块。6.8 常见问题管理模块常见问题管理模块常见问题管理模块的功能主要由以下几个文件来实现：常见问题管理模块的功能主要由以下几个文件来实现：1.显示常见问题列表：显示常见问题列表：faqList.asp。2.添加常见问题页面：添

55、加常见问题页面：faqAdd.asp。3.修改常见问题页面：修改常见问题页面：faqEdit.asp。从文件结构可以看出，常见问题管理模块的功能与新闻管从文件结构可以看出，常见问题管理模块的功能与新闻管理模块类似，包括添加、修改和删除功能。从常见问题列理模块类似，包括添加、修改和删除功能。从常见问题列表能够执行查看、修改和删除操作。表能够执行查看、修改和删除操作。常见问题的各项功能与新闻管理中相应功能的原理完全相常见问题的各项功能与新闻管理中相应功能的原理完全相同，在此从略。同，在此从略。6.9 网站管理模块网站管理模块网站管理模块需要以下几个文件的支持：网站管理模块需要以下几个文件的支持：1

56、.管理员列表：管理员列表：ManagerList.asp。2.添加管理员：添加管理员：ManagerAddOK.asp。3.删除管理员：删除管理员：ManagerDel.asp。4.保存修改管理员的结果：保存修改管理员的结果：ManagerEditOK.asp。5.上传文件管理：上传文件管理：UploadFileManage.asp 。网站管理模块包括管理员信息维护和系统上传文网站管理模块包括管理员信息维护和系统上传文件管理等，在此从略。件管理等，在此从略。6.10 用户登录模块用户登录模块用户登录模块需要以下几个文件支持：用户登录模块需要以下几个文件支持：1.登录页面：登录页面：Login.

57、asp。2.登录失败页面：登录失败页面：LoginFail.asp。3.注销页面：注销页面：Loginout.asp。用户登录页面的实现，由于本设计的管理界面使用了框架，所以要在用户登录页面的实现，由于本设计的管理界面使用了框架，所以要在Login.asp文件中加入下面这段客户端文件中加入下面这段客户端javascript代码：代码：if (self != top)top.location = self.location;/alert(您没有登录或登录超时，请重新登录您没有登录或登录超时，请重新登录!); 它的作用是可以保证它的作用是可以保证Login.asp页面始终位于浏览器的最顶层，而不是

58、被嵌在页面始终位于浏览器的最顶层，而不是被嵌在框架中，否则在管理员因超时等原因需要登录时，就会出现框架嵌套的情况。框架中，否则在管理员因超时等原因需要登录时，就会出现框架嵌套的情况。其他页面的实现均不复杂，下面进行客户界面的设计。其他页面的实现均不复杂，下面进行客户界面的设计。7.1 管理界面结构设计管理界面结构设计7.2 页面头、尾设计页面头、尾设计7.3 页面左侧快捷菜单设计页面左侧快捷菜单设计7.4 代表企业形象的首页设计代表企业形象的首页设计7.4.1 搜索表单搜索表单7.4.2 最近新闻资讯最近新闻资讯7.4.3 点击率最高的客服问题点击率最高的客服问题7.4.4 首页中的其他功能首

59、页中的其他功能7.5 企业介绍模块企业介绍模块7.5.1 InfoHead显示信息头显示信息头7.5.2 InfoBody显示信息体显示信息体7.5.3 InfoFoot显示信息尾显示信息尾第第7章章 客户界面的设计客户界面的设计7.6 新闻资讯模块新闻资讯模块7.6.1 新闻列表新闻列表7.6.2 新闻详细信息新闻详细信息7.7 产品介绍模块产品介绍模块7.7.1 以缩略图的形式预览产品以缩略图的形式预览产品7.7.2 查看产品详细信息查看产品详细信息7.7.3 查找产品查找产品7.8 留言本模块留言本模块7.9 客户服务（常见问题）模块客户服务（常见问题）模块第第7章章 客户界面的设计客户

60、界面的设计客户界面的设计与管理界面设计类似，在此也采用了界面客户界面的设计与管理界面设计类似，在此也采用了界面模块化的思想，每个页面都具有一定的功能，模块化的思想，每个页面都具有一定的功能， 且页面的且页面的命名方式仍采用命名方式仍采用“模块名模块名+功能名功能名”。客户界面具有以下。客户界面具有以下功能：功能：1.内容丰富的首页设计。内容丰富的首页设计。2.查看企业介绍。查看企业介绍。3.查看新闻资讯。查看新闻资讯。4.查看产品介绍。查看产品介绍。5.访客留言功能。访客留言功能。6.客户服务功能，对常见问题解答。客户服务功能，对常见问题解答。下面分别说明这些功能的实现方法。下面分别说明这些功