基于AJAX異步交互技術(shù)的門戶網(wǎng)站構(gòu)建

唐小玲

摘要：由于傳統(tǒng)門戶網(wǎng)站在實(shí)際應(yīng)用中，其運(yùn)行會(huì)受到網(wǎng)站承載數(shù)據(jù)量和在線游客數(shù)量影響，對(duì)服務(wù)請(qǐng)求不能及時(shí)響應(yīng)，延遲時(shí)間較長(zhǎng)，為此提出基于AJAX異步交互技術(shù)的門戶網(wǎng)站構(gòu)建。首先設(shè)計(jì)了DEFAULT、register、Logon、submitmessage四個(gè)靜態(tài)類圖，用于表示門戶網(wǎng)站靜態(tài)結(jié)構(gòu)中的類和成員函數(shù);根據(jù)門戶網(wǎng)站數(shù)據(jù)存儲(chǔ)要求對(duì)網(wǎng)站數(shù)據(jù)庫(kù)實(shí)體數(shù)據(jù)字典和數(shù)據(jù)存儲(chǔ)結(jié)構(gòu)進(jìn)行了搭建，并分別對(duì)User用戶信息表、BusiCinsutl產(chǎn)品信息表以及AfterService售后信息表字段結(jié)構(gòu)進(jìn)行了設(shè)計(jì)，用于存儲(chǔ)網(wǎng)站數(shù)據(jù);最后利用AJAX異步交互技術(shù)對(duì)網(wǎng)站中數(shù)據(jù)進(jìn)行傳送與交互，為用戶提供信息查詢和瀏覽等服務(wù)，以此完成基于AJAX異步交互技術(shù)的門戶網(wǎng)站構(gòu)建。經(jīng)實(shí)驗(yàn)證明，基于AJAX異步交互技術(shù)的門戶網(wǎng)站運(yùn)行延遲時(shí)間小于傳統(tǒng)網(wǎng)站。

關(guān)鍵詞：AJAX異步交互技術(shù);門戶網(wǎng)站;靜態(tài)結(jié)構(gòu);數(shù)據(jù)字典

中圖分類號(hào)：TP311.5 ? ? ?文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2021）32-0165-02

門戶網(wǎng)站是以互聯(lián)網(wǎng)信息資源相對(duì)接，能夠?yàn)橛脩艉途W(wǎng)絡(luò)游客提供信息瀏覽功能的一種應(yīng)用系統(tǒng)，其主要是以瀏覽器為服務(wù)框架，將多種多樣的網(wǎng)絡(luò)信息資源匯集到一個(gè)網(wǎng)站上，并且通過(guò)互聯(lián)網(wǎng)瀏覽器向用戶展示，為用戶提供信息瀏覽服務(wù)，是互聯(lián)網(wǎng)信息資源與用戶之間信息傳遞通道[1]。門戶網(wǎng)站主要是向用戶提供信息檢索、目錄等服務(wù)，當(dāng)前比較著名的門戶網(wǎng)站有雅虎、百度、搜狐以及網(wǎng)易等[2]。根據(jù)需求和用途不同，當(dāng)前使用比較廣泛的門戶網(wǎng)站有三種，其中包括個(gè)人門戶網(wǎng)站、企業(yè)門戶網(wǎng)站和搜索式門戶網(wǎng)站[3]。其次企業(yè)與個(gè)人門戶網(wǎng)站主要是向用戶提供個(gè)性化服務(wù)為主，通過(guò)門戶網(wǎng)站可以了解到關(guān)于企業(yè)和個(gè)人的各類信息，企業(yè)門戶網(wǎng)站的應(yīng)用可以提高企業(yè)資源利用率，還可以提高企業(yè)的業(yè)務(wù)效益，起到一定的宣傳作用，因此目前大部分企業(yè)都根據(jù)自身的企業(yè)文化構(gòu)建了門戶網(wǎng)站[4]。隨著門戶網(wǎng)站應(yīng)用領(lǐng)域逐漸變廣，其自身問(wèn)題也隨之凸顯出來(lái)，傳統(tǒng)門戶網(wǎng)站游客和客戶數(shù)量較少，可以依靠自身的軟硬件條件順利運(yùn)行，但是當(dāng)游客和在線用戶數(shù)量達(dá)到一定數(shù)量時(shí)，門戶網(wǎng)站會(huì)出現(xiàn)卡頓和延遲現(xiàn)象，且延遲時(shí)間較長(zhǎng)，已經(jīng)無(wú)法滿足用戶需求，為此提出基于AJAX異步交互技術(shù)的門戶網(wǎng)站構(gòu)建。

1 門戶網(wǎng)站構(gòu)建

1.1 門戶網(wǎng)站類圖設(shè)計(jì)

門戶網(wǎng)站類圖設(shè)計(jì)是網(wǎng)站構(gòu)建的首要任務(wù)，其主要是用來(lái)表示門戶網(wǎng)站靜態(tài)結(jié)構(gòu)，對(duì)門戶網(wǎng)站靜態(tài)結(jié)構(gòu)中的類以及成員函數(shù)進(jìn)行合理搭配，結(jié)合門戶網(wǎng)站構(gòu)建需求，本次設(shè)計(jì)了四個(gè)靜態(tài)類圖，其中包括DEFAULT、register、Logon、submitmessage[5]。其中DEFAULT類圖的變量和成員函數(shù)主要是負(fù)責(zé)門戶網(wǎng)站信息動(dòng)態(tài)展示，及時(shí)更新和展示門戶網(wǎng)站上的動(dòng)態(tài)信息，并且為用戶提供門戶網(wǎng)站信息介紹功能[6]。當(dāng)用戶和游客訪問(wèn)門戶網(wǎng)站首頁(yè)時(shí)可以對(duì)相關(guān)信息進(jìn)行查詢和瀏覽;register類圖的變量和成員函數(shù)主要負(fù)責(zé)用戶或者游客信息注冊(cè)功能，用戶進(jìn)入到門戶網(wǎng)站首頁(yè)后，可以對(duì)個(gè)人信息進(jìn)行填寫，實(shí)現(xiàn)門戶網(wǎng)站用戶注冊(cè)，并且通過(guò)Add成員函數(shù)將所有信息添加到數(shù)據(jù)庫(kù)用戶信息表中;Logon類圖的變量和成員函數(shù)主要負(fù)責(zé)門戶網(wǎng)站信息查詢服務(wù)流程規(guī)范。用戶和游客只有通過(guò)身份認(rèn)證之后才可進(jìn)入到門戶網(wǎng)站首頁(yè)，進(jìn)而才能對(duì)門戶網(wǎng)站上的信息進(jìn)行查詢和瀏覽，以及申請(qǐng)業(yè)務(wù)咨詢、在線咨詢等服務(wù)請(qǐng)求，Logon類圖用于保護(hù)門戶網(wǎng)站上數(shù)據(jù)安全;submitmessage類圖的變量和成員函數(shù)主要負(fù)責(zé)用戶或者游客在線信息提交功能，用戶在門戶網(wǎng)站首頁(yè)上輸入咨詢信息后，通過(guò)該類圖將服務(wù)請(qǐng)求發(fā)送給門戶網(wǎng)站W(wǎng)eb服務(wù)器，將提交的咨詢信息自動(dòng)插入到數(shù)據(jù)庫(kù)信息列表中。以上各種類圖均擁有各自的功能，通過(guò)四個(gè)類圖的合作實(shí)現(xiàn)基于AJAX異步交互技術(shù)的門戶網(wǎng)站所有功能，也為門戶網(wǎng)站數(shù)據(jù)庫(kù)以及信息交互提供支撐。

1.2 門戶網(wǎng)站數(shù)據(jù)庫(kù)構(gòu)建

門戶網(wǎng)站數(shù)據(jù)流中所有交流傳輸?shù)臄?shù)據(jù)信息均來(lái)自網(wǎng)站數(shù)據(jù)庫(kù)，為了保證數(shù)據(jù)有效存儲(chǔ)，本文通過(guò)數(shù)據(jù)表格法對(duì)門戶網(wǎng)站數(shù)據(jù)庫(kù)進(jìn)行設(shè)計(jì)，以表格的形式對(duì)門戶網(wǎng)站數(shù)據(jù)資源進(jìn)行存儲(chǔ)。根據(jù)基于AJAX異步交互技術(shù)的門戶網(wǎng)站構(gòu)建需求，滿足門戶網(wǎng)站相應(yīng)的范式，對(duì)門戶網(wǎng)站實(shí)體數(shù)據(jù)字典進(jìn)行設(shè)計(jì)，該數(shù)據(jù)字典有User、BusiCinsutl、AfterService，分別對(duì)應(yīng)的是用戶信息表、產(chǎn)品信息表、售后信息表，每一類數(shù)據(jù)字典都設(shè)計(jì)了對(duì)應(yīng)的數(shù)據(jù)存儲(chǔ)結(jié)構(gòu)，User數(shù)據(jù)字典用于存儲(chǔ)門戶網(wǎng)站用戶信息，其表格中各類字段信息如下表所示。

如表1所示，User用戶信息表用于存儲(chǔ)門戶網(wǎng)站注冊(cè)用戶的基本信息，比如電子郵件、姓名、聯(lián)系方式、住址等，門戶網(wǎng)站根據(jù)用戶填寫的信息將其按照表1中數(shù)據(jù)結(jié)構(gòu)進(jìn)行存儲(chǔ)。

BusiCinsutl產(chǎn)品信息表用于存儲(chǔ)門戶網(wǎng)站相關(guān)產(chǎn)品信息，其中包括產(chǎn)品的生產(chǎn)日期、產(chǎn)品編號(hào)、名稱、功能介紹等信息，根據(jù)產(chǎn)品實(shí)際情況輸入產(chǎn)品對(duì)應(yīng)的信息，對(duì)信息進(jìn)行存儲(chǔ)。AfterService售后信息表中主要包含了產(chǎn)品售后信息，比如產(chǎn)品保修時(shí)間、售后維權(quán)、維修記錄等等，每一類信息都按照表格中對(duì)應(yīng)的字段結(jié)構(gòu)進(jìn)行存儲(chǔ)，為后續(xù)基于AJAX異步交互技術(shù)的門戶網(wǎng)站信息交互實(shí)現(xiàn)提供數(shù)據(jù)依據(jù)。

1.3 基于AJAX異步交互技術(shù)的門戶網(wǎng)站信息交互

構(gòu)建完門戶網(wǎng)站數(shù)據(jù)庫(kù)之后，門戶網(wǎng)站需要將這些信息有效調(diào)取和利用，實(shí)現(xiàn)門戶網(wǎng)站各個(gè)單元以及結(jié)構(gòu)之間的數(shù)據(jù)傳送，為用戶提供信息服務(wù)，本文考慮到門戶網(wǎng)站數(shù)據(jù)信息量比較大，數(shù)據(jù)傳送及時(shí)，采用了AJAX異步交互技術(shù)，利用該技術(shù)實(shí)現(xiàn)門戶網(wǎng)站與客戶端之間的數(shù)據(jù)傳送。在門戶網(wǎng)站瀏覽器與Web服務(wù)器之間安裝一個(gè)AJAX引擎，AJAX引擎采用Requst/Server模式生成一個(gè)接收和發(fā)送信息請(qǐng)求的程序框架，利用該程序框架使門戶網(wǎng)站用戶操作與Web服務(wù)器響應(yīng)異步化。這樣可以消除門戶網(wǎng)站信息交互過(guò)程中處理、等待等響應(yīng)延遲的缺點(diǎn)，Requst/Server模式生成的程序框架基本流程如下：首先門戶網(wǎng)站AJAX引擎接收到Web服務(wù)器發(fā)送來(lái)的請(qǐng)求，對(duì)Requst/Server模式其進(jìn)行對(duì)象初始化。然后將請(qǐng)求發(fā)送給構(gòu)建的數(shù)據(jù)庫(kù)，數(shù)據(jù)庫(kù)接收到服務(wù)請(qǐng)求之后AJAX引擎將對(duì)這些服務(wù)請(qǐng)求進(jìn)行處理，數(shù)據(jù)庫(kù)根據(jù)處理后的服務(wù)請(qǐng)求調(diào)取數(shù)據(jù)信息，并通過(guò)AJAX引擎直接發(fā)送給Web服務(wù)器，Web服務(wù)器再通過(guò)AJAX引擎將數(shù)據(jù)信息發(fā)送給網(wǎng)站瀏覽器，此時(shí)門戶網(wǎng)站瀏覽器會(huì)對(duì)信息進(jìn)行刷新，以此完成基于AJAX異步交互技術(shù)的門戶網(wǎng)站信息交互。通過(guò)AJAX異步交互技術(shù)實(shí)現(xiàn)門戶網(wǎng)站信息查詢、信息瀏覽等功能，以此完成了基于AJAX異步交互技術(shù)的門戶網(wǎng)站構(gòu)建。

2 實(shí)驗(yàn)論證分析

為了驗(yàn)證基于AJAX異步交互技術(shù)的門戶網(wǎng)站功能實(shí)現(xiàn)是否正確，其是否具備較高的可靠性和使用性，現(xiàn)設(shè)計(jì)一組對(duì)比實(shí)驗(yàn)，實(shí)驗(yàn)選取某數(shù)據(jù)包作為實(shí)驗(yàn)數(shù)據(jù)，該數(shù)據(jù)包大小為1000MB，并選取100名用戶作為門戶網(wǎng)站體驗(yàn)者，通過(guò)逐漸增加門戶網(wǎng)站用戶服務(wù)請(qǐng)求以及運(yùn)行數(shù)據(jù)數(shù)量，檢驗(yàn)本文設(shè)計(jì)門戶網(wǎng)站與傳統(tǒng)門戶網(wǎng)站的業(yè)務(wù)邏輯。實(shí)驗(yàn)環(huán)境設(shè)計(jì)如下：兩個(gè)門戶網(wǎng)站操作系統(tǒng)均為Windows2008，硬盤為16GB，內(nèi)存為8GB。實(shí)驗(yàn)中每2s向門戶輸入5GB數(shù)據(jù)，并且每1s向門戶網(wǎng)站登錄一名用戶，以游客的身份訪問(wèn)門戶網(wǎng)站首頁(yè)，每個(gè)用戶登錄到門戶網(wǎng)站后每隔15s向門戶網(wǎng)站發(fā)送一條信息查詢服務(wù)請(qǐng)求。實(shí)驗(yàn)利用BKK軟件記錄門戶網(wǎng)站信息服務(wù)請(qǐng)求發(fā)送時(shí)間和門戶網(wǎng)站信息顯示時(shí)間，根據(jù)記錄的信息計(jì)算出兩個(gè)門戶網(wǎng)站數(shù)據(jù)運(yùn)行延遲時(shí)間，將其作為實(shí)驗(yàn)結(jié)果，對(duì)兩種門戶網(wǎng)站運(yùn)行情況進(jìn)行對(duì)比分析，實(shí)驗(yàn)結(jié)果如下表所示。

從上表中實(shí)驗(yàn)數(shù)據(jù)分析可以得出以下結(jié)論：當(dāng)承載數(shù)據(jù)和游客數(shù)量達(dá)到一定數(shù)量時(shí)，本文設(shè)計(jì)門戶網(wǎng)站對(duì)于游客信息查詢服務(wù)請(qǐng)求的響應(yīng)比較及時(shí)，延遲時(shí)間較短，這是因?yàn)樵趯?duì)門戶網(wǎng)站信息交互設(shè)計(jì)時(shí)采用了AJAX異步交互技術(shù)，該技術(shù)可以對(duì)海量數(shù)據(jù)進(jìn)行統(tǒng)一處理和及時(shí)傳輸，降低門戶網(wǎng)站運(yùn)行壓力，從而使門戶網(wǎng)站具有較快的響應(yīng)速度;而傳統(tǒng)門戶網(wǎng)站對(duì)于游客信息查詢服務(wù)請(qǐng)求不能及時(shí)響應(yīng)，網(wǎng)站延遲時(shí)間遠(yuǎn)遠(yuǎn)高于設(shè)計(jì)網(wǎng)站。因此實(shí)驗(yàn)證明了本文設(shè)計(jì)門戶網(wǎng)站在服務(wù)請(qǐng)求響應(yīng)方面由于傳統(tǒng)網(wǎng)站，具有較高的可靠性和適用性。

3 結(jié)束語(yǔ)

本文重點(diǎn)闡述了AJAX異步交互技術(shù)在門戶網(wǎng)站構(gòu)建中的應(yīng)用，利用AJAX異步交互技術(shù)實(shí)現(xiàn)門戶網(wǎng)站信息交互，提高門戶網(wǎng)站響應(yīng)速度和數(shù)據(jù)傳輸速度，改善門戶網(wǎng)站運(yùn)行延遲和卡頓的問(wèn)題。此次研究對(duì)擴(kuò)寬門戶網(wǎng)站信息傳遞渠道，縮短門戶網(wǎng)站信息推送周期具有重要的現(xiàn)實(shí)意義，對(duì)AJAX異步交互技術(shù)在門戶網(wǎng)站構(gòu)建中的應(yīng)用具有良好的推廣意義，為基于AJAX異步交互技術(shù)的門戶網(wǎng)站構(gòu)建提供了強(qiáng)有力的技術(shù)支持。由于本次研究篇幅有限，構(gòu)建的基于AJAX異步交互技術(shù)的門戶網(wǎng)站可能存在一些不足之處，今后會(huì)在不斷研究和實(shí)踐中對(duì)該門戶網(wǎng)站進(jìn)行完善和創(chuàng)新，使門戶網(wǎng)站充分發(fā)揮出其應(yīng)有的功能。

參考文獻(xiàn)：

[1] 鄭家昊，李庚.省級(jí)政府門戶網(wǎng)站政務(wù)服務(wù)能力建設(shè)現(xiàn)狀及其改進(jìn)——基于中國(guó)31個(gè)省級(jí)政府門戶網(wǎng)站工作年度報(bào)表的分析[J].中國(guó)行政管理，2019（3）：104-110.

[2] 李曉方，孟慶國(guó)，王友奎.績(jī)效信息公開與政府響應(yīng)——基于政府門戶網(wǎng)站建設(shè)第三方評(píng)估數(shù)據(jù)的斷點(diǎn)回歸分析[J].公共行政評(píng)論，2019，12（5）：115-132，214.

[3] 周娜.淺析北京市政府外文門戶網(wǎng)站建設(shè)策略[J].中國(guó)管理信息化，2021，24（3）：205-208.

[4] 林芬，陳玲霞.“互聯(lián)網(wǎng)+”戰(zhàn)略背景下地級(jí)市政府門戶網(wǎng)站信息無(wú)障礙建設(shè)困境與對(duì)策[J].河北企業(yè)，2019（12）：11-12.

[5] 王菲露，李軍，宋楊，等.基于Ajax技術(shù)的ECharts實(shí)時(shí)圖形報(bào)表實(shí)現(xiàn)[J].黑龍江工業(yè)學(xué)院學(xué)報(bào)（綜合版），2019，19（12）：79-83.

[6] 王志娟，班婭萌，平金珍.基于AJAX技術(shù)和JAVAEE的分頁(yè)查詢優(yōu)化[J].信息通信，2019，32（1）：118-119.

【通聯(lián)編輯：張薇】