【正文】 、占用磁盤空間小等優(yōu)點，非常適合于 網(wǎng)絡傳輸，而且矢量圖不受分辨率的影響，能夠 任意的放大縮小而不失真。而 VML 和 SVG 是在表示圖形的矢量信息同時加入了圖形的顯示信息（即以什么樣的樣式顯示矢量圖形），是顯示矢量圖形的兩種比較好的格式。 SVG 支持 SMIL（ synchronized multimedia integration language），使得用戶可以自由的同 SVG 中的元素完成一些交互的動作，從而完成既定的目標，這一點在目前單獨依靠圖片是完成不了的，需要由網(wǎng)頁中的腳本語句來實現(xiàn)。 SVG 是對 PGML 和 VML 的一種綜合 ， 所以 VML 的優(yōu)點也就成為 SVG 的優(yōu)點，例如： 基于 XML 標準 ， 高質(zhì)量的矢量圖像 ， 由文本構成的圖像 我們可以不用任何圖像處理工具，僅僅用記事本就可以生成一個 SVG 圖像。由于 VML 使用簡單的文本來表示圖像，這樣就可用很少的字節(jié)來表示比較復雜的圖像。下面介紹一下 SVG和 VML。主要的技術工具是 XLink 和 Xpointer。 GML 封裝了地理信息及其屬性 ， GML 基于地理信息抽象模型，即空間實體特征及屬性封裝。 。 可以采用這樣的方法來訪問對象的屬性：對象名稱 .屬性名稱，例：=1996， = “me” 。 在 JavaScript中，可以使用以下幾種對象： web頁面的內(nèi)容自動提供的對象。 用一種比較好理解的解釋：如果將 XML文檔看作一個數(shù)據(jù)庫， XPath就是 SQL大慶石油學院本科生畢業(yè)設計（論文） 8 查詢語言；如果將 XML文檔看成 DOS目錄結構， XPath就是 cd,dir等目錄操作命令的集合。 目前， XSLT仍然在快速的發(fā)展中， W3C網(wǎng)站( 4. 什么是 XPath XPath是 XSLT的重要組成部分，我們將在第四章講解它的詳細語法。就象天氣預報的信息可以顯示在不同的設備上，電視，手機或者其它。 SVG 結合 JavaScript 腳本語言，可大慶石油學院本科生畢業(yè)設計（論文） 6 以輕松的實現(xiàn)井位圖的生成及控制。因此，計算機在給我們的生活帶來輕松的娛樂空間的同時，還為我們的工作帶來了便捷。 Then uses the SVG graph the characteristic convenience realization well position information localization and the use. This article mainly is (Scalable Vector Graphics may promote vector image) under the B/S pattern using SVG and in the Javascript technology realization oil field coordinates system the massive well position information tendency, the fast load, convenient user to well position coordinates information search and use First establishes some local using SVG the oil field coordinates information description, then extracts this local all oil wells from the database the well position coordinates information, and draws up through some way these well position information in the SVG map。然后利用數(shù)據(jù)庫技術實現(xiàn)大量井位數(shù)據(jù)的動態(tài)加載，需要加載的數(shù)據(jù)信息包括油井的坐標、類型、所屬單位等相關信息。但是對于某些具有較強專業(yè)技術概念的單位， 則需要用到更為專業(yè)的計算機技術。它基于 XML，其圖形對象既能被分組，又能被加入樣式、變換和組合。 2. 為什么要用 XSLT 我們已經(jīng)知道， XML是一種電腦程序間交換原始數(shù)據(jù)的簡單而標準的方法。將 XML轉換為 HTML，是目前 XSLT最主要的功能。 另外，在學習 XML時我們已經(jīng)知道 XML是一個完整的樹結構文檔。 Javascript方式 在 JavaScript中是基于對象的編程，而不是完全的面向對象的編程。對象的屬性是指對象的背景色，長度，名稱等。瀏覽器在程序運行的大部分時間都等待交互事件的發(fā)生，并在事件發(fā)生時，自動調(diào)用事件處理函數(shù)，完成事件處理過程。 GML 基于 XML 用文本表示地理信息 ， 由于 GML 可看成是 XML 的一個具體的詞表，熟悉了 XML 就比較容易理解 GML。 GML 封裝了空間地理參考系 ， 空間地理參考系統(tǒng)是地理信息系統(tǒng)數(shù)據(jù)處理的基礎。Display 第一種途徑需要直接操作 GML 數(shù)據(jù)進行分析并顯示。在 VML 中使用兩個基本的元素： shape 和 group。 SVG 圖像是與 兼容的文檔， SVG 元素是指示如何繪制圖像的一些指令，閱讀器 (Viewer)解釋這些指令，把 SVG 圖像在指定設備上顯示出來。這樣 SVG 不僅僅可以應用矢量圖像和文字對象，大慶石油學院本科生畢業(yè)設計（論文） 12 同樣可以納入位圖，可以制作出任何其它格式圖像能達到的效果。像 Adobe 公司已經(jīng)宣稱將在推出的 Adobe 圖像處理套件如 Illustrator、 Photoshop、 GoLive和 Cyber Studio 中集成 SVG 的全部功能，并且還提供 Netscape Navigator和 IE 的插件，以便使其能夠直接支持 SVG 文件的瀏覽。 大慶石油學院本科生畢業(yè)設計（論文） 13 ：本編輯器采用 B/S 模式，直接嵌入網(wǎng)頁中。 ：程序界面采用一般操作人員比較熟悉的類似于普遍應用軟件的布置格局，盡量使界面風格與常用應用軟件相似。使用它的目的是與 HTML 超文本標記語言、 Java 腳本語言（ Java小程序）一起實現(xiàn)在一個 Web 頁面中鏈接多個對象，與 Web 客戶交互作用。當今許多企業(yè)都需要擴展他們的業(yè)務范圍 ,降低自身經(jīng)營成本 ,縮短他們和客戶之間的響應時間 ,這就需要存在一種簡捷 ,快速的服務于企業(yè) ,合作伙伴和雇員 之間 。 J2EE 通過定義一種標準的結構來實現(xiàn)它的優(yōu)勢，如下： 1） J2EE Application Programming Model 一種用于開發(fā)多層次，瘦型客戶用戶程序的標準設計模型 。它的出現(xiàn)彌補了 HTML 語言的缺陷，它是 Java 與 HTML 折衷的選擇，具有以下幾個基本特點：是一種腳本編寫語言；基于對象的語言；簡單性；安全性；動態(tài)性的；跨平臺性 JavaScript 是依賴于瀏覽器本身，與操作環(huán)境無關，只要能運行瀏覽器的計算機，并支持 JavaScript 的瀏覽器就可正確執(zhí)行。它是一種基于對象（ Object Based）和事件驅動（ Event Driver）的編程語言。 String y。 ? 代碼格式不一樣 Java 是一種與 HTML 無關的格式，必須通過像 HTML 中引用外媒體那么進行裝載，其代碼以字節(jié)代碼的形式保存在獨立的文檔中。不過， XML 這個置標語言可比 HTML 的功能要強大的多了。 大慶石油學院本科生畢業(yè)設計（論文） 18 4）處理 XML 文件的應用程序應該容易編寫（ *計算機系的研究生花上兩周的工夫就該差不多了）。一類偏重于語意描述 ， 還有一類偏重于顯示方式的描述，象現(xiàn)在已經(jīng)出爐的XHTML、 SVG、 SMIL。因此 XML的出現(xiàn)和迅猛發(fā)展并不意味著 HTML 即將退出互聯(lián)網(wǎng)舞臺，由于 HTML 的易學易用和非常多的工具支持， HTML 將在較長的時間里繼續(xù)在 Web 舞臺上充當主角。 XML 的誕生已經(jīng)而且將繼續(xù)促使全新種類的應用程序的產(chǎn)生，而這些新的應用程序又將需要新的軟件和硬件工具。 大慶石油學院本科生畢業(yè)設計（論文） 21 2) 漸變和濾鏡 SVG 代碼可指定沿漸變向量顏色“停止”或顏色點 .濾鏡是 SVG 最強大的功能之一 ,它不僅可實現(xiàn)位圖所具有的濾鏡效果 ,而且由于其基于 XML 的文本化特征 ,其濾鏡效果可任意修改、替換和刪除 .。 2) Web Draw Web Draw 是 Jasc Software 研究的 SVG 專業(yè)創(chuàng)作工具，通過直接畫布拖拉及濾鏡效果模塊化組合， Web Draw 可以避免手寫源代碼。這減少ORACLE 的資源占用，并增強了 ORACLE 的能力，使之在低檔軟硬件平臺上用較少的資源就可以支持更多的用戶，而在高檔平臺上可以支持成百上千個用戶。 ORACLE 的存儲結構 物理結構 ORACLE 數(shù)據(jù)庫在物理上是存儲于硬盤的各種文件。 下圖為 ORACLE 分布式數(shù)據(jù)庫原理示意圖： 大慶石油學院本科生畢業(yè)設計（論文） 24 過程 由網(wǎng)絡相連的兩個 ORACLE數(shù)據(jù)庫之間通過數(shù)據(jù)庫鏈接 (DBLINKS)建立訪問機制，相當于一方以另一方的某用戶遠程登錄所做的操作。在《 XML 完全探索》這本書中，我決定利用 JAVA Script 同 SVG 結合的方法來實現(xiàn)地圖的制作。 本文的基于 SVG的 油田井位圖發(fā)布的設計與實現(xiàn) 基于 SVG平臺，主要應用JAVASCRIPT、 SVG 和 XML等技術。它與 HTML相比體現(xiàn)出眾多優(yōu)勢，現(xiàn)在的各主要瀏覽器都支持它，在本課題中，主要利用 XML在語義方面的優(yōu)勢，將 制作好的井位地圖 ，存儲為 XML格式。 大慶石油學院本科生畢業(yè)設計（論文） 27 3)井位詳細信息的查詢 ： 當系統(tǒng)自動連接數(shù)據(jù)庫后，用戶可以對已經(jīng)選擇的井位進行詳細信息的查詢，信息以表格的形式戰(zhàn)線給用戶。在軟件開發(fā)過程中要多次用到數(shù)據(jù)庫，因此數(shù)據(jù)庫的設計要與系統(tǒng)設計相結合，使其能夠把系統(tǒng)中的各個數(shù)據(jù)表組織起來，使系統(tǒng)能夠方便、及時、準確的從數(shù)據(jù)庫中得到需要的信息以及準確的將需要的 數(shù)據(jù)分類重新存儲到數(shù)據(jù)庫新的表中。在此區(qū)域內(nèi)，當用戶完成增加井位的的操作后，便可在地圖相應的坐標點上找到該油井的圖例和井名。 這里的圖象覆蓋是指重疊，原來的底層圖仍然可見。 stroke:none。 fill=39。 y=39。此函數(shù)代表增加井位， 通過 對井位坐標的計算來調(diào)用相應的函數(shù)值，依據(jù)變量來計算出添加的油井的具體位置，實現(xiàn)此事件的關鍵代碼如下： function addWell() { if (xmlDoc!=null) return。y2=+y2。 var theExp=number(cx)=+x+ and number(cx)=+(x*1+w*1)+ and number(cy)=+y+ and number(cy)=+(y*1+h*1)。 “ viewBox” 屬性的作用是規(guī)定視口的坐標范圍。 strokewidth:3” line x1=“ 0” y1=“ 0” x2=“ 100” y2=“ 0” / line x1=“ 0” y1=“ 0” x2=“ 100” y2=“ 80” / /g 還有一種在數(shù)學方面的計算方法，即矩陣算法。在這里就不詳細。矩陣變換是坐標變換的通用形式。其次，可以利用 SVG中的伸縮變換元素“ scale” 。 var theWells=。此時如果使用鼠標左鍵單擊井位標記，系統(tǒng)則會自動連接數(shù)據(jù)庫，調(diào)出該口油井所包含的詳細信息。 井位標記 大慶石油學院本科生畢業(yè)設計（論文） 34 var theView = (viewBox).split( )。 fontsize=39。/ g transform=39。 circle cx=39。 3 查詢詳細信息 圖符： 查詢詳細信息按鈕 的 SVG 語句： input type=button value= 查 詢 詳 細 信 息 name=chaxun onclick=chaxun() 語義： 此按鈕定義了按鈕名稱“查詢詳細信息”并同時調(diào)用了函數(shù)chaxun()。 模型定制的主界面如下： 大慶石油學院本科生畢業(yè)設計（論文） 31 圖 油田井位圖發(fā)布系統(tǒng)主界面 4． 2． 2 快捷鍵介紹 系統(tǒng)快捷鍵部分包括用 三 種 實現(xiàn)系統(tǒng)功能的按鈕 。 下面介紹一下數(shù)據(jù)庫 設計過程。保證在地圖不失真的情況下，操作 人員可掌握更豐富的地圖信息。 油田井位圖發(fā)布系統(tǒng) 得到了許多企業(yè)的重視和大力支持，在經(jīng)濟完全可行。各種開發(fā)工具及應用軟件也不斷商業(yè)化，其發(fā)展前景是不可限量的； SVG 技術是基于 XML技術的，其語法結構是符合XML規(guī)則的，是 XML的一個運用。利用 JAVASCRIPT和 SVG 技術制作出一幅帶有放大、縮小、移動、查找文字等功能的地圖，然后利用數(shù)據(jù)庫技術實現(xiàn)大量井位數(shù)據(jù)的動態(tài)加載，需要加 載的數(shù)據(jù)信息包括油井的坐標、類型、所屬單位等相關信息。 數(shù)據(jù)庫復制技術包括：實時復制、定時復制、儲存轉發(fā)復制。 大慶石油學院本科生畢業(yè)設計（論文） 23