在线播放网站亚洲播放

用VML和SVG開發工作流設計器
  • 2000-01-01 00:00:00
  • 關鍵字:

在线播放网站亚洲播放    工作流是許多系統中必備的一種功能,而工作流設計器就顯示對用戶很重要。可視化的設計器對于客戶來說就更好了,非常直觀,有效果的減少用戶的煩腦。 在各種應用中有b/s的系統,有c/s的系統。不同的系統工作流程都是相似的。當今web應用日益廣泛,因此本文將講述如何在web上實現工作流設計器。其中,圖形技術發揮著至關重要的作用,可升級矢量圖像( SVG, Scalable Vector Graphics)和VML (Vector Markup Language)的產生有著十分積極的意義。它具有支持矢量圖和動畫、由文本構成圖形易于操作、對點陣圖形兼容等特點。然而,不同瀏覽器對兩種標準的支持并不一致, 微軟的IE瀏覽器系列對VML支持比較好,而其他的瀏覽器軟件對SVG標準支持更完美。這也使得開發基于Web的圖形系統變得更加復雜。

多比圖形控件出現簡化了的這種開發難度,它是一款基于Web的矢量圖形控件,能夠檢測瀏覽器類型,自動選擇VML或SVG方案進行做圖, 類似于網頁上的Visio控件。

基于VML和SVG的工作流系統設計器

    VML技術

    VML (VectorMarkup Language)是XML1. 0 的一個應用,使用VML 可以在IE 5. 0 以上版本中繪制矢量圖形。由于VML 是基于新一帶網絡標記語言XML 標準的,也就是說,表示方法簡單,易于擴展,數據與表現相分離,同時VML 支持高質量的矢量圖形顯示,它基于相連接的直線和曲線描述路徑。其次VML 由文本構成,可以很方便地融合到HTML文件中,可用很少的字節來表示較復雜的圖像,可以和其它HTML元素一樣使用VML元素,在客戶端瀏覽器顯示圖像。VML可以使用DHTML大部分屬性和事件,如id, onmouseover等。最后VML 的功能不只是繪圖,它可以在圖形中嵌入文本,并可實現超鏈,通過腳本控制還可以實現動畫效果。

    SVG技術

    SVG是由W3C制定的基于XML來描述二維矢量圖型的一個開放標準,它用文本格式的描述性語言來描述圖像內容,因此是一種和圖像分辨率無關的矢量圖形格式。它具有以下優點:

在线播放网站亚洲播放    1.圖像文件可讀,易于修改和編輯。

在线播放网站亚洲播放    2.與現有技術可以互動融合。另外, SVG文件還可嵌入JavaScript腳本來控制SVG對象。

在线播放网站亚洲播放    3.SVG圖形格式可以用來動態生成圖形。例如,可用SVG動態生成具有交互功能的地圖,嵌入網頁中,并顯示給終端用戶。

    4. 如前所述, SVG文檔作為一種規范的XML文檔,能夠很好地與W3C其他開放標準如DOM, CSS,XSL, XL ink, Xpointer, SM IL, HTML, XHTML等進行協同工作,簡化異質系統間的信息交流,方便數據庫的存取。

在线播放网站亚洲播放     

    多比控件簡介

多比圖形控件出現簡化了的這種開發難度,它是一款基于Web的矢量圖形控件,能夠檢測瀏覽器類型,自動選擇VML或SVG方案進行做圖, 類似于網頁上的Visio控件,是目前國內外最佳的基于web矢量圖解決方案,可以用于電力、化工、煤炭、工控組態軟件、仿真、地理信息系統、工作流、復雜報表 工業SCADA系統、ERP流程設計系統、圖形管理、圖形拓撲分析、GIS地理信息系統系統、工程制圖等領域。

多比圖形編輯器實現了圖形、圖像和文字的有機統一。它除了支持HTML 中常用的標記,如文本、圖像、鏈接、交互性、CSS的使用、腳本( Scrip t)外,還提供了大量針對圖形、圖像、動畫的特定標記。對SVG圖形文件進行編輯管理的過程為: SVG圖形文件經XML 解析器打開,并在內存中生成一個對象樹,用鼠標事件來驅動腳本執行,腳本通過DOM接口對對象進行相關的操作,來實現圖形繪制、編輯等功能。

    工作流設計器的實現

    在web上作設計器,圖形有了,剩下的就是控制這些圖形元素。

在线播放网站亚洲播放    工作流程有兩種基本元素一種我們稱之為節點,一點稱之為關系(節點間的關系)也就是工作流的流向問題。要實現工作流設計器有幾個要點:

    1、支持工作流元素的添加、刪除、移動。

    2、建立節點間的關系

    3、將設計好的流程保存到永久物質里(如文件,數據庫等)

    4、可以從永久數據里讀取數據,并表現為圖形。