基于HTML5的網(wǎng)絡(luò)拓?fù)湔故鞠到y(tǒng)的設(shè)計與實(shí)現(xiàn).pdf

1、隨著計算機(jī)網(wǎng)絡(luò)的日益龐大，網(wǎng)絡(luò)拓?fù)涔芾硪搽S之迅速發(fā)展?；贑lient/Server架構(gòu)的網(wǎng)絡(luò)拓?fù)滠浖壘S護(hù)繁瑣，而Browser/Server架構(gòu)中基于Applet的網(wǎng)絡(luò)拓?fù)滠浖ava運(yùn)行環(huán)境嚴(yán)重依賴；基于Flex的網(wǎng)絡(luò)拓?fù)滠浖膶g覽器性能消耗過大。新一代HTML5技術(shù)迅速在瀏覽器應(yīng)用軟件中流行起來，給網(wǎng)絡(luò)管理軟件應(yīng)用帶來了新的發(fā)展，很好地解決了前者的弊端。國內(nèi)已經(jīng)有不少網(wǎng)絡(luò)軟件公司開始將網(wǎng)絡(luò)拓?fù)滠浖騂TML5轉(zhuǎn)型，本項(xiàng)目正

2、是在這樣的環(huán)境下開始的。
　　本文主要介紹了網(wǎng)絡(luò)拓?fù)涔芾硐到y(tǒng)中的基于HTML5的網(wǎng)絡(luò)拓?fù)涞恼故竟δ軐?shí)現(xiàn)過程。HTML5拓?fù)湫枰獙︻愋头倍嗟耐負(fù)湓剡M(jìn)行統(tǒng)一管理，對數(shù)據(jù)進(jìn)行封裝，實(shí)現(xiàn)服務(wù)器與瀏覽器的通信，在頁面提供數(shù)據(jù)展示和用戶交互操作功能。
　　本文通過需求分析、系統(tǒng)詳細(xì)設(shè)計、系統(tǒng)實(shí)現(xiàn)與測試介紹了HTML5網(wǎng)絡(luò)拓?fù)湔故鞠到y(tǒng)。首先通過對用戶需求的分析，得到系統(tǒng)的功能需求和非功能性需求；然后根據(jù)需求分析結(jié)果進(jìn)行了數(shù)據(jù)模型設(shè)計、系

3、統(tǒng)功能分解、系統(tǒng)框架設(shè)計和拓?fù)鋵哟蝿澐帧Ｍ負(fù)鋽?shù)據(jù)模型主要為拓?fù)涔?jié)點(diǎn)、鏈路、菜單、按鍵以及作為容器的拓?fù)淠Ｐ汀Ｍ負(fù)湔故鞠到y(tǒng)需要實(shí)現(xiàn)加載拓?fù)?、設(shè)置拓?fù)鋮?shù)、展示元素提示信息、查看圖例和保存拓?fù)涞墓δ?。拓?fù)湎到y(tǒng)框架中主要涉及了三個模塊：
　　1)服務(wù)器拓?fù)錁I(yè)務(wù)模塊用來完成拓?fù)湔埱笙⒌奶幚?、拓?fù)涞臄U(kuò)展、和拓?fù)淠Ｐ蛿?shù)據(jù)封裝等。
　　2)數(shù)據(jù)對象傳輸模塊主要封裝了拓?fù)湔埱笙⒑晚憫?yīng)消息，完成了服務(wù)器和瀏覽器之間的消息通信。
　　

4、3)瀏覽器頁面業(yè)務(wù)模塊以TWaver組件為基礎(chǔ)完成拓?fù)湓氐募虞d，拓?fù)洳藛蔚恼故竞褪录膱?zhí)行。
　　拓?fù)湔故鞠到y(tǒng)的實(shí)現(xiàn)部分以拓?fù)湎到y(tǒng)框架為基礎(chǔ)，介紹了拓?fù)涔δ艿木唧w實(shí)現(xiàn)流程。實(shí)現(xiàn)過程從瀏覽器事件觸發(fā)開始，到組裝請求消息，然后服務(wù)器對消息進(jìn)行處理，并封裝拓?fù)漤憫?yīng)消息發(fā)送到瀏覽器，瀏覽器最后將數(shù)據(jù)結(jié)果呈現(xiàn)出來。最后依據(jù)用戶的需求對系統(tǒng)進(jìn)行測試與分析，完成拓?fù)湎到y(tǒng)的測試部分。
　　本項(xiàng)目源自網(wǎng)絡(luò)拓?fù)滠浖腁pplet到HTML5的