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

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

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

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

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