本文關(guān)鍵詞：基于JavaScript的WebGIS前端開發(fā)及優(yōu)化，由筆耕文化傳播整理發(fā)布。

【摘要】：地理信息系統(tǒng)(GIS)是由多種學(xué)科和多種技術(shù)共同形成的交叉學(xué)科，各學(xué)科和技術(shù)的綜合發(fā)展使該學(xué)科有了長足的發(fā)展。由于地球科學(xué)、計(jì)算機(jī)技術(shù)以及網(wǎng)絡(luò)信息技術(shù)的迅速發(fā)展，Web服務(wù)的出現(xiàn)為地理信息的共享和互操作提供了技術(shù)上的支持，GIS系統(tǒng)功能互操作及其相關(guān)數(shù)據(jù)共享的需求迫切要求GIS網(wǎng)絡(luò)化。WebGIS是網(wǎng)絡(luò)GIS中最為突出的一種，一出現(xiàn)就成為了GIS發(fā)展的一顆新星。 論文依托于“吉林省村鎮(zhèn)規(guī)劃與建設(shè)信息平臺”這一項(xiàng)目，項(xiàng)目立項(xiàng)于目前我國的村鎮(zhèn)規(guī)劃與建設(shè)的信息化程度還不高，同時(shí)信息源分散，來源眾多，各種信息的集成度還較低，沒有很好的挖掘這些的信息的價(jià)值。在信息采集上，各村鎮(zhèn)在地理上分散的特性也給信息的采集和呈現(xiàn)的信息化提出了更高的要求。項(xiàng)目構(gòu)建了吉林省村鎮(zhèn)規(guī)劃與建設(shè)信息平臺，在系統(tǒng)中，應(yīng)用功能和GIS系統(tǒng)緊密關(guān)聯(lián)，，提供豐富的地理信息相關(guān)的業(yè)務(wù)功能。 近年來網(wǎng)站客戶端開發(fā)規(guī)模越來越大并且有很多由AJAX開發(fā)的復(fù)雜頁面，系統(tǒng)中的客戶端腳本大量增加，前端開發(fā)就產(chǎn)生了諸如代碼量大、組織困難、難以維護(hù)、代碼復(fù)用低、擴(kuò)展適應(yīng)性差等此類的問題。究其原因，以往前端開發(fā)不重視設(shè)計(jì)模式的應(yīng)用，僅僅實(shí)現(xiàn)基本的交互功能。因此前端架構(gòu)設(shè)計(jì)和模塊化開發(fā)在在前端開發(fā)中應(yīng)運(yùn)而生。前端模塊化開發(fā)即把前端依照布局和功能劃分為多個(gè)開發(fā)模塊，其中每一個(gè)模塊實(shí)現(xiàn)特定的功能，之后把各個(gè)模塊合理的組成一個(gè)具有完整功能的系統(tǒng)。前端模塊化開發(fā)能夠極大地降低了程序員開發(fā)時(shí)的相互干擾，協(xié)同開發(fā)更加快速，此外還能提高網(wǎng)頁瀏覽速度、網(wǎng)絡(luò)信息組織與維護(hù)更高效、精簡代碼。 論文在對HTML5、Openlayers、RequireJS和Backbone技術(shù)進(jìn)行分析的基礎(chǔ)上，結(jié)合各自的優(yōu)點(diǎn)，使用Openlayers構(gòu)建了基于JavaScript的輕量級、開放式WebGIS系統(tǒng)模型，闡述了其設(shè)計(jì)思想，初步完成了系統(tǒng)實(shí)現(xiàn)。把前端優(yōu)化技術(shù)應(yīng)用到項(xiàng)目實(shí)現(xiàn)中，具體分析了各自的性能優(yōu)化效果。
【關(guān)鍵詞】：WebGIS 前端開發(fā) JavaScript OpenLayers RequireJS Backbone
【學(xué)位授予單位】：吉林大學(xué)
【學(xué)位級別】：碩士
【學(xué)位授予年份】：2015
【分類號】：TP311.52;P208
【目錄】：

• 摘要4-5
• Abstract5-10
• 第1章 緒論10-13
• 1.1 論文研究背景10
• 1.2 國內(nèi)外研究現(xiàn)狀10-11
• 1.3 論文主要研究內(nèi)容11
• 1.4 論文結(jié)構(gòu)安排11-13
• 第2章 前端技術(shù)和 WebGIS 基礎(chǔ)13-30
• 2.1 前端核心技術(shù)13-17
• 2.1.1 XHTML/HTML513-15
• 2.1.2 CSS15-16
• 2.1.3 JavaScript16-17
• 2.2 WebGIS 前端相關(guān)技術(shù)17-25
• 2.2.1 WebGIS 概念17-18
• 2.2.2 WebGIS 基本原理18-19
• 2.2.3 WebGIS 的系統(tǒng)結(jié)構(gòu)19-21
• 2.2.4 WebGIS 實(shí)現(xiàn)方法及開發(fā)軟件選取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 地圖系統(tǒng)前端設(shè)計(jì)與實(shí)現(xiàn)30-44
• 3.1 系統(tǒng)架構(gòu)總體設(shè)計(jì)30
• 3.2 系統(tǒng)前端各模塊設(shè)計(jì)與實(shí)現(xiàn)30-34
• 3.2.1 地圖顯示設(shè)計(jì)30-32
• 3.2.2 危房改造設(shè)計(jì)32-33
• 3.2.3 淹沒分析設(shè)計(jì)33
• 3.2.4 地震分析設(shè)計(jì)33-34
• 3.3 RequireJS 和 Backbone 在項(xiàng)目實(shí)現(xiàn)中的運(yùn)用34-38
• 3.3.1 RequireJS 實(shí)現(xiàn)模塊加載34-35
• 3.3.2 Backbone 實(shí)現(xiàn)前端 MVC 分層35-38
• 3.4 系統(tǒng)前端各模塊展現(xiàn)38-44
• 3.4.1 地圖顯示38-41
• 3.4.2 危房改造模塊41-42
• 3.4.3 地震分析模塊42
• 3.4.4 淹沒分析模塊42-44
• 第4章 WebGIS 地圖系統(tǒng)前端性能優(yōu)化44-52
• 4.1 網(wǎng)頁內(nèi)容相關(guān)技術(shù)44-48
• 4.1.1 優(yōu)化 JavaScript 和 CSS44-46
• 4.1.2 優(yōu)化圖片46-47
• 4.1.3 推遲加載和預(yù)加載47-48
• 4.2 服務(wù)器相關(guān)技術(shù)48-52
• 4.2.1 為文件頭指定 Expires 或 Cache-Control48-49
• 4.2.2 Gzip 壓縮文件內(nèi)容49
• 4.2.3 使用 ETag49-50
• 4.2.4 連接持久化50-52
• 第5章 總結(jié)與展望52-54
• 參考文獻(xiàn)54-57
• 作者簡介及在學(xué)期間所獲得的科研成果57-58
• 致謝58

【參考文獻(xiàn)】

中國期刊全文數(shù)據(jù)庫 前4條

1 伍杰華;;基于CSS3的HTML5網(wǎng)頁表單研究與定制[J];計(jì)算機(jī)與信息技術(shù);2011年12期

2 龍?jiān)?楊平;;OpenLayers開發(fā)綜述[J];科技信息;2013年01期

3 許可;張大方;趙丹;;一種自動(dòng)分析CSS的改進(jìn)方法研究[J];計(jì)算機(jī)工程與科學(xué);2014年03期

4 王成;李少元;鄭黎曉;緱錦;曾梅琴;劉慧敏;;Web前端性能優(yōu)化方案與實(shí)踐[J];計(jì)算機(jī)應(yīng)用與軟件;2014年12期

  本文關(guān)鍵詞：基于JavaScript的WebGIS前端開發(fā)及優(yōu)化，由筆耕文化傳播整理發(fā)布。

本文編號：340399