寫了一個Flex的web流程設計器原型系統

來源:互聯網
上載者:User

花了三周時間,給公司寫了一個基於Flex的web流程設計器原型系統。既然是原型系統,肯定有很多細微之處不完善的,但作為未來產品組件一部分,其預研和構架部分,還是拿得出手的。

Flex本身在圖形化方面提供了很良好的支援,但是要想實現Model與視圖的分離、Command的處理等基礎事情,這個就無法與Eclipse GEF比了。

於是首先不得不類比GEF,在底層提供一套Model-EditPart的MVC構架,以及Command Framework架構。這兩個基本架構一搭建,就可以很好的解決“Model”、“View”、“Action”之間的響應和處理,以及圖形的顯示和渲染。

改天有時間,把這套構架的思路和實現,與大家分享一下,先show一片吧:

拖拽本身其實並不複雜,主要如何解決Model與View之間的映射和響應,這個是最主要關鍵。同時,在Pallete中的Activity表徵圖和類型是要能夠很容易擴充的。

所有的Model都需要實現toXML和fromXML介面,這樣就可以很容易實現對象與xml的映射。當然,Model本身也需要引入一些Listener機制,讓視圖和其他編輯組件,可以在Model更改後響應變化。

對於屬性Panel,原本是設計成“動態配置化載入”的,沒想到,Flex本身對動態載入Class竟然支援的不理想,造成這一塊沒法良好的實現,寒。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.