基于JavaScript的WebGIS前端开发及优化

发布时间：2017-05-02 06:07

  本文关键词：基于JavaScript的WebGIS前端开发及优化，由笔耕文化传播整理发布。

【摘要】：地理信息系统(GIS)是由多种学科和多种技术共同形成的交叉学科，各学科和技术的综合发展使该学科有了长足的发展。由于地球科学、计算机技术以及网络信息技术的迅速发展，Web服务的出现为地理信息的共享和互操作提供了技术上的支持，GIS系统功能互操作及其相关数据共享的需求迫切要求GIS网络化。WebGIS是网络GIS中最为突出的一种，一出现就成为了GIS发展的一颗新星。 论文依托于“吉林省村镇规划与建设信息平台”这一项目，项目立项于目前我国的村镇规划与建设的信息化程度还不高，同时信息源分散，来源众多，各种信息的集成度还较低，没有很好的挖掘这些的信息的价值。在信息采集上，各村镇在地理上分散的特性也给信息的采集和呈现的信息化提出了更高的要求。项目构建了吉林省村镇规划与建设信息平台，在系统中，应用功能和GIS系统紧密关联，，提供丰富的地理信息相关的业务功能。 近年来网站客户端开发规模越来越大并且有很多由AJAX开发的复杂页面，系统中的客户端脚本大量增加，前端开发就产生了诸如代码量大、组织困难、难以维护、代码复用低、扩展适应性差等此类的问题。究其原因，以往前端开发不重视设计模式的应用，仅仅实现基本的交互功能。因此前端架构设计和模块化开发在在前端开发中应运而生。前端模块化开发即把前端依照布局和功能划分为多个开发模块，其中每一个模块实现特定的功能，之后把各个模块合理的组成一个具有完整功能的系统。前端模块化开发能够极大地降低了程序员开发时的相互干扰，协同开发更加快速，此外还能提高网页浏览速度、网络信息组织与维护更高效、精简代码。 论文在对HTML5、Openlayers、RequireJS和Backbone技术进行分析的基础上，结合各自的优点，使用Openlayers构建了基于JavaScript的轻量级、开放式WebGIS系统模型，阐述了其设计思想，初步完成了系统实现。把前端优化技术应用到项目实现中，具体分析了各自的性能优化效果。
【关键词】：WebGIS 前端开发 JavaScript OpenLayers RequireJS Backbone
【学位授予单位】：吉林大学
【学位级别】：硕士
【学位授予年份】：2015
【分类号】：TP311.52;P208
【目录】：

• 摘要4-5
• Abstract5-10
• 第1章 绪论10-13
• 1.1 论文研究背景10
• 1.2 国内外研究现状10-11
• 1.3 论文主要研究内容11
• 1.4 论文结构安排11-13
• 第2章 前端技术和 WebGIS 基础13-30
• 2.1 前端核心技术13-17
• 2.1.1 XHTML/HTML513-15
• 2.1.2 CSS15-16
• 2.1.3 JavaScript16-17
• 2.2 WebGIS 前端相关技术17-25
• 2.2.1 WebGIS 概念17-18
• 2.2.2 WebGIS 基本原理18-19
• 2.2.3 WebGIS 的系统结构19-21
• 2.2.4 WebGIS 实现方法及开发软件选取21-23
• 2.2.5 OpenLayers 简介23-25
• 2.3 前端辅助框架25-30
• 2.3.1 jQuery 库25-27
• 2.3.2 RequireJS27-28
• 2.3.3 Backbone28-30
• 第3章 WebGIS 地图系统前端设计与实现30-44
• 3.1 系统架构总体设计30
• 3.2 系统前端各模块设计与实现30-34
• 3.2.1 地图显示设计30-32
• 3.2.2 危房改造设计32-33
• 3.2.3 淹没分析设计33
• 3.2.4 地震分析设计33-34
• 3.3 RequireJS 和 Backbone 在项目实现中的运用34-38
• 3.3.1 RequireJS 实现模块加载34-35
• 3.3.2 Backbone 实现前端 MVC 分层35-38
• 3.4 系统前端各模块展现38-44
• 3.4.1 地图显示38-41
• 3.4.2 危房改造模块41-42
• 3.4.3 地震分析模块42
• 3.4.4 淹没分析模块42-44
• 第4章 WebGIS 地图系统前端性能优化44-52
• 4.1 网页内容相关技术44-48
• 4.1.1 优化 JavaScript 和 CSS44-46
• 4.1.2 优化图片46-47
• 4.1.3 推迟加载和预加载47-48
• 4.2 服务器相关技术48-52
• 4.2.1 为文件头指定 Expires 或 Cache-Control48-49
• 4.2.2 Gzip 压缩文件内容49
• 4.2.3 使用 ETag49-50
• 4.2.4 连接持久化50-52
• 第5章 总结与展望52-54
• 参考文献54-57
• 作者简介及在学期间所获得的科研成果57-58
• 致谢58

【参考文献】

中国期刊全文数据库 前4条

1 伍杰华;;基于CSS3的HTML5网页表单研究与定制[J];计算机与信息技术;2011年12期

2 龙云;杨平;;OpenLayers开发综述[J];科技信息;2013年01期

3 许可;张大方;赵丹;;一种自动分析CSS的改进方法研究[J];计算机工程与科学;2014年03期

4 王成;李少元;郑黎晓;缑锦;曾梅琴;刘慧敏;;Web前端性能优化方案与实践[J];计算机应用与软件;2014年12期

  本文关键词：基于JavaScript的WebGIS前端开发及优化，由笔耕文化传播整理发布。

本文编号：340399