基于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.

【通聯編輯：張薇】