【正文】 上，在地圖原始大小時可能由于標(biāo)記尺寸太小而不容易辨認(rèn)，只要使用地圖的放大功能就能更清楚地顯示標(biāo)記的位置。3 查詢詳細(xì)信息圖符：查詢詳細(xì)信息按鈕的SVG語句：input type=button value=查詢詳細(xì)信息 name=chaxun onclick=chaxun()語義：此按鈕定義了按鈕名稱“查詢詳細(xì)信息”并同時調(diào)用了函數(shù)chaxun()。此函數(shù)調(diào)用了數(shù)據(jù)庫文件，包括被選中油井的一切詳細(xì)信息。4．3各功能模塊的實(shí)現(xiàn)4．3．1 添加井位1）添加圖形元素 當(dāng)點(diǎn)擊“增加井位”的按鈕時會在地圖區(qū)域的相應(yīng)位置顯示出一個紅色圓點(diǎn)。 此紅色圓點(diǎn)代表一口油井，地圖上還有若干個這樣的紅色圓點(diǎn)，在圓點(diǎn)旁邊還有此油井的井名，通過SVG語言可以表現(xiàn)出各種圖形，在這里使用了圓形作為標(biāo)記，那么如何使用SVG語言實(shí)現(xiàn)圖形描述呢？關(guān)于圓形的代碼如下：svgcircle cx=”4cm” cy=”” r=”” style=”fill:red。 stroke:none。 strokewidth:”//svg同樣道理，其他形狀也可添加；關(guān)于矩形代碼如下：svgrect x=”3cm” y=”1cm” width=”4cm” height=”2cm” style=”fill:black。 stroke:none。 strokewidth:”//svg關(guān)于橢圓的代碼如下：svgellipse rx=”70” ry=”40”cx=”150” cy=”80” Style=”fill:green”//svg此系統(tǒng)中添加井位時顯示的圓形SVG元素采用調(diào)用函數(shù)的方法來實(shí)現(xiàn)。circle cx=39。%=zbx%39。 cy=39。%=zby%39。 r=39。100039。 fill=39。%=jbColor%39。/ g transform=39。translate(%=zbx% %=zby%)39。 g transform=39。matrix(1 0 0 1 0 0)39。 text x=39。4039。 y=39。039。 fontsize=39。400039。 stroke=39。00000039。 %=jh%添加SVG元素后在地圖上的顯示效果如下圖：井位標(biāo)記 顯示井位標(biāo)記界面2）增加井位事件的實(shí)現(xiàn)雖然有了利用SVG語言添加圖形元素的方法，但這樣只是界面的制作及實(shí)現(xiàn)，還需要利用Javascript對增加井位事件進(jìn)行編譯。在這里聲明了函數(shù)addWell()。此函數(shù)代表增加井位，通過對井位坐標(biāo)的計算來調(diào)用相應(yīng)的函數(shù)值，依據(jù)變量來計算出添加的油井的具體位置，實(shí)現(xiàn)此事件的關(guān)鍵代碼如下：function addWell(){ if (xmlDoc!=null) return。var thesvg1 =().documentElement。var theView = (viewBox).split( )。var x2=theView[0]*1+theView[2]*1。var y2=theView[1]*1+theView[3]*1。var theJsp=?x1=+theView[0]+amp。y1=+theView[1]+amp。x2=+x2+amp。y2=+y2。4．3．2 選擇井位功能的設(shè)與實(shí)現(xiàn)1）點(diǎn)擊選擇井位當(dāng)完成上一步的工作時，地圖上顯然已經(jīng)有了被加載的井位圖標(biāo)。此時如果使用鼠標(biāo)左鍵單擊井位標(biāo)記，系統(tǒng)則會自動連接數(shù)據(jù)庫，調(diào)出該口油井所包含的詳細(xì)信息。當(dāng)點(diǎn)擊井位標(biāo)記時，在Javascript中屬于onclick事件，于是在這里聲明了名為selectWells(x,y,w,h)的函數(shù)。在此定義了井位信息的查找范圍及定位方式。當(dāng)然，只有將SVG數(shù)據(jù)轉(zhuǎn)換為一定格式的XML文檔存儲，系統(tǒng)才能自動連接數(shù)據(jù)庫，采用XML作為模型存儲格式有一個好處：因?yàn)樗跀?shù)據(jù)交換方面具有強(qiáng)大功能。實(shí)現(xiàn)點(diǎn)擊選擇井位的關(guān)鍵代碼如下：function selectWells(x,y,w,h) {if (xmlDoc==null) return。=x+,+y+,+w+,+h。var theExp=number(@cx)=+x+ and number(@cx)=+(x*1+w*1)+ and number(@cy)=+y+ and number(@cy)=+(y*1+h*1)。var theNodes=(/g/circle[+theExp+])。var theWells=。for (var i=0。i。i++) 4．3．3 地圖控制1） 地圖的放大與縮小要實(shí)現(xiàn)在SVG中的縮放，首先要澄清SVG的成像原理及成像特點(diǎn)。矢量圖的圖像構(gòu)造原理與點(diǎn)位圖完全不同,矢量圖利用點(diǎn)和線等矢量化的數(shù)據(jù)描述圖像,并在圖像中包含色彩和位置信息,圖像的品質(zhì)不受設(shè)備分辨率影響,能夠提供高清晰的畫面,放大和縮小矢量圖不會影響圖像品質(zhì)。那么SVG是通過何種方式實(shí)現(xiàn)的不失真的矢量圖象呢？在SVG的窗體定義中通常含有這樣一個屬性“viewBox”。 “viewBox”屬性的作用是規(guī)定視口的坐標(biāo)范圍。范圍重新定義后，缺省的坐標(biāo)度量單位也會改變。其次，可以利用SVG中的伸縮變換元素“scale”。坐標(biāo)伸縮變換的形式是：transform=“scale(sx,sy)”。其中“sx”和“sy”分別代表X軸方向和Y軸方向拉伸和縮小的比例因子。大于1是拉伸，小于1是縮小。此功能的實(shí)例代碼如下：g transform=“scale()” g style=“fill:none。 stroke:red。 strokewidth:3” line x1=“0” y1=“0” x2=“100” y2=“0”/ line x1=“0” y1=“0” x2=“100” y2=“80”//g還有一種在數(shù)學(xué)方面的計算方法，即矩陣算法。因?yàn)閺臄?shù)學(xué)上講，坐標(biāo)變換就是矩陣計算。矩陣變換是坐標(biāo)變換的通用形式。平移、拉伸都是矩陣變換的特殊形式。一個二維坐標(biāo)系的矩陣變換式為：2） 地圖的移動操作 對于地圖的移動操作其實(shí)本質(zhì)就是SVG中的平移變換。在此利用了SVG中的一個關(guān)于平移的關(guān)鍵元素“translate”。實(shí)現(xiàn)方法與縮放的功能實(shí)現(xiàn)類似。也是通過對各種圖形的起始和終點(diǎn)坐標(biāo)定義后來決定移動方式。在這里就不詳細(xì)介紹。4．3．4 查詢詳細(xì)信息 這部分功能與SVG的相關(guān)知識基本無關(guān)。但是此井位圖發(fā)布系統(tǒng)是作為一個獨(dú)立的可以自行運(yùn)行的系統(tǒng)。因此它必須具備完善的數(shù)據(jù)庫系統(tǒng)作為數(shù)據(jù)支持，本課題由于時間有限以及石油工程方面的專業(yè)知識的缺乏，并且此處并非本題目的技術(shù)重點(diǎn)，因此詳細(xì)井位信息的數(shù)據(jù)表由我自己自行制作，以能夠說明問題為原則，象征性說明了此處的功能。此處利用一部分SQL語句，通過對詳細(xì)數(shù)據(jù)表中的一些關(guān)鍵字段的查詢來起到調(diào)用該井位詳細(xì)數(shù)據(jù)的作用。在這段代碼中主要調(diào)用這幾個關(guān)鍵字段：“wellname”、“ coordinatex”、“ coordinatey”、“type”等。當(dāng)點(diǎn)擊井位標(biāo)記自動打開數(shù)據(jù)信息后，會出現(xiàn)下面的界面：上表分別定義了井名、地圖上橫坐標(biāo)、地圖上縱坐標(biāo)、油井類型、創(chuàng)建時間、目前狀態(tài)和維護(hù)日志。4．3 系統(tǒng)測試在開發(fā)大型軟件系統(tǒng)的漫長過程中，面對極其錯綜復(fù)雜的問題，人的主觀認(rèn)識不可能完全符合客觀現(xiàn)實(shí)，與工程密切相關(guān)的各類人員之間的通信和配合也不可能完美無缺，因此，在軟件生命周期的每個階段都不可避免的會產(chǎn)生差錯。如果在軟件投入生產(chǎn)性運(yùn)行之前，沒有發(fā)現(xiàn)并糾正軟件中的大部分差錯，則這些差錯遲早會在生產(chǎn)過程中暴露出來，那時不僅改正這些錯誤的代價太高，而且往往會造成很惡劣的后果。測試的目的就是在軟件投入生產(chǎn)性運(yùn)行之前，盡可能的發(fā)現(xiàn)軟件中的錯誤。軟件測試是保證軟件質(zhì)量的關(guān)鍵步驟，它是對軟件規(guī)格說明、設(shè)計和編碼的最后復(fù)審。測試軟件有兩種方法：如果已經(jīng)知道了軟件應(yīng)該具有的功能，可以通過測試來檢驗(yàn)是否每個功能都能正常使用；如果知道軟件內(nèi)部工作過程，可以通過測試來檢驗(yàn)軟件內(nèi)部動作是否按照規(guī)格說明書的規(guī)定正常運(yùn)行。前一個方法為黑盒測試，后一個方法稱為白盒測試。下面為圖形編輯器的黑盒測試過程。在油田井位圖發(fā)布系統(tǒng)中，我主要采用黑盒測試法，對其基本功能進(jìn)行測試。黑盒測試法就是把程序看成一個黑盒子，完全不考慮程序的內(nèi)部結(jié)構(gòu)和處理過程。也就是說，黑盒測試是在程序接口進(jìn)行測試，它只檢查程序功能是否能按照規(guī)格說明書的規(guī)定正常使用，程序是否能適當(dāng)?shù)慕邮蛰斎霐?shù)據(jù)產(chǎn)生正確的輸出信息，并且保持外部信息的完整性。黑盒測試又稱為功能測試。我設(shè)計油田井位圖發(fā)布系統(tǒng)的功能主要有：添加井位、選擇井位、控制地圖和查詢詳細(xì)信息。測試過程就是把發(fā)布系統(tǒng)的各種基本功能都操作一遍，觀察各種功能的實(shí)現(xiàn)情況。1． 打開此程序，點(diǎn)擊增加井位，在地圖區(qū)域的相應(yīng)坐標(biāo)位置就會出現(xiàn)一個圓形紅點(diǎn)，如果是地圖的原始尺寸也許不容易觀察到，經(jīng)過特定區(qū)域的放大后便可以清晰地看見該井位的SVG元素標(biāo)記。2． 單擊“顯示地質(zhì)信息”按鈕，在原有的底圖上會自動鋪上一層圖象，此圖象顯示了油層分布的圖象信息。它與底層圖重合，并不是覆蓋底層圖。3． 當(dāng)對地圖進(jìn)行控制時，按住“Ctrl”時并同時用鼠標(biāo)左鍵點(diǎn)擊想要放大的區(qū)域，地圖以不失真的效果放大地圖，顯示了更多的地圖信息。并能通過此功能查詢一些地理位置?；蛟诘貓D上單擊鼠標(biāo)右鍵來選擇“放大顯示”或“縮小顯示”。在對地圖進(jìn)行移動操作時，可以按住“Alt”鍵，這時鼠標(biāo)的光標(biāo)在地圖上顯示的是一個手的形狀，此時點(diǎn)擊地圖進(jìn)行拖拽就可以實(shí)現(xiàn)地圖的移動了。4． 點(diǎn)擊增加后的井位標(biāo)記，彈出此口井的信息數(shù)據(jù)表。第6章 結(jié)束語畢業(yè)設(shè)計是大學(xué)的最后一課。在這一課中，我第一次將書本上的知識和實(shí)踐聯(lián)系起來。我們學(xué)習(xí)用于實(shí)際工作的軟件、技術(shù)和方法。我們從理論上升到實(shí)踐。雖然，這個過程中我們磕磕碰碰、跌跌撞撞，但是，這畢竟是個美好的開始。在這個過程中，我學(xué)到的了不少的東西，而且有一些是在課堂上學(xué)不到的。我知道了什么是SVG,我用JAVASCRIPT語言靈活的操作著這種新興的圖形新貴。我了解了油田工作流程，知道這樣一個技術(shù)怎么為人類服務(wù)。我對XML技術(shù)有了初步的了解，知道了這個功能強(qiáng)大的技術(shù)將給計算機(jī)界巨大的影響。所有這些，將對我繼續(xù)以后的工作學(xué)習(xí)奠定了良好的基礎(chǔ)。在畢業(yè)設(shè)計過程中，通過自己查閱參考書和請教導(dǎo)師，我解決了不少技術(shù)難題，這大大的鍛煉了我分析問題、解決問題的能力。畢業(yè)設(shè)計的過程是我學(xué)習(xí)和成長的過程，同時也是解決困難、自我暴露缺點(diǎn)的過程，如在技術(shù)方面，由于我對XML ,Javascript的運(yùn)用的運(yùn)用不很熟悉，所以在開發(fā)該系統(tǒng)時遇到了許多本來可以避免的問題。另一方面，由于我在早期思想準(zhǔn)備不足，沒有充分意識到時間的緊迫性和任務(wù)的艱巨性，剛開始思想懈怠，從而導(dǎo)致進(jìn)展緩慢。這也直接導(dǎo)致我的井位圖發(fā)布系統(tǒng)沒有完全實(shí)現(xiàn)。畢業(yè)設(shè)計的完成，對我們來說，標(biāo)志著一個時代的結(jié)束。它標(biāo)志著我們的大學(xué)生活告一段落。但是畢業(yè)設(shè)計不是終結(jié)，它是一個新的階段的開始，在這一階段里，我們將拿起理論與實(shí)踐兩個工具，更加努力，完善自己，也服務(wù)社會。參考文獻(xiàn)[1] [2] [3] [4] [6] 劉嘯，畢永年?；赬ML的SVG應(yīng)用指南。第一版。北京科海集團(tuán)公司。2003：1268 [7] 張海潘,軟件工程導(dǎo)論。第三版。北京：清華大學(xué)出版社，1998：1176[8] 曾春平，王超，張鵬。XML編成從入門到精通。北京希望電子出版社，2002：1238[9] Steven Holzner 著. 師夷工作室 譯《XML 完全探索》. 中國青年出版社, 2001年。[10] [美]Simon St. Laurent XML基礎(chǔ)教程。康曉林，伊希榮，陳維義等譯。北京：電子工業(yè)出版社，[11] [外]James ，邱仲潘等譯。北京：電子工業(yè)出版社，1998：70343 [12] . ：北京科海集團(tuán)公司，ISBN　7899980240[13] David Flanagan 著. 張銘澤 等 譯.《JavaScript 權(quán)威指南》. 機(jī)械工業(yè)出版社[14].JavaScript中文版，Yu Chi. 　 致謝我們大學(xué)的最后一個環(huán)節(jié)――畢業(yè)設(shè)計的過程馬上就要結(jié)束了。在這將近三個月的過程中，我得到了我的導(dǎo)師文必龍老師及張超老師的悉心指導(dǎo)。從選題到論文的完成，無不凝聚著導(dǎo)師的心血和辛勞。在這個過程中，文老師嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度和務(wù)實(shí)的工作作風(fēng)，給我留下了非常深刻的印象。同時，文老師為我的學(xué)習(xí)科研創(chuàng)造了良好的條件，為我的畢業(yè)設(shè)計的順利完成打下了良好的基礎(chǔ)。在畢業(yè)設(shè)計的過程中，我也得到了同實(shí)驗(yàn)室的李智新老師的大力支持，正是由于他在畢業(yè)設(shè)計的過程中，不斷給予我鼓勵、幫助和指導(dǎo)。我才能克服一個又一個困難，順利完成畢業(yè)設(shè)計。在此向他們致以深深的敬意和由衷的感謝！祝他們身體健康、工作順利!也要感謝實(shí)驗(yàn)室的其他師兄、師姐，他們踏實(shí)的學(xué)習(xí)態(tài)度和勤懇的工作作風(fēng)是我們學(xué)習(xí)的榜樣。最后，向所有在畢業(yè)設(shè)計中關(guān)心和幫助我們的老師和同學(xué)表示感謝！39