基于angularjs的山洪预警与推演系统的前端设计与实现-水利工程专业论文.docxVIP

独创性声明 本人声明所呈交的学位论文是我个人在导师指导下进行的研究工作及取得的研 究成果。尽我所知，除文中已经标明引用的内容外，本论文不包含任何其他个人或 集体已经发表或撰写过的研究成果。对本文的研究做出贡献的个人和集体，均已在 文中以明确方式标明。本人完全意识到，本声明的法律结果由本人承担。 学位论文作者签名： 日期： 年 月 日 学位论文版权使用授权书 本学位论文作者完全了解学校有关保留、使用学位论文的规定，即：学校有权 保留并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。 本人授权华中科技大学可以将本学位论文的全部或部分内容编入有关数据库进行检 索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。 保 密?，在 年解密后适用本授权书。 本论文属于  不保密?。 （请在以上方框内打“?”） 学位论文作者签名： 指导教师签名： 日期： 年 月 日 日期： 年 月 日 华 华 中 科 技 大 学 硕 士 学 位 论 文 I I 摘 要 随着全球气候的进一步恶化，强降雨的恶劣天气时有发生，导致山洪灾害的发 生频率越来越高，加强山洪灾害防御工作，保障人民群众生命财产安全和山丘区经 济社会发展，是一项非常必要和紧迫的工作。但目前基于 GIS 技术的山洪预警系统 的预警展现效果单一、不够直观、对最终决策作用有限。 有鉴于此，论文对山洪预警与推演系统的功能和前端界面进行了重新设计，引 入了一种新颖的前端开发框架 AngularJS，作为系统 UI 开发的基础；使用 WebGIS 技术框架搭建二、三维的 Web GIS 操作平台，并辅以业务应用，实现客户端的 GIS 操作和数据展示；此外，还增加了洪水推演计算模块，为山洪预警提供数据和决策 对比。 GIS 客户端的地图实现方面，选择以 ArcGIS Server 和 TerraGate 作为发布符合 OGC 规范的空间地理信服务的平台，以 Leaflet 作为二维 GIS 客户端开发工具，以 TerraExplorer 作 为 三 维 GIS 浏 览 器 客 户 端 ， 利 用 ActiveX 控 件 和 TerraExplorer JavaScript 应用开发接口实现地图操作，以 Browser/Server 结构搭建 WebGIS 系统。 客户端业务应用方面，运用 AngularJS 的核心特性与相关技术，例如：数据绑 定、依赖注入、指令、异步请求、缓存等，设计客户端的操作流程过程、数据展示 方式和功能。用户界面的功能模块中，部分的 GIS 功能被嵌入到了业务操作流程中， 提供给用户数据信息的同时，展示地图的动态变化效果。数据信息的展示，则使用 了大量的动态数据表格和曲线图，提供给用户直观、清晰的展现效果。 客户端优化方面，通过研究 AngularJS 的内部运行机制，从控制监视器的复杂 程度，网络事件的响应时间，检测模型变化的轮训机制等方面，设计 AngularJS 初 始化的配置文件，JavaScript 代码结构和使用环境，加快 AngualrJS 的运行效率，提 高 Web 的响应速率。 论 文 以 AngularJS 为 系 统 UI 开 发 的 基 础 ， 整 合 二 维 、 三 维 WebGIS 的 前 端 JavaScript 库和成熟的用户界面框架，实现了 GIS 功能的同时，还嵌入了其他业务 应用，构建了一个富客户端、高效的山洪预警与推演系统的前端应用。 关键字：山洪预警，AngularJS，WebGIS，Leaflet II II Abstract Under the circumstance of the deteriorating climate, heavy rainfall or rainstorm occurs frequently, an increasing of flood events have been observed recently. It is an important issue to ensure the personal safety and properties against the deadly floods. Currently, the GIS-based flood warning systems have been worked out and served as an essential tool for flood analysis and assessment. However, due to the limited of display technique of browser, the efficiency of decision-maker functions