基于AJAX异步交互技术的门户网站构建

唐小玲

摘要：由于传统门户网站在实际应用中，其运行会受到网站承载数据量和在线游客数量影响，对服务请求不能及时响应，延迟时间较长，为此提出基于AJAX异步交互技术的门户网站构建。首先设计了DEFAULT、register、Logon、submitmessage四个静态类图，用于表示门户网站静态结构中的类和成员函数;根据门户网站数据存储要求对网站数据库实体数据字典和数据存储结构进行了搭建，并分别对User用户信息表、BusiCinsutl产品信息表以及AfterService售后信息表字段结构进行了设计，用于存储网站数据;最后利用AJAX异步交互技术对网站中数据进行传送与交互，为用户提供信息查询和浏览等服务，以此完成基于AJAX异步交互技术的门户网站构建。经实验证明，基于AJAX异步交互技术的门户网站运行延迟时间小于传统网站。

关键词：AJAX异步交互技术;门户网站;静态结构;数据字典

中图分类号：TP311.5      文献标识码：A

文章编号：1009-3044（2021）32-0165-02

门户网站是以互联网信息资源相对接，能够为用户和网络游客提供信息浏览功能的一种应用系统，其主要是以浏览器为服务框架，将多种多样的网络信息资源汇集到一个网站上，并且通过互联网浏览器向用户展示，为用户提供信息浏览服务，是互联网信息资源与用户之间信息传递通道[1]。门户网站主要是向用户提供信息检索、目录等服务，当前比较著名的门户网站有雅虎、百度、搜狐以及网易等[2]。根据需求和用途不同，当前使用比较广泛的门户网站有三种，其中包括个人门户网站、企业门户网站和搜索式门户网站[3]。其次企业与个人门户网站主要是向用户提供个性化服务为主，通过门户网站可以了解到关于企业和个人的各类信息，企业门户网站的应用可以提高企业资源利用率，还可以提高企业的业务效益，起到一定的宣传作用，因此目前大部分企业都根据自身的企业文化构建了门户网站[4]。随着门户网站应用领域逐渐变广，其自身问题也随之凸显出来，传统门户网站游客和客户数量较少，可以依靠自身的软硬件条件顺利运行，但是当游客和在线用户数量达到一定数量时，门户网站会出现卡顿和延迟现象，且延迟时间较长，已经无法满足用户需求，为此提出基于AJAX异步交互技术的门户网站构建。

1 门户网站构建

1.1 门户网站类图设计

门户网站类图设计是网站构建的首要任务，其主要是用来表示门户网站静态结构，对门户网站静态结构中的类以及成员函数进行合理搭配，结合门户网站构建需求，本次设计了四个静态类图，其中包括DEFAULT、register、Logon、submitmessage[5]。其中DEFAULT类图的变量和成员函数主要是负责门户网站信息动态展示，及时更新和展示门户网站上的动态信息，并且为用户提供门户网站信息介绍功能[6]。当用户和游客访问门户网站首页时可以对相关信息进行查询和浏览;register类图的变量和成员函数主要负责用户或者游客信息注册功能，用户进入到门户网站首页后，可以对个人信息进行填写，实现门户网站用户注册，并且通过Add成员函数将所有信息添加到数据库用户信息表中;Logon类图的变量和成员函数主要负责门户网站信息查询服务流程规范。用户和游客只有通过身份认证之后才可进入到门户网站首页，进而才能对门户网站上的信息进行查询和浏览，以及申请业务咨询、在线咨询等服务请求，Logon类图用于保护门户网站上数据安全;submitmessage类图的变量和成员函数主要负责用户或者游客在线信息提交功能，用户在门户网站首页上输入咨询信息后，通过该类图将服务请求发送给门户网站Web服务器，将提交的咨询信息自动插入到数据库信息列表中。以上各种类图均拥有各自的功能，通过四个类图的合作实现基于AJAX异步交互技术的门户网站所有功能，也为门户网站数据库以及信息交互提供支撑。

1.2 门户网站数据库构建

门户网站数据流中所有交流传输的数据信息均来自网站数据库，为了保证数据有效存储，本文通过数据表格法对门户网站数据库进行设计，以表格的形式对门户网站数据资源进行存储。根据基于AJAX异步交互技术的门户网站构建需求，满足门户网站相应的范式，对门户网站实体数据字典进行设计，该数据字典有User、BusiCinsutl、AfterService，分别对应的是用户信息表、产品信息表、售后信息表，每一类数据字典都设计了对应的数据存储结构，User数据字典用于存储门户网站用户信息，其表格中各类字段信息如下表所示。

如表1所示，User用户信息表用于存储门户网站注册用户的基本信息，比如电子邮件、姓名、联系方式、住址等，门户网站根据用户填写的信息将其按照表1中数据结构进行存储。

BusiCinsutl产品信息表用于存储门户网站相关产品信息，其中包括产品的生产日期、产品编号、名称、功能介绍等信息，根据产品实际情况输入产品对应的信息，对信息进行存储。AfterService售后信息表中主要包含了产品售后信息，比如产品保修时间、售后维权、维修记录等等，每一类信息都按照表格中对应的字段结构进行存储，为后续基于AJAX异步交互技术的门户网站信息交互实现提供数据依据。

1.3 基于AJAX異步交互技术的门户网站信息交互

构建完门户网站数据库之后，门户网站需要将这些信息有效调取和利用，实现门户网站各个单元以及结构之间的数据传送，为用户提供信息服务，本文考虑到门户网站数据信息量比较大，数据传送及时，采用了AJAX异步交互技术，利用该技术实现门户网站与客户端之间的数据传送。在门户网站浏览器与Web服务器之间安装一个AJAX引擎，AJAX引擎采用Requst/Server模式生成一个接收和发送信息请求的程序框架，利用该程序框架使门户网站用户操作与Web服务器响应异步化。这样可以消除门户网站信息交互过程中处理、等待等响应延迟的缺点，Requst/Server模式生成的程序框架基本流程如下：首先门户网站AJAX引擎接收到Web服务器发送来的请求，对Requst/Server模式其进行对象初始化。然后将请求发送给构建的数据库，数据库接收到服务请求之后AJAX引擎将对这些服务请求进行处理，数据库根据处理后的服务请求调取数据信息，并通过AJAX引擎直接发送给Web服务器，Web服务器再通过AJAX引擎将数据信息发送给网站浏览器，此时门户网站浏览器会对信息进行刷新，以此完成基于AJAX异步交互技术的门户网站信息交互。通过AJAX异步交互技术实现门户网站信息查询、信息浏览等功能，以此完成了基于AJAX异步交互技术的门户网站构建。

2 实验论证分析

为了验证基于AJAX异步交互技术的门户网站功能实现是否正确，其是否具备较高的可靠性和使用性，现设计一组对比实验，实验选取某数据包作为实验数据，该数据包大小为1000MB，并选取100名用户作为门户网站体验者，通过逐渐增加门户网站用户服务请求以及运行数据数量，检验本文设计门户网站与传统门户网站的业务逻辑。实验环境设计如下：两个门户网站操作系统均为Windows2008，硬盘为16GB，内存为8GB。实验中每2s向门户输入5GB数据，并且每1s向门户网站登录一名用户，以游客的身份访问门户网站首页，每个用户登录到门户网站后每隔15s向门户网站发送一条信息查询服务请求。实验利用BKK软件记录门户网站信息服务请求发送时间和门户网站信息显示时间，根据记录的信息计算出两个门户网站数据运行延迟时间，将其作为实验结果，对两种门户网站运行情况进行对比分析，实验结果如下表所示。

从上表中实验数据分析可以得出以下结论：当承载数据和游客数量达到一定数量时，本文设计门户网站对于游客信息查询服务请求的响应比较及时，延迟时间较短，这是因为在对门户网站信息交互设计时采用了AJAX异步交互技术，该技术可以对海量数据进行统一处理和及时传输，降低门户网站运行压力，从而使门户网站具有较快的响应速度;而传统门户网站对于游客信息查询服务请求不能及时响应，网站延迟时间远远高于设计网站。因此实验证明了本文设计门户网站在服务请求响应方面由于传统网站，具有较高的可靠性和适用性。

3 结束语

本文重点阐述了AJAX异步交互技术在门户网站构建中的应用，利用AJAX异步交互技术实现门户网站信息交互，提高门户网站响应速度和数据传输速度，改善门户网站运行延迟和卡顿的问题。此次研究对扩宽门户网站信息传递渠道，缩短门户网站信息推送周期具有重要的现实意义，对AJAX异步交互技术在门户网站构建中的应用具有良好的推广意义，为基于AJAX异步交互技术的门户网站构建提供了强有力的技术支持。由于本次研究篇幅有限，构建的基于AJAX异步交互技术的门户网站可能存在一些不足之处，今后会在不断研究和实践中对该门户网站进行完善和创新，使门户网站充分发挥出其应有的功能。

参考文献：

[1] 郑家昊，李庚.省级政府门户网站政务服务能力建设现状及其改进——基于中国31个省级政府门户网站工作年度报表的分析[J].中国行政管理，2019（3）：104-110.

[2] 李晓方，孟庆国，王友奎.绩效信息公开与政府响应——基于政府门户网站建设第三方评估数据的断点回归分析[J].公共行政评论，2019，12（5）：115-132，214.

[3] 周娜.淺析北京市政府外文门户网站建设策略[J].中国管理信息化，2021，24（3）：205-208.

[4] 林芬，陈玲霞.“互联网+”战略背景下地级市政府门户网站信息无障碍建设困境与对策[J].河北企业，2019（12）：11-12.

[5] 王菲露，李军，宋杨，等.基于Ajax技术的ECharts实时图形报表实现[J].黑龙江工业学院学报（综合版），2019，19（12）：79-83.

[6] 王志娟，班娅萌，平金珍.基于AJAX技术和JAVAEE的分页查询优化[J].信息通信，2019，32（1）：118-119.

【通联编辑：张薇】