成帆贸易公司门户网站设计与实现.doc

成帆贸易公司门户网站设计与实现电子商务 05-02班：王新新 指导教师：潘旭华内容摘要：人类进入二十一世纪，计算机网络技术和信息技术正在飞速发展，今天全球已经实现了网络化，互联网已成为我们生活中不可缺少的组成部分。企业门户网站则是在Internet上进行的商务活动，即利用计算机网络进行企业介绍，业务受理，技术支持，客户服务等。企业门户网站作为一种新兴的企业运行模式，已初具规模，企业门户网站作为网上贸易的桥梁，其设计和实现正如传统经济下企业的宣传、经营和管理，凭借自身各方面的优势，在沟通和促进整个行业的发展方面都有至关重要的作用。同时网络化也带给企业低成本、高收益的机会。该门户网站系统主要包括两层架构：底层的数据操作层，和界面层。界面层的作用是和用户的操作产生可见的交互，比如呈现数据，比如收集数据。数据操作层把业务层处理后的数据保存到一个持久地数据库中，并且可以对其进行提取操作。数据操作层负责和microsoft access交互。数据操作层主要是调用microsoft access中的存储过程来实现对数据的操作。关键词：信息管理；数据管理；ACCESS1 导言1.1 选题背景及意义传统商务的营销依赖层层严密的渠道，辅助以大量人力和宣传投入来争夺市场，不仅费时费力而且成本高。在网络时代，由于国际互联网的广泛普及，商家可以利用这个世界性的网络将商务活动的范围扩大到全球。企业门户网站就是通过浏览器实现对整个企业信息的访问，用以减少商务活动的实体过程。它有以下两个主要特征：无论是在Internet或Extranet，都可以利用标准的浏览器实现单点访问；经过许可的人员不需特殊的培训，使用常规的软件，可以在企业内部或外部访问到他所需要的信息。其通常说法是：门户网站使得企业的客户、员工和合作伙伴以统一的、个性化的、多渠道的方式访问企业的信息和服务。企业门户网站的建立使得企业与消费者摆脱了传统的商业中介的束缚，降低了生产与销售成本，缩短了生产厂家与最终用户之间的距离，改变了市场的结构，有利于企业塑造自己的企业形象，更好地参与市场竞争，为企业提供了巨大的潜在顾客群，给企业带来了无限的发展机会。大大节省了企业的营销费用，提高了企业的营销效率。因此设计成熟的、便于使用的企业门户网站是十分必要的。1.2 研究现状概述对于人们实现网络商务这个目的来讲，Internet已经越来越无所不能。21世纪是信息爆炸和依赖数字化生存的世纪。大量的信息通过国际互联网迅速传播，将世界原有的有形界限全然打破。电子商务下的企业门户网站正由于这种信息的快速流动和资源的海量集成而悄然崛起，并将成为21世纪人类信息社会的核心。对于公司来说，企业门户网站可以推销产品，在演示上发布有关产品的技术支持，在公司与客户之间搭起联系的桥梁。美国著名的DELL计算机公司，他已取消了所有产品代理商，其产品完全在网络上销售。对于大公司来说，一个演示发布后所起的作用，比上千个技术、销售人员全球满天飞的作用还大。1.3 研究内容和研究方法1.3.1 网站设计原则第一原则：内容丰富、明确。网站主要是为浏览者提供信息服务的，作为大型企业信息门户网站，必须首先提供种类繁多内容丰富的资讯，使不同的访问者都能够访问到自己想要的信息。但是信息多了自然繁杂，因此有针对性地为浏览者提供明确的内容是很重要的。第二原则：界面设计良好。内容需要良好的界面设计来展现，良好的界面设计能够让浏览者赏心悦目，能够感受到明确的网站风格和主题，甚至感受到企业的文化底蕴，从而留下深刻的记忆，并为他进一步探索发现和使用网站提供的功能提供感官和心理上的意愿。第三原则：功能适用、易用。网站提供的一切功能都是为浏览者服务的，提供强大而富于特色的功能可以使浏览者更方便的获取个人需要的信息和服务。比如提供网上产品订购的服务，提供一个强大的产品检索功能是很必要的。功能也不是越多越好，有可能让浏览者无从选择，就好像现在的手机，可能绝大多数人还是打电话和收发短信，其他一些比如无线上网等功能并不适用。同时，功能如果不易使用，操作繁琐，甚至容易令人误解，那么再强大的功能都是没用的。作为企业信息门户的浏览者可能并不是都能熟练的操作和使用计算机，不能要求他们像企业级Web用户那样去完成复杂的操作，解决一些使用中可能出现的问题。因此，门户网站的任何一个功能都要容易使用、好用。1.3.2 网页设计原则首先是速度第一，没有人会有耐心地等待一个很久才能打开浏览的网页，据有关数据统计表明，如果一个网页在三秒种内都打不开，那么访问者就会失去耐心放弃当前页面的浏览。其次页面尽可能小，页面的大小跟访问速度是成正比的，根据速度第一的原则，那么就要做到每一个浏览的页面都要尽可能的小，少占网络带宽，访问速度才可能快。这里的小不仅仅指HTML代码少，也包括图片数量少，单个图片占用磁盘空间少。使用CSS尽管可以直接设置页面元素的表现样式，但网页统一使用CSS可以更容易的统一网站风格，同时减少网页代码大小。少用Flash和大型图片因为他们可能会占用大量带宽。第三要注意的是慎用框架，不能说所有人都在使用最新版本的浏览器，而且不同的浏览器对框架的支持也可能不同，另外不是所有的搜索引擎都能够很好的访问框架页面。最后是链接清晰，不能让浏览者不知道他当前浏览的位置，也不能让浏览者找不到回去的路径，每一个链接都要明确浏览者想要去的地方和想要访问的功能，更不能有死链接。1.3.3 系统架构原则提供快速的系统访问，包括客户端的浏览和服务器端的通讯/数据访问，都只有一个原则，就是“快”。可以采取集群技术、缓存技术、负载均衡技术等 。稳定的运行，不能出现时不时无法访问或者访问数据很慢。这需要采用上面的技术确保在大容量并发访问的时候系统仍然能够稳定的运行。并且确保数据不会丢失、泄密、损坏。如采用多层服务器访问，数据加密技术，安全信道等方式。1.3.4 开发网站注意的问题1. 网页设计相关(1) 做好页面布局和内容规划，只放置合适的内容，并尽可能使页面设计的最小。 (2) 使用好的网页编辑器，如DW，FP，不要用VS自带的编辑器，因为它会产生很多无用的沉余代码，而且设计的界面不是很美观。(3) 小图片采用GIF格式，下载速度最快，大一点的采用jpg，占用磁盘空间小。(4) 尽可能使用CSS，这既是原则也是方法，可以使整个网站浏览速度提高3%以上，有的甚至能够提高30% 。(5) 尽量不要使用框架，在需要的地方也要有替代措施。(6) 不要只针对IE写客户端脚本。(7) 客户端的事情尽量在客户端处理。现在客户端设备已经很强了，许多原来在服务器端才能做的事情现在都能在客户端做，而服务器端反而成了访问的瓶颈。(8) 少用Flash，Flash一般都会占较大的网络带宽，在需要的时候也要注意不要做得太大、用的太多。(9) 避免使用弹出式对话框，因为现在好多浏览器都被装上了“弹出窗口拦截“插件。2. 数据访问相关(1) 优化数据库结构设计。这是数据访问效率和编程复杂程度的关键。没有良好的数据库结构设计其它都谈不上。包括字段类型的选择，表的结构，索引的使用，表的关系等。(2) 优化数据库物理设计。需要关注数据库的容量、日志、磁盘使用，数据备份机制，数据访问机制，安全等数据库物理结构相关的问题。(3) 合理设计“主键”，在不同的场合需要采用不同的主键设计策略，在互联网大容量并发访问的环境中，建议主键采用整型自增字段。主键使用还应该遵循“无意义”原则。(4) 采用最佳的数据访问接口，如专门针对access的数据访问对象。(5) “只要需要的数据”，如果一行有大容量字段，那么读取一整行效率是非常低的（数据瓶颈）。(6) 最迟打开，最早关闭的原则。使用数据库后一定要及时关闭连接，它们是系统昂贵的资源。(7) 采用“数据缓存”技术，将经常使用数据集缓存在磁盘或者内存中，尽量减少对数据库的直接访问。(8) 使用存储过程。可能在一般的应用系统中存储过程可以被简单的查询替代，因而更“通用”，但是我们现在讨论的是大型企业信息门户网站的问题。作为一个互联网应用系统，处理速度和网络带宽无疑是最重要的。系统的瓶颈往往是磁盘IO和网络IO，合理使用存储过程使得分布式系统结构效率大大提升。但也要注意合理使用，比如避免一般的分页过程，由于查询会有很多，使得这样的存储过程太多而管理混乱。1.4 本文结构简介1. 本文首先介绍了选题背景，研究现状，研究内容及方法，系统的概括了我国目前电子商务门户网站的发展现状。随着信息的发展，企业与企业之间通过互联网进行产品、服务及信息的交换。那么就需要一个网络平台来实现这一过程。企业门户网站恰恰就是为了实现这一功能而存在的。开篇从网站设计原则，网页设计原则两方面概述了网站初步的设计制作方法。2. 其次介绍了本系统的开发工具。(1) IIS 作为系统的开发平台，支持着整个系统的运行。(2) ASP（Active Server Page）作为一种编程工具，与数据库和其它程序进行交互。(3) 数据库的基本应用。3. 随后是进行系统的规划，系统的设计及系统的实现。系统的介绍了本系统前台和后台分别实现的功能。全面的利用流程图介绍了网站的制作过程。并且利用系统界面的截图，明确地说明了该系统是如何实现的。4. 接着是系统的测试。从各方面对该网站的性能进行了测试，包括功能测试，链接测试，表单测试，coockies测试，操作测试，语言测试，数据库测试等等并分析了测试结果。5. 最后对本系统的关键结束和主要特点做以介绍。2 系统开发工具2.1 IIS2.1.1 IIS开发平台的简介IIS为Internet Information Server的缩写。是一个World Wide Web server，IIS是Microsoft的一个服务器脚本运行环境。用单机做服务器就会用到微软的IIS。Gopher Server和FTP Server全部包容在里面。 IIS意味着你能发布网页，并且由ASP（Active Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows XP上建立Internet服务器的基本组件。它与Windows XP完全集成，允许使用Windows XP内置的安全性以及NTFS文件系统建立强大灵活的InternetIntranet站点。2.1.2 IIS的运行1 IIS的安装若操作系统中还未安装IIS服务器，可打开“控制面板”，然后单击启动 “添加/删除程序”， 在弹出的对话框中选择“添加/删除Windows组件”，在Windows组件向导对话框中选中“Internet信息服务（IIS）”，然后单击“下一步”，按向导指示，完成对IIS的安装2 Internet信息服务（IIS）的启动Internet信息服务简称为IIS，单击Windows开始菜单所有程序管理工具Internet信息服务（IIS）管理器，即可启动“Internet信息服务”管理工具。3IIS的配置IIS安装后，系统自动创建了一个默认的Web站点，该站点的主目录默认为C:Inetpubwww.root。用鼠标右键单击“默认Web站点”，在弹出的快捷菜单中选择“属性”，此时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。4. 主目录与启用父路径单击“主目录”标签，切换到主目录设置页面，该页面可实现对主目录的更改或设置。注意检查启用父路径选项是否勾选，如未勾选将对以后的程序运行有部分影响。主目录配置选项。5. 设置主页文档单击“文档”标签，可切换到对主页文档的设置页面,主页文档是在浏览器中键入网站域名，而未制定所要访问的网页文件时，系统默认访问的页面文件。常见的主页文件名有index.htm、index.html、index.asp、index.php、index.jsp、default.htm、default.html、default.asp等。IIS默认的主页文档只有default.htm和default.asp，根据需要，利用“添加”和“删除”按钮，可为站点设置所能解析的主页文档。6. 启动与停止IIS服务在Internet信息服务的工具栏中提供有启动与停止服务的功能。单击 可启动IIS服务器；单击 则停止IIS服务器。 2.2 ASP2.2.1 ASP简介ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。 2.2.2 ASP特点与HTML相比，ASP网页具有以下特点：1利用ASP可以实现突破静态网页的一些功能限制，实现动态网页技术；2ASP文件是包含在HTML代码所组成的文件中的，易于修改和测试；3服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页；4ASP提供了一些内置对象，使用这些对象可以使服务器端脚本功能更强。例如可以从web浏览器中获取用户通过HTML表单提交的信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；5ASP可以使用服务器端ActiveX组件来执行各种各样的任务，例如存取数据库、发现和那个Email或访问文件系统等；6由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器，因此使用者不会看到ASP所编写的原始程序代码，可防止ASP程序代码被窃取。2.3 数据库 2.3.1 数据库的含义动态网站的开发与数据库密不可分，那么什么是数据库呢？在计算机教科书中，数据库是这样解释的：数据库是计算机应用系统中的一种专门管理数据资源的系统。数据有多种形式，如文字、数码、符号、图形、图像以及声音等。数据是所有计算机系统所要处理的对象。人们所熟知的一种处理办法是制作文件，即将处理过程编成程序文件，将所涉及的数据按程序要求组织成数据文件，用程序文件来调用。数据文件与程序文件保持着一定的对应关系。在计算机应用迅速发展的情况下，这种文件式方法便显出不足。比如，它使得数据通用性差，不便于移植，在不同文件中存储大量重复信息、浪费存储空间、更新不便等。数据库系统便能解决上述问题。数据库系统不从具体的应用程序出发，而是立足于数据本身的管理，它将所有数据保存在数据库中，进行科学的组织，并借助于数据库管理系统与各种应用程序或应用系统接口，使之能方便地使用数据库中的数据。 简单地说数据库就是一组经过计算机整理后的数据，存储在一个或多个文件中，而管理这个数据库的软件就称之为数据库管理系统。一般一个数据库系统（Database System）可分为数据库（Database）与数据管理系统（Database Management System，DBMS）两个部分。2.3.2 数据库的实用工具：Microsoft Office AccessMicrosoft Office Access（前名 Microsoft Access）是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office的成员之一。 Access能够存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的“进阶用户”则能使用它来开发简单的应用软件。虽然它支持部份面向对象技术，但是未能成为一种完整的面向对象开发工具。 Access提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。Microsoft Access在很多地方得到广泛使用，例如小型企业，大公司的部门，和喜爱编程的开发人员专门利用它来制作处理数据的桌面系统。它也常被用来开发简单的WEB应用程序，这些应用程序都利用ASP技术在IIS支持下运行。比较复杂的WEB应用程序则使用PHP/MySQL或者ASP/Microsoft SQL Server。一些专业的应用程序开发人员使用 Access 用作快速应用开发，可是如果通过网络存取数据的话，Access 的可扩放性并不高，因此当程序被较多使用者使用时，往往选择基于客户端-服务器为本的方案，常用的数据库有Oracle、DB2、Microsoft SQL Server、MySQL等。无论如何，不少 Access 的功能（表单，报告，序列和VB代码）可以用作其他数据库的后期应用，包括 JET（档案为主的数据库引擎，Access 缺省使用）、Microsoft SQL Server、Oracle和任何其他跟ODBC兼容的产品。这种方法允许开发者把一个成熟的应用的数据移动到一台更大功率的服务器。3 系统规划与系统分析3.1 系统的总体结构门户网站系统的设计目标是通过对门户网站的浏览、登录、查找、留言等功能，使客户能够利用简单、快捷、低成本的电子通讯方式，买卖双方不谋面地进行各种商贸活动。3.1.1 系统功能说明根据系统的设计目标按照系统开发的基本观点对企业门户网站进行设计，可以做如下划分：1前台 实现了首页、产品地带、解决方案、技术支持、客户渠道等模块信息的显示功能。2后台实现了用户管理、用户查找、公告管理、新闻中心管理、常见问题管理、解决方案管理、留言薄管理等功能。3.1.2 系统的功能结构图系统规划如下：本系统主要实现两大模块，首先是网站前台模块，包括首页、产品地带、解决方案、技术支持、客户渠道等模块信息的显示功能。其次是后台管理模块，包括用户管理、用户查找、公告管理、新闻中心管理、常见问题管理、解决方案管理、留言薄管理等功能模块的功能。如图1所示。企业门户网站系统前台后台注册搜索登录留言基本设置产品管理方案管理技术管理客户管理新闻管理留言管理问题管理公告管理发布修改删除发布回复复删除图1 系统规划图其中运用到的技术和软件有：数据库：Access；语言：ASP及相关的脚本语言；网站工具：Dreamweaver 8等。3.2 系统的数据流程分析3.2.1 系统的功能流程分析1. 一般用户：注册和非注册(1) 非注册用户：不允许其进行允许留言。只进行网页的浏览和搜索。如图2所示。非注册用户网站的静态信息搜索图2 非注册用户使用流程(2) 用户注册：填写注册信息：提交注册信息，成功后显示“成功”字样。如图3所示。用户用户注册提交用户信息图3 用户注册流程(3) 注册用户。如图4所示。用户用户登录留言列表用户信息留言图4 注册用户功能流程2. 管理后台管理后台的功能包括：(1) 基本设置，(2) 产品地带管理，(3) 解决方案管理，(4) 技术支持管理，(5) 客户渠道管理，(6) 新闻中心管理，(7) 留言薄管理，(8) 留言薄管理，(9) 公告发布等功能模块的功能。如图5所示。管理员后台登录用户信息添加删除常见问题解决方案技术支持客户渠道新闻中心留言列表公告发布基本设置产品地带图5 后台管理流程4 系统设计与实现4.1 系统设计4.1.1 数据库概念结构设计系统中包括的实体有用户、管理员、留言列表、产品地带、解决方案、技术支持、客户渠道、新闻中心、常见问题、公告、基本设置。E-R实体图如图6所示。1. 用户可通过输入用户名和密码的方式进行登录，数据库会记录下客户的ID。如图6所示。用户名用户用户ID用户密码图6 用户实体E-R图2. 管理员通过输入其专有的用户名和密码来登录后台管理界面，并且数据库会记录下管理员的ID。如图7所示。管理员管理员ID管理员名管理员密码图7 管理员实体E-R图3. 产品地带中，包括产品编号，产品名称，产品介绍，发布时间等内容。如图8所示。产品地带产品编号产品名称产品介绍发布时间图8 产品地带实体E-R图4. 留言列表中包括留言编号，留言内容，回复内容等要素。如图9所示。留言列表留言编号留言内容回复内容图9 留言列表实体E-R图5. 解决方案中包括方案编号，方案名称，方案内容，发布时间等内容。如图10所示。解决方案方案编号方案名称方案内容发布时间图10 解决方案实体E-R图6. 技术支持包括技术编号，技术名称，技术内容，发布时间等内容。如图11所示。技术支持技术编号技术名称技术内容发布时间图11 技术支持实体E-R图7. 客户渠道包括编号，名称，内容，发布时间等内容。如图12所示。客户渠道编号名称内容发布时间图12 客户渠道实体E-R图8. 新闻中心包括新闻编号，新闻名称，新闻内容，发布时间等内容。如图13所示。新闻中心新闻编号新闻名称新闻内容发布时间图13 新闻中心实体E-R图9. 常见问题中包括问题编号，问题名称问题内容，发布时间等内容。如图14所示。常见问题问题编号问题名称问题内容发布时间图14 常见问题实体E-R图10. 公告发布中包括公告编号，公告名称，公告内容，发布时间等内容。如图15所示。公告发布公告编号公告名称公告内容发布时间图15 公告发布实体E-R图11. 基本设置中包括编号，网页标题，底部信息，发布时间等内容。如图16所示。基本设置编号网页标题底部信息发布时间图16 基本设置实体E-R图4.1.2 数据库逻辑结构设计本网站采用的是access数据库，根据上节的数据库结构设计，将E-R图转化为表，建立的db1.mdb文件中包括10个表，其中管理员与用户公用一个表。1.用户表中存储了所有注册用户（包括管理员）的账号和密码。如表1所示。表1 用户表（zc）字段名数据类型说明Bha_yha_mm自动编号备注备注用户ID/管理员ID用户名/管理员名用户密码/管理员密码2.产品地带表中存储了所有产品的题目和内容。如表2所示。表2 产品地带（cp）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期产品编号产品名称产品介绍发布日期3.留言列表中储存了所有留言的提问和回复内容。如表3所示。表3 留言列表（ly）字段名数据类型说明Bha_mca_js自动编号备注备注留言编号留言内容回复留言4.解决方案列表中储存了所有方案的题目及内容。如表4所示。表4 解决方案（fa）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期方案编号方案名称方案介绍发布日期5.技术支持列表中储存了所有该企业提供的专业服务的内容。如表5所示。表5 技术支持（js）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期技术编号技术名称技术介绍发布日期6.客户渠道列表中储存了便于客户联系我们的所有联系方式信息。如表6所示。表6 客户渠道（qd）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期编号名称介绍发布日期7.新闻中心列表中储存了目前国内外有关经济的国家大事。如表7所示。表7 新闻中心（xw）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期新闻编号新闻名称新闻介绍发布日期8.常见问题中包括一些我们关于客户经常遇到的问题的解答。如表8所示。表8 常见问题（wt）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期问题编号问题名称问题介绍发布日期9.公告发布列表储存了所有公司公告。如表9所示。表9 公告发布（gg）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期公告编号公告名称公告介绍发布日期10.基本设置列表储存了网站的网页标题，底部信息及发布日期。如表10所示。表10 基本设置（jcxx）字段名数据类型说明Bha_mca_jsa_sj自动编号备注备注时间/日期编号网页标题底部信息发布日期4.2 系统实现4.2.1 用户注册功能的实现、该系统的留言功能只对注册用户开放，非注册用户可以通过index.asp页面，点击注册按钮，跳转到注册页面zc.asp，填写相关内容进行注册。如图17、18所示。图17 用户未登录时显示图18 用户注册页面代码如下:用户重复两次输入密码不同4.2.2 用户登录注册用户可以实现登陆功能，在账户和密码文本框里输入相应的内容，点击登陆，如果正确显示登陆成功，否则显示无此用户活密码错误。如图19至21所示。图19 用户登录成功页面图20 用户登录错误页面图21 用户登录失败界面代码如下：用户名不能为空无此用户登录成功密码错误4.2.3 搜索功能的实现非注册用户和注册用户都可以使用搜索功能，在产品下拉菜单中选择分类，在搜索中输入要查询的文字点搜索，页面将会跳转到so.asp。如图22、23所示。图22 搜索界面图23 搜索结果界面代码如下：4.2.4 用户留言功能登陆后的用户可以实现留言功能，在留言文本框里输入要留言的文字，点击发布留言，即可发布。如图24至26所示。图24 用户留言界面图25 留言成功界面图26 留言显示界面代码如下：必须登录后才能留言留言成功4.2.5 后台管理功能在登陆管理员账户后可以跳转到后台页面gl.asp 对留言列表、产品地带、解决方案、技术支持、客户渠道、新闻中心、常见问题、公告、基本设置进行管理。如图27、28所示。图27 后台基本设置界面图28 设置成功界面代码如下： 更新成功产品地带（解决方案等） 产品名称（其他名称） 此处填入产品介绍（其他内容）产品介绍（其他名称） form name=form3 method=post action=gl.asp?l=4&c=form name=form4 method=post action=gl.asp?l=6&c=发布成功产品修改form id=form1 name=form1 method=post action=gl.asp?l=5&c= input name=a type=text value= 产品名称 产品介绍更新成功删除成功%5 系统测试5.1 测试的主要方面 1. 功能测试对于网站的测试而言，每一个独立的功能模块需要单独的测试用例的设计导出，主要依据为需求规格说明书及详细设计说明书，对于应用程序模块需要设计者提供基本路径测试法的测试用例。 2. 链接测试链接是Web应用系统的一个主要特征，它是在页面之间切换和指导用户去一些不知道地址的页面的主要手段。链接测试可分为三个方面： (1) 测试所有链接是否按指示的那样确实链接到了该链接的页面;(2) 测试所链接的页面是否存在; (3) 保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。链接测试可以自动进行，现在已经有许多工具可以采用。链接测试必须在集成测试阶段完成，也就是说，在整个Web应用系统的所有页面开发完成之后进行链接测试。Xenu主要测试链接的正确性的工具，可惜的是对于动态生成的页面的测试会出现一些错误。 3. 表单测试当用户给Web应用系统管理员提交信息时，就需要使用表单操作，例如用户注册、登录、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。要测试这些程序，需要验证服务器能正确保存这些数据，而且后台运行的程序能正确解释和使用这些信息。B/S结构实现的功能可能主要的就在这里，提交数据，处理数据等如果有固定的操作流程可以考虑自动化测试工具的录制功能，编写可重复使用的脚本代码，可以在测试、回归测试时运行以便减轻测试人员工作量。我们对UM子系统中各个功能模块中的各项功能进行逐一的测试，主要测试方法为：边界值测试、等价类测试，以及异常类测试。测试中要保证每种类型都有2个以上的典型数值的输入，以确保测试输入的全面性。4. Cookies测试Cookies通常用来存储用户信息和用户在某应用系统的操作，当一个用户使用Cookies访问了某一个应用系统时，Web服务器将发送关于用户的信息，把该信息以Cookies的形式存储在客户端计算机上，这可用来创建动态和自定义页面或者存储登陆等信息。如果Web应用系统使用了Cookies，就必须检查Cookies是否能正常工作而且对这些信息已经加密。测试的内容可包括Cookies是否起作用，是否按预定的时间进行保存，刷新对Cookies有什么影响等。5.设计语言测试Web设计语言版本的差异可以引起客户端或服务器端严重的问题，例如使用哪种版本的HTML等。当在分布式环境中开发时，开发人员都不在一起，这个问题就显得尤为重要。除了HTML的版本问题外，不同的脚本语言，例如Java、JavaScript、 ActiveX、VBScript或Perl等也要进行验证。6. 数据库测试在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用SQL对信息进行处理。在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。5.2 测试结果系统的功能是否能否正常的使用是一个系统最基本的要求。本系统主要进行功能测试。本系统的主要功能之一就是检索功能，本文就检索功能为例进行功能测试。用例表如表11所示。表11 用例表用例分类关键字预期输出1234产品产品问题问题出口服务进口服务国际贸易壁垒出口服务在查找结果显示“出口服务”这条信息在查找界面显示空白在查找结果显示“国际贸易壁垒”这条信息在查找界面显示空白用例1： 分类选择“产品”，关键字栏填入“出口服务”，（在cp表中存在“a_mc”为“出口服务”）， 点击查找按钮后，预期在查找结果显示页面，出现“出口服务”这