【文章內(nèi)容簡介】 程序來處理數(shù)據(jù)。2. 電子商務(wù)領(lǐng)域電子商務(wù)要跨越目前發(fā)展中的障礙，獲得新的發(fā)展生機，需要做的第一步就是將企業(yè)之間日常交流和交換信息盡可能電子化統(tǒng)一化，來滿足不同商業(yè)系統(tǒng)之間的交換需求。XML的豐富置標語言，完全可以描述不同類型的單據(jù)，例如信用卡，保險單以及各種發(fā)票等。結(jié)構(gòu)化的XML發(fā)送至Web的數(shù)據(jù)可以加密。因此，XML有希望推動電子數(shù)據(jù)交換技術(shù)在電子商務(wù)領(lǐng)域的大規(guī)模應(yīng)用。3. 數(shù)據(jù)庫領(lǐng)域XML 文檔從本質(zhì)上來看就是數(shù)據(jù)庫，它是數(shù)據(jù)的集合，每個文件都含有某種類型的數(shù)據(jù)。在很多方面看起來它和其他文件沒什么區(qū)別，但作為一種“數(shù)據(jù)庫”格式，XML有些優(yōu)點，例如，它是自描述的，可交換的，能夠以樹狀或圖形結(jié)構(gòu)描述數(shù)據(jù)。4. 軟件設(shè)計元素的交換XML也可以用來描述軟件設(shè)計中有關(guān)的設(shè)計元素，如對象模型，甚至能描述最終設(shè)計出來的軟件，這些基于XML的設(shè)計元素可以借助Web在開發(fā)組內(nèi)進行交換，在不同的開發(fā)工具之間交換。第四章 系統(tǒng)分析設(shè)計 系統(tǒng)結(jié)構(gòu)圖 本系統(tǒng)所完成的功能包括基本圖形的繪制，圖形處理等基本操作，圖形文件的存儲與讀寫，圖形的選中功能等。其中，本系統(tǒng)所實現(xiàn)的基本圖形繪制有直線、橢圓、三角形、矩形、五角星和等五邊形；圖形的基本操作功能有平移，縮放，旋轉(zhuǎn)；圖形的選擇也實現(xiàn)了單選與多選兩種；另外，本系統(tǒng)還增加了一個鋼筆工具，可以用鋼筆工具繪制直線片段、曲線片段以及自由圖形。具體的功能如下圖所示：圖形繪制處理系統(tǒng)基本圖形繪制圖形處理圖形選擇直 線圖形線條橢 圓矩 形三 角 形多 邊 形線 型線條顏色顏色透明度線 型填 充 色填充方式鋼筆工具直線片段曲線片段自由圖形平 移縮 放旋 轉(zhuǎn)單 選多 選填充線條寬度圖41 系統(tǒng)結(jié)構(gòu)圖 功能模塊分析設(shè)計上一小節(jié)地介紹了系統(tǒng)的結(jié)構(gòu)圖，這節(jié)主要介紹各個模塊的主要功能。該系統(tǒng)實現(xiàn)了一般繪圖應(yīng)用程序所具有的絕大多數(shù)功能，并提供了一些額外的輔助功能。具體而言，其功能模塊主要包括如下幾個。 圖形繪制功能模塊 圖形繪制功能模塊是本系統(tǒng)中最基本的一個模塊，其他的所有操作都是在此模塊完成的基礎(chǔ)上進行的。該模塊可以通過繪圖工具欄繪制下列圖形：(1) 直線直線的繪制只需要確定兩個點，一個是起點，一個就是終點，繪制時這兩個點的位置是可以隨意定的，起點是通過MoveTo函數(shù)來確定的，當鼠標移動到繪圖區(qū)域的任意位置左擊，便確定了起點，然后直接拖動鼠標至任意位置停止，直線便繪制成功，在這過程中間用到了LineTo函數(shù)。(2) 矩形實際上，矩形是由四條直線段組成的封閉圖形，所以繪制矩形的原理和繪制直線的原理是相同的。本系統(tǒng)中矩形的算法是：先確定矩形的中心點坐標。然后根據(jù)中心點坐標計算出左上頂點的坐標，把該頂點作為起點，并使用MoveTo函數(shù)和LineTo函數(shù)進行繪制。(3) 橢圓 本系統(tǒng)繪制的橢圓是標準橢圓。標準橢圓是關(guān)于長軸和短軸都對稱的，所以，可以將橢圓分成四部分來繪制，每個部分都是一個曲線片段。在本系統(tǒng)中，專門定義了一個CurveTo函數(shù)來實現(xiàn)橢圓曲線片段的繪制。橢圓的繪制起點為其外接矩形左中點。(4) 三角形 本系統(tǒng)中，通過工具欄中的三角形工具所繪制的是等邊三角形。等邊三角形可以看成是由三個直線段圍成的封閉圖形，內(nèi)角角度都為60176。在本繪圖系統(tǒng)中，繪制三角形時，前鼠標按下的位置就是起點，鼠標彈起的位置就是終點，也就是說是通過拖拽某個點來繪制的，并且可以以任意的角度繪制。(5) 多邊形 在本繪圖系統(tǒng)中，主要是實現(xiàn)了五角星和等五邊形這兩個多邊形工具，其繪制原理和三角形的繪制原理是一樣的，同樣也可以以任意的角度繪制。(7) 鋼筆工具 前面介紹的幾個畫圖功能只能快速的繪制一些簡單、常用的圖形。鋼筆工具則豐富了本繪圖系統(tǒng)的會圖功能，它可以畫直線線段、曲線線段、任意多邊形以及其他任意自由圖形。 圖形處理功能模塊 對圖形進行一些必要的處理可以使圖形更符合實際需求，更加美觀、實用。在本系統(tǒng)中，圖形處理功能主要包括：平移、旋轉(zhuǎn)、縮放這幾個。 平移、旋轉(zhuǎn)、縮放可以歸結(jié)為圖形變換，即圖形變換指的是變換圖形的形狀、大小或位置。一個二維圖形按照某種規(guī)律變換成另一個二維圖形叫做二維圖形變化，本系統(tǒng)實現(xiàn)的就是二維圖形的幾何變換。 一幅二維幾何圖形可以由許多直線連接而成，或者被看成由許多小直線段逼近而成。而一條直線段則可以由始末端點相連產(chǎn)生。所以，可以把一幅二維圖形看成是一個點集。如果在XY平面內(nèi)，一個點的坐標用行向量[x y]表示，那么一個圖形的點集則可以用m2的矩陣表示。這樣，對圖形的幾何變換就可以歸結(jié)為對點的變換。 在二維平面內(nèi)，假如變換前的點坐標為(x ，y)，變換后的坐標為(x’ ，y’ )這個變換過程可以寫成如下矩陣形式：[x’ y’ ] = [x y]T ,T被稱為線型變換矩陣。二維幾何變換的一般形式也可以寫成如下代數(shù)形式： x’ = a1 x + b1 y + c1 y ’ = a2x + b2y + c2 在本系統(tǒng)中，圖形的幾何變換都要用到兩個Matrix類的方法函數(shù)：RotateAt和Translate，前者表示通過預(yù)先計算旋轉(zhuǎn)，沿指定點順時針旋轉(zhuǎn)該Matrix；后者表示通過預(yù)先計算轉(zhuǎn)換向量，將指定的轉(zhuǎn)換向量應(yīng)用到此Matrix。下面介紹一下本系統(tǒng)中的二維圖形幾何變換：(1) 平移變換 本系統(tǒng)中，不論往哪個方向平移，都可以實現(xiàn)二維圖形的平移變換。(2) 旋轉(zhuǎn)變換 在本系統(tǒng)中，每個圖形都有一個矩形控制框，矩形控制框上有八個控制點，分別是矩形的四個頂點和四條邊的中點。該系統(tǒng)設(shè)置了當鼠標靠近各個頂點的距離不超過六個像素時，可以顯示可旋轉(zhuǎn)變換符號，圖形的旋轉(zhuǎn)變換中心點為圖形的中心點。(3) 縮放變換該系統(tǒng)設(shè)置了當鼠標靠近各個頂點的距離小于兩個像素時，可以顯示可旋轉(zhuǎn)變換符號，縮放變換可以只縮放X軸方向的大小，或者只縮放Y軸方向的大小，或者兩者同時縮放 圖形線條 線條的屬性設(shè)置一般都有線條的寬度，線條的類型，線條的顏色。在本系統(tǒng)中，除了可以設(shè)置上述線條屬性外，還添加了一項功能——設(shè)置線條顏色透明度，為了方便操作使用，這些線條屬性的改變，都是通過一個對話框來實現(xiàn)的，本系統(tǒng)的線條屬性設(shè)置對話框設(shè)計如下： 圖42 線條屬性設(shè)置界面 從上圖可以看到，線條寬度的默認值為1，可以通過在編輯框中手動輸入數(shù)字調(diào)整線寬。線條顏色框的設(shè)置調(diào)用了MFC中自帶的CColorDialog ，它表示一個通用的對話框，該對話框可以顯示可用的顏色以及用戶自定義顏色，這樣的話既美觀又實用，操作方便。顏色透明度的值在0%~100%之間，是通過SilderCtrl工具來改變顏色透明度值的。本系統(tǒng)中的線條樣式總共有五種，分別是實線、虛線、點線、點虛線、點點虛線，直接使用了LineStyle中的五種類型的線條樣式：PS_SOLID、PS_DASH、PS_DOT、PS_DASHDOT、PS_DASHDOTDOT[9]。 圖形填充圖形填充方式一般都有無填充方式、單色填充和紋理填充。在本繪圖系統(tǒng)中，除了上述三種填充方式外，還添加了另外一種填充方式——漸變填充方式。除了無填充方式外，其他三種方式的共同點就是顏色框同線條顏色框一樣，調(diào)用是CColorDialog，同時，三種填充方式都能設(shè)置顏色透明度原理同線條一樣。紋理填充的顏色分前景色和背景色兩種，前景色定義線條的顏色，背景色定義線條之間間隙的顏色，在本系統(tǒng)中，提供了53種紋理填充樣式，直接用HatchBrush類中自帶的填充樣式。漸變填充方式中，漸變顏色至少為兩個，最多不能超過十個，可以通過添加顏色和刪除顏色兩個按鈕來刪減顏色，另外，本系統(tǒng)還可以設(shè)置顏色的漸變角度，為了能夠控制各種顏色在圖形中所占的比例，所以設(shè)置了顏色偏移這個功能。 圖43 圖形填充界面 文件的存儲與讀取 使用Visual C++的AppWizar創(chuàng)建應(yīng)用程序時，應(yīng)用程序是從CWinApp、CFrameWnd、CDoument、CView，其中CDoument類是應(yīng)用程序的文檔類，負責(zé)裝載和維護文檔[9]。本系統(tǒng)的文檔類為CDrawDoc，圖形文件的存儲與讀取功能就是在CDrawDoc類中實現(xiàn)的。 文件的存儲 。保存圖形實際上就是保存圖形線條屬性，填充屬性，圖形的大小，繪制角度以及在繪圖區(qū)域的位置。當保存的圖形個數(shù)在1個以上時，可定義一個形狀列表，通過重載OnSaveDocument()函數(shù)保存圖形文件[9]。 文件的讀取 ，所以在讀取圖形文件時，需要先調(diào)用XML解析器解析文件并創(chuàng)建樹，通過重載OnOpenDocument()函數(shù)打開文件。 系統(tǒng)界面設(shè)計綜合上述功能，該系統(tǒng)的整體界面如圖52所示：圖44 系統(tǒng)界面 菜單欄本系統(tǒng)的菜單欄如圖53所示： 圖45 菜單欄本系統(tǒng)中的菜單欄是AppWizard自動生成的，最主要的菜單項是文件菜單和視圖菜單兩項。其中文件菜單的功能主要有：新建一個空白文檔，打開文檔，保存文檔，打印，退出系統(tǒng)；視圖菜單的功能主要是顯示和隱藏工具欄和狀態(tài)欄。 工具欄 在MFC中，工具欄的功能由類CToolBar實現(xiàn)。工具欄資源和工具欄類CToolBar是工具欄的兩個要素。當創(chuàng)建一個文檔類時，AppWizard會自動創(chuàng)建一個工具欄，這個工具欄包含一些常用按鈕，如打開文件、存盤、打印等等。 本系統(tǒng)的工具欄如下圖所示： 圖46 工具欄創(chuàng)建一個新的文檔，打開現(xiàn)有文件，保存當前活動文檔， 圖形剪切，這兩個工具依次為復(fù)制和粘貼，選擇工具， 鋼筆工具 這六個工具都是用來繪制基本圖形的，依次分別為矩形，橢圓，三角形，五角星，五邊形，直線， 這三個工具是依次分別是圖形填充和線條填充和插入圖片。 狀態(tài)欄 在MFC中，狀態(tài)欄的功能由CStatusBar類實現(xiàn)。狀態(tài)欄實際上是一個小窗口，位于應(yīng)用程序主窗口的底部，一般分為幾個窗格，每個窗格顯示不同的信息，主要用來反應(yīng)軟件當前操作功能和操作狀態(tài)?？紤]到的實際需求，本系統(tǒng)的狀態(tài)欄只有一個窗格，用來顯示當前的操作狀態(tài)。狀態(tài)欄如下圖所示： 圖47 狀態(tài)欄當鼠標空閑時狀態(tài)欄顯示“就緒”，當鼠標工作時根據(jù)不同的操作顯示不同的內(nèi)容，例如：畫矩形的時候會顯示“矩形工具”，復(fù)制時顯示“復(fù)制選定內(nèi)容并將其放入剪貼板上”。第五章 系統(tǒng)詳細設(shè)計 類關(guān)系圖 通過上一章節(jié)的分析設(shè)計，并根據(jù)各個功能模塊之間的關(guān)系，可將本系統(tǒng)中的類劃分為以下幾個類，類之間的關(guān)系圖如下圖所示： ShapeShapeStyleSegmentHandlerSelectionSegmentCollectionTool 圖51 類關(guān)系其中，Segment類是路徑片段類，該類中定義了路徑片段和路徑片段的連接方式，路徑片段有直線路徑片段和曲線路徑片段兩種，連接方式有直角和半平滑兩種。SegmentCollection類則是路徑片段的集合，本系統(tǒng)中是以鏈表的數(shù)據(jù)結(jié)構(gòu)存放路徑片斷列表，路徑片段的集合可構(gòu)成形狀。Handler類就是操作手柄類，包括8個控制點小方塊，控制點的位置以及判斷鼠標是否在上面Tool類是繪圖工具類，本系統(tǒng)中所有圖形的繪制算法都在此類中，包括有直線、矩形、橢圓等本系統(tǒng)所能繪制的圖形。ShapeStyle類是圖形線條屬性類和填充屬性類，線條屬性有線條寬度、顏色和線型(實線、虛線、點線、點虛線)；填充屬性有填充方式(無填充、單色填充、紋理填充、漸變填充)、填充顏色透明度等。Selection類是圖形處理類，完成圖形的平移、旋轉(zhuǎn)、縮放和選中。Shape類是圖形的屬性類，圖形的屬性包括圖形的大小，在Doc上的位置，繪制角度等。 基本圖形繪制 基本圖形繪制的函數(shù)基礎(chǔ) 本系統(tǒng)中，在繪制各個圖形的時候用到了三個函數(shù)，分別為：(1) void MoveTo(Poin