【正文】 art by the browser way and to carry on the operation to on the map element. Key words: Oil field well position chart。 本文主要是在 B/S模式下利用 SVG(Scalable Vector Graphics可升級矢量圖像 )和 Javascript 技術(shù)實現(xiàn) 油田坐標(biāo)系統(tǒng)中大量井位信息的動態(tài)、快速加載，方便用戶對井位坐標(biāo)信息的查找及利用 首先利用 SVG 建立某一地區(qū)的油田坐標(biāo)信息描繪 ，然后從數(shù)據(jù)庫中抽取該地區(qū)所有油井的井位坐標(biāo)信息，并通過某種的方式將這些井位信息繪制到 SVG地圖中；通過 SVG 地圖放大、縮小、移動、查找文字等功能實現(xiàn)井位信息的查詢。 計算機(jī)可以通過 Inter 帶給我們知識、信息、機(jī)會、觀念 …… 甚至更多，它早已不是計算機(jī)專業(yè)人士的專利了，雖然它已成為千千萬萬 人士不可缺少的生活組成部分了。 SVG（ Scalable Vector Graphics）是 W3C（ World Wide Web Consortium）組織 開發(fā)的矢量圖形標(biāo)準(zhǔn)。但是隨著發(fā)展，XSLT已不僅僅用于將 XML轉(zhuǎn)換為 HTML或其它文本格式，更全面的定義應(yīng)該是： XSLT是一種用來轉(zhuǎn)換 XML文檔結(jié)構(gòu)的語 言。而 XSLT就是我們用來實現(xiàn)這種轉(zhuǎn)換功能的語言。而我們這里重點討論的是第一步的轉(zhuǎn)換過程，也就是 XSLT?？梢詼p少響應(yīng)時間。 JavaScript中的 對象是由屬性和方法兩個基本的元素的構(gòu)成的。 事件定義了用戶與頁 面交互時產(chǎn)生的各種操作，例如單擊超級連接或按鈕時，就產(chǎn)生一個單擊（ click）操作事件。運用GML，封裝的地理數(shù)據(jù)和圖形解釋是清 楚分離的。例如飛機(jī)場由出租汽車道、飛機(jī)跑道等組成。 SVG，VML Draw 224。 支持高質(zhì)量的矢量圖形顯示 ， VML 支持廣泛的矢量圖形特征，它們基于由相連接的直線和折線描述路徑。 SVG(Scalable Vector Graphics) SVG 是一種基于 XML 的開放的矢量圖形描述語言。在以前的圖像中，文本都作為位圖而保存于圖像中，圖像形成以后不能單獨對文本進(jìn)行修改；在 PNG 格式中這一點有所改進(jìn)，文本可作為一個獨立的層存在； SVG 更靈活地擴(kuò)展了圖像的文件格式，它由三個部分組成：矢量圖形、位圖和文字。 SVG 作為 W3C 組織正式推 薦的圖像格式，擁有眾多的支持機(jī)構(gòu)。它具有以下優(yōu)點： ：本軟件的設(shè)計目標(biāo)就是實現(xiàn)一個專門井位發(fā)布及加載系統(tǒng)，由于目標(biāo)單一，技術(shù)上難度不大，較好的實現(xiàn)了加載、放大、 縮小、移動、選擇、查詢油田井位發(fā)布系統(tǒng)需要的大部分功能。方便了用戶的對地圖及井位操作的要求。 2． 2 J2EE 簡介 JavaScript是一種基于對象 (Object)和事件驅(qū)動 (Event Driven)并具有安全性能的腳本語言。 J2EE 是 Sun 公司推出的一種全新概念的模型 ,與傳統(tǒng)的互聯(lián)網(wǎng)應(yīng)用程序模型相比有著不可比擬的優(yōu)勢。 J2EE 正式降低了開發(fā)這種中間層服務(wù)的成本和復(fù)雜程度，因而使得服務(wù)可以被快速的展開，并能夠更輕松的面對競爭中的壓力。它是通過嵌入或調(diào)入在標(biāo) 準(zhǔn)的 HTML 語言中實現(xiàn)的。JavaScript 是種腳本語言，它可以用來制作與網(wǎng)絡(luò)無關(guān)的，與用戶交互作用的復(fù)雜軟件。如 : Integer x。 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 17 前者說明 x 為其數(shù)值型變量，而后者說明 y為字符型變量。它同樣依賴于描述一定規(guī)則的標(biāo)簽和能夠讀懂這些標(biāo)簽的應(yīng) 用處理工具來發(fā)揮它的強(qiáng)大功能。 3） XML 應(yīng)該與 SGML 兼容（ *子承父業(yè)嘛，后面我們會講到， SGML 是 XML的直接先驅(qū)）。 事實上，用 XML 定義的置標(biāo)語言可以根據(jù)標(biāo)記描述的側(cè)重點不同分為兩大類。另外如何讓更多的人迅速學(xué)會使用 XML，并利用它進(jìn)行開發(fā)，進(jìn)而促進(jìn) XML 的應(yīng)用也是一個問題。 無論如何， XML 的出現(xiàn)使互聯(lián)網(wǎng)跨入了一個 新的階段，它將成為因特網(wǎng)領(lǐng)域中一個重要的開發(fā)平臺。因此 ,同 XML 一樣 ,作為 W3C 的推薦標(biāo)準(zhǔn) ,SVG 與 現(xiàn)有的 W3C 其他開放標(biāo)準(zhǔn)有很好的兼容性 .這些標(biāo)準(zhǔn)包括 CSS,XSL,XLINK,SMIL,HTML, DOM,XHTML 等 .同時 ,SVG 與其他組織的標(biāo)準(zhǔn)化技術(shù)也能很好地協(xié)同工作 ,如 URI,URICODE, SRVG,ECMASCRIOT/JAVASCRIPT, JAVA， ICC,等通過與這些開放標(biāo)準(zhǔn)的兼容和與其他組織標(biāo)準(zhǔn)化技術(shù)的協(xié)同工作 ,除了能繪出矢量圖像外 ,我們還能基于 SVG開發(fā)更多新功能以提供更多網(wǎng)絡(luò)服務(wù) .例如 ,制作智能化數(shù)據(jù)圖像 ,圖像中的數(shù)據(jù)可以根據(jù)需要 ,由應(yīng)用程序讀取、修改和統(tǒng)計并最終在圖像中顯示 ,這些應(yīng)用是目前 HTML 及相關(guān)圖像技術(shù)遠(yuǎn)不可及的 .SVG 作為一種 XML 文檔 ,它是一元 (文本 )格式 ,因此 ,SVG 圖像具備以下特點 : 1) 不同于目前常規(guī)的圖像 ,SVG 圖像中的文字是文本格式 .因此 ,SVH 中的文字可以被網(wǎng)絡(luò)搜索引擎做為關(guān)鍵詞搜尋 ,可以真正實現(xiàn)基于內(nèi)容的圖像搜索引擎 . 2) SVG 圖像可以方便地由 JAVASCRIPT, PERL, JAVA 等程序語言動態(tài)生成 ,從而可以開發(fā)在線圖像和動畫生成系統(tǒng) 3) SVG完全支持 DOM,因而 SVG以及 SVG中的對象可以通過腳本語言接受外部事件的驅(qū)動 ,實現(xiàn)對自身或?qū)ζ渌锛?、圖像的 控制 ,制作交互式的圖像和動畫 . 4) SVG 可跨平臺工作 ,還可解決相關(guān)的外部輸出、色彩模式、網(wǎng)絡(luò)帶寬等問題 .簡言之 ,文本格式使得 SVG 能與其他技術(shù)標(biāo)準(zhǔn)更好地交互和融合 總之，文本格式使得 SVG 能與其它技標(biāo)準(zhǔn)更好的交互和融合 SVG 的矢量圖像 SVG作為一種新興的矢量圖像格式 ,目前還無法與 FLASH等傳統(tǒng)矢量圖像的繪圖功能相比擬 ,但其先進(jìn)的 XML 特征使它具有天生的優(yōu)越性 ,在 Web 多媒體領(lǐng)域里前景廣闊 .按照 W3C 的 SVG 推薦標(biāo)準(zhǔn) ,SVG 除了幾何矢量圖像生成功能外 ,還具有許多先進(jìn)的矢量圖像生成功能 ,以下 是目前 SVG 所具有的主要矢量圖像生成功能 : 1) 定義可重用部件 在 SVG圖像構(gòu)建中 ,可在文檔定義部分內(nèi) ,對某些部分指定以后 ,調(diào)用在圖像主體中的標(biāo)識來創(chuàng)建可重用部件。它可進(jìn)行 SVG 靜態(tài)圖像創(chuàng)作并可通過 JAVASCRIPT實現(xiàn)部分交互功能，但 還無法實現(xiàn) SVG 動畫功能。 ORACLE 的特點 1）、 以來引入了共享 SQL 和多線索服務(wù)器體系結(jié)構(gòu)?？赏ㄟ^網(wǎng)絡(luò)較方便地讀寫遠(yuǎn)端數(shù)據(jù)庫里的數(shù)據(jù)，并有對稱復(fù)制的技術(shù)。用戶可以通過網(wǎng)絡(luò)對異地數(shù)據(jù)庫中的數(shù)據(jù)同時進(jìn)行存取，而服務(wù)器之間的協(xié)同處理對于工作站用戶及應(yīng)用程序而言是完全透明的：開發(fā)人員無需關(guān) 心網(wǎng)絡(luò)的連接細(xì)節(jié)、無需關(guān)心數(shù)據(jù)在網(wǎng)絡(luò)接點中的具體分布情況、也無需關(guān)心服務(wù)器之間的協(xié)調(diào)工作過程。 要實現(xiàn)上述功能，首先要熟悉 SVG 這種環(huán)境中圖形及圖象的生成方法，在這個題目要制作的是一張可放大、縮小、能夠?qū)崿F(xiàn)移動、查找文字等功能的地圖，因此涉及到地圖的制作問題，手工描繪是一種方法，但是對于需要表示區(qū)域較廣，包含細(xì)節(jié)信息較多的地圖來說，工作量是十分驚人的，因此這種方法不可取，另外一種方法是利用一種 腳本語言來生成圖形繪制的方法，通過語言來控制生成圖象，這樣不但圖形準(zhǔn)確，也減少了很多工作量?？尚行匝芯繌能浖髴c石油學(xué)院本科生畢業(yè)設(shè)計（論文） 26 開發(fā)的技術(shù)可行性、經(jīng)濟(jì)可行性等角度進(jìn)行考慮。目前， XML技術(shù)已經(jīng)走向成熟。 2） 選擇井位 功能 ： 通過上面的步驟完成后，井位的標(biāo)記與信息已經(jīng)完成了加載，此時用戶可以對已添加的井位進(jìn)行選擇操作，通常的操作方式是點擊選擇井位，點擊后系統(tǒng)自動連接數(shù)據(jù)庫。因此， 數(shù)據(jù)庫計是系統(tǒng)設(shè)計過程中比較重要的一步。在該區(qū)域用戶 也 可以 通過放大、縮小、移動等功能來實現(xiàn)對地圖詳細(xì)情況與信 息的瀏覽。調(diào)用函數(shù) “ switchGeologic()” 后在原有的地圖上 顯示了油層分布的圖象信息。 strokewidth:”/ /svg 同樣道理，其他形狀也可添加； 關(guān)于矩形代碼如下： svg rect x=”3cm” y=”1cm” width=”4cm” height=”2cm” style=”fill:black。100039。4039。在這里聲明了函數(shù) addWell()。x2=+x2+amp。 =x+,+y+,+w+,+h。那么 SVG是通過何種方式實現(xiàn)的不失真的矢量圖象呢？在 SVG的窗體定義中通常含有這樣一個屬性“ viewBox” 。 stroke:red。 也是通過對各種圖形的起始和終點坐標(biāo)定義后來決定移動方式。 平移、拉伸都是矩陣變換的特殊形式。坐標(biāo)伸縮變換的 形式是：transform=“ scale(sx,sy)” 。 for (var i=0。 當(dāng)點擊井位標(biāo)記時，在 Javascript中屬于 onclick事件，于是在這里聲明了名為 selectWells(x,y,w,h)的函數(shù)。 var x2=theView[0]*1+theView[2]*1。400039。translate(%=zbx% %=zby%)39。%=zbx%39。此函數(shù)調(diào)用了數(shù)據(jù)庫文件，包括被選中油井的一切詳細(xì)信息。用這 三 種 按鈕就基本實現(xiàn)了功能模塊圖中的 幾種基本功能。本系統(tǒng)中數(shù)據(jù)庫包含的具體表結(jié)構(gòu)設(shè)置如下 : 字段名稱 類型 說明 wellname 文本 井位名稱 coordinateX 數(shù)字 井位 X軸坐標(biāo)值 coordinateY 數(shù)字 井位 Y軸坐標(biāo)值 type 文本 油井類型 creattime 數(shù)字 創(chuàng)建時間 condition 文本 目前狀態(tài) Service diary 文本 維護(hù)日志 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 30 4. 2 界面的設(shè)計與 實現(xiàn) 4． 2． 1 界面介紹 根據(jù)上一章的總體設(shè)計我們知道，本系統(tǒng)只需要一個界面即可。 5) 地圖的移動功能： : 這個功能在應(yīng)用類型上與縮放功能類似，都是操作人員對地圖本身的操作，用移動方式瀏覽地圖又增加了本系統(tǒng)可操作性，用戶只需要按下“ Alt”鍵的同時在使用鼠標(biāo)左鍵拖拽地圖的某一點即可。 3． 3 各功能模塊的主要功能 1） 增加井位的功能 ： 在整個油田井位圖發(fā)布系統(tǒng)中， 井位標(biāo)記及相關(guān)信息的加載是一個非常重要的功能模塊。而且 SVG 技術(shù)支持對各種腳本語言的引用，從而使其功能更加強(qiáng)大，運用更加廣泛，其發(fā)展是不可阻擋的！。完成后能夠使用戶以瀏覽器的方式打開井位圖并對地圖上的元素進(jìn)行操作。對復(fù)制的力度而言， 有整個數(shù)據(jù)庫表的復(fù)制，表中部分行的復(fù)制。主要分為系統(tǒng)表空間和非系統(tǒng)表空間。 3）、支持大量多媒體數(shù)據(jù)，如二進(jìn)制圖形、聲音、動畫以及多維數(shù)據(jù)結(jié)構(gòu)等。 除此還有一些開發(fā)工具，像 W3C 的 Amaya 等。目前， SVG 中路徑命令可以創(chuàng)建 3 種曲線，即橢圓曲線，三次貝賽爾曲線，二次貝塞爾曲線。點位圖的二進(jìn)制特性使其難以基于數(shù)據(jù)庫信息動態(tài)創(chuàng)建圖像 。如果每個人、公司和組織都定義了自己的置標(biāo)語言，它們之間的通信就會出現(xiàn)困難。各大軟件廠商如 IBM、 Microsoft、 Oracle、 Sun 等都積極支持并參與XML 的研究和產(chǎn)品化工作，先后推出了支持 XML 的產(chǎn)品或者將改造原有的產(chǎn)品以支持 XML， W3C 也一直致力于完善 XML 的整個理論體系。 7）用 XML 設(shè)計新的置標(biāo)語言應(yīng)該方便快捷（你不必再去經(jīng)歷標(biāo)準(zhǔn)制定的繁瑣程序了）。準(zhǔn)確的說， XML 是一種源置標(biāo)語言，它允許你根據(jù)它所提供的規(guī)則，制定各種各樣的置標(biāo)語言。 ? 嵌入方式不一樣 在 HTML 文檔中，兩種編程語言的標(biāo)識不同， JavaScript 使 來標(biāo)識，而 Java 使用 applet.../applet來標(biāo)識。 其中 X=1234 說明是一個整數(shù)， Y=4321 說明是一個字符串。 Java 的源代碼在傳遞到客戶端執(zhí)行之前，必須經(jīng)過編譯，因而客戶端上必須具有相應(yīng)平臺上的仿真器或解釋器，它可 以通過編譯器或解釋器實現(xiàn)獨立于某個特定的平臺編譯代碼的束縛。無須有高性能的電腦，軟件僅需一個字處理軟件及一瀏覽器，無須 Web 服務(wù)器通道，通過 自己的電腦即可完成所有的事情。 4） J2EE Reference Implementation用來示范 J2EE 的能力 。 2） 全性：保護(hù)用戶的隱私和企業(yè)數(shù)據(jù)的安全 。它的出現(xiàn)彌補(bǔ)了 HTML 語言的缺陷，它是 Java 與 HTML 折衷的選擇，具有以下幾個基本特點：是一種腳本編寫語言；基于對象的語言；簡單性；安全性；動態(tài)性的；跨平臺性 JavaScript 是依賴于瀏覽器本身，與操作環(huán)境無關(guān)，只要能運行瀏覽器的 計算機(jī)，并支持 JavaScript的瀏覽器就可正確執(zhí)行。 第 2章 “ 基于 SVG 的油田井位圖發(fā)布系統(tǒng) ” 系統(tǒng)開發(fā)工具 2． 1 B/S模式 大慶石油學(xué)院本科生畢業(yè)設(shè)計（論文） 14 B/S 是 Browse/Server 的縮寫，它是 Inter 發(fā)展的必然產(chǎn)物。 ：較位圖而言，矢量圖形具有文件小