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