stingray前端架構總體設計及執行過程

2022-01-16 11:42:07 字數 1392 閱讀 4001

單頁應用程式,在乙個頁面內用ajax技術實現所有的功能的web程式,我們稱之為單頁應用,明顯的特點就是第一次載入之後位址列非引數部分不再發生變化。大家觀察會發現

wip系統就是乙個spa。我們所有的專案也都是spa。

spa系統的架構可以簡單分成兩部分:

頁面第一請求時載入所需的資源檔案

使用者事件觸發ajax請求,更新頁面內容

是不是簡單? 抓住這兩點,所有的問題都很好理解了。我們系統載入執行js之後會註冊一些關鍵的系統物件和函式,主要是用來傳送ajax請求,以及處理ajax返回的資料的顯示的。一些關鍵的全域性物件:

communication - ajax請求物件

customscript - response中包含的js**封裝後的物件

yellow - china team獨有的超實用方法集合

utilities - 乙個系統的輔助函式庫

global - 系統global物件,包含全域性的訊息框、正在載入效果等的控制

globalscript - 乙個全域性的自動以函式庫

jsonparse - 將json串轉為物件

jalert - alert加強

tablewalker - tablewalker相關物件

inittablewalker - tablewalker相關物件

tablewalkerajax - tablewalker相關物件

require - require物件,用於非同步載入

define - 模組定義

communication物件封裝了系統常用的ajax請求,主要的方法有三個:

communication.linkrequest - 頁面跳轉, 其實就是ajax替換了頁面顯示內容

communication.serialrequest - 頁面提交,返回的的內容將決定頁面的跳轉方向。ajax提交資料,返回乙個新的頁面內容。

communication.customrequest - 用於傳送ajax請求,需要在後台自己定義返回的內容,同時提供**方法處理返回結果。

詳細的方法api請參考 communication api

以oic的乙個頁面為例,講解頁面載入過程,ajax請求過程

乙個核心:所有的請求都是ajax來完成

乙個難點:理解三個方法是如何利用ajax來完成的

乙個重點:充分掌握jquery的ajax和**

communication api

posted @ 2017-02-27 22:40 by mark

Tomcat 總體架構

首先一定要先感謝 tomcat架構解析 一書的作者劉光瑞,對於我這樣的新手來說,這本書關於tomcat總體架構的介紹能夠讓我快速的了解整個架構的設計背景,達到了循序漸進的目的,在這裡非常推薦新手入手一本。最後這個章節主要是介紹tomcat整體架構的,整體內容主要在於模組介紹以及關聯,希望通過這個章節...

IMS總體架構

ims總體架構 如上圖所示,ims總體架構通常分為三層,接入層 呼叫控制層 業務應用層 上圖中,ims網路主要網元功能說明如下 當前我們主要關注圖中藍色圈點的幾個網元,包括 sip終端 p cscf i cscf s cscf hss as 後續分析總結中主要基於這些網元的互動進行詳細描述。參考文件...

Mysql總體架構

授權命令 grant 許可權1 許可權2 許可權n on 資料庫名稱.表名稱 to 使用者名稱 使用者位址 identified by 連線口令 該許可權如果發現沒有該使用者,則會直接新建乙個使用者。grant select,insert,delete,drop on atguigudb.to li...