基于AngularJS的山洪預(yù)警與推演系統(tǒng)的前端設(shè)計(jì)與實(shí)現(xiàn).pdf

1、隨著全球氣候的進(jìn)一步惡化，強(qiáng)降雨的惡劣天氣時有發(fā)生，導(dǎo)致山洪災(zāi)害的發(fā)生頻率越來越高，加強(qiáng)山洪災(zāi)害防御工作，保障人民群眾生命財(cái)產(chǎn)安全和山丘區(qū)經(jīng)濟(jì)社會發(fā)展，是一項(xiàng)非常必要和緊迫的工作。但目前基于GIS技術(shù)的山洪預(yù)警系統(tǒng)的預(yù)警展現(xiàn)效果單一、不夠直觀、對最終決策作用有限。
　　有鑒于此，論文對山洪預(yù)警與推演系統(tǒng)的功能和前端界面進(jìn)行了重新設(shè)計(jì)，引入了一種新穎的前端開發(fā)框架AngularJS，作為系統(tǒng)UI開發(fā)的基礎(chǔ)；使用WebGIS技術(shù)框架搭

2、建二、三維的Web GIS操作平臺，并輔以業(yè)務(wù)應(yīng)用，實(shí)現(xiàn)客戶端的GIS操作和數(shù)據(jù)展示；此外，還增加了洪水推演計(jì)算模塊，為山洪預(yù)警提供數(shù)據(jù)和決策對比。
　　GIS客戶端的地圖實(shí)現(xiàn)方面，選擇以ArcGIS Server和TerraGate作為發(fā)布符合OGC規(guī)范的空間地理信服務(wù)的平臺，以Leaflet作為二維GIS客戶端開發(fā)工具，以TerraExplorer作為三維 GIS瀏覽器客戶端，利用 ActiveX控件和 TerraExplor

3、er JavaScript應(yīng)用開發(fā)接口實(shí)現(xiàn)地圖操作，以Browser/Server結(jié)構(gòu)搭建WebGIS系統(tǒng)。
　　客戶端業(yè)務(wù)應(yīng)用方面，運(yùn)用AngularJS的核心特性與相關(guān)技術(shù)，例如：數(shù)據(jù)綁定、依賴注入、指令、異步請求、緩存等，設(shè)計(jì)客戶端的操作流程過程、數(shù)據(jù)展示方式和功能。用戶界面的功能模塊中，部分的GIS功能被嵌入到了業(yè)務(wù)操作流程中，提供給用戶數(shù)據(jù)信息的同時，展示地圖的動態(tài)變化效果。數(shù)據(jù)信息的展示，則使用了大量的動態(tài)數(shù)據(jù)表格和曲

4、線圖，提供給用戶直觀、清晰的展現(xiàn)效果。
　　客戶端優(yōu)化方面，通過研究AngularJS的內(nèi)部運(yùn)行機(jī)制，從控制監(jiān)視器的復(fù)雜程度，網(wǎng)絡(luò)事件的響應(yīng)時間，檢測模型變化的輪訓(xùn)機(jī)制等方面，設(shè)計(jì)AngularJS初始化的配置文件，JavaScript代碼結(jié)構(gòu)和使用環(huán)境，加快AngualrJS的運(yùn)行效率，提高Web的響應(yīng)速率。
　　論文以AngularJS為系統(tǒng)UI開發(fā)的基礎(chǔ)，整合二維、三維WebGIS的前端JavaScript庫和成熟的用