Tiny流程編輯器

2022-09-18 23:54:08 字數 2416 閱讀 8631

流程編輯器是tiny框架提供了編輯流程的圖形化工具。目前支援的流程有邏輯流程和頁面流程,未來也許會擴充套件其他的流程。 

流程編輯器簡介

字尾是*.flow或者*.pageflow的流程檔案可以直接在eclipse裡面雙擊,呼叫相關編輯器開啟;新建流程則按「new」-「other」-「tiny框架」的順序,從嚮導介面選擇適當的流程。         

嚮導介面如下圖:

2015-5-27 13:41 上傳

基礎元件資源

目前tiny框架提供如下幾種元件庫,使用者可以根據實際需要配合流程編輯器使用。使用方法很簡單,在pom.xml加入相關元件依賴,重新整理依賴後,在流程編輯器的控制面板就能看到相關元件。         

編寫頁面流程

接下來我們就講解如何通過工具快速編寫頁面流程。

第一步,選擇工程,按「new」-「other」的順序,開啟圖形化工具介面,選擇「頁面流程」,見下圖:

2015-5-27 13:41 上傳

點選「next」,輸入要定義的頁面流程名稱,比如輸入aaa,那麼最後儲存的配置檔案就是aaa.pageflow,圖形工具初始化介面如下圖:

2015-5-27 13:41 上傳

2015-5-27 13:41 上傳

面板簡介

示例流程圖:

2015-5-27 13:41 上傳

2015-5-27 13:41 上傳

2015-5-27 13:41 上傳

2015-5-27 13:41 上傳

屬性頁說明

新增節點

增加元件的效果,如圖:

2015-5-27 13:41 上傳

2015-5-27 13:41 上傳

tiny框架會自動計算元件位置,不僅便利而且非常美觀。另外一定有使用者問,如何將元件拖到自己想要的位置?很簡單,將要新增的元件往目標元件的下方放就可以了。

2015-5-27 13:41 上傳

2015-5-27 13:41 上傳

2015-5-27 13:41 上傳

刪除節點

編寫邏輯流程

第一步,選擇工程,按「new」-「other」的順序,開啟圖形化工具介面,選擇「邏輯流程」,見下圖:

2015-5-27 13:41 上傳

點選「next」,輸入要定義的邏輯流程名稱,比如輸入bbb,那麼最後儲存的配置檔案就是bbb.flow,圖形工具初始化介面如下圖:

2015-5-27 13:41 上傳

最後點選「finish」就完成了建立工作,結果如圖:

2015-5-27 13:41 上傳

Tiny介面編輯器

操作流程 介面設計是多角色,多步驟的乙個開發過程 介面編輯器是所見即所得,支援各種常見的操作。布局中文名 布局英文名 說明 邊框布局 borderlayout 邊框布局包含下列五個區域 上 下 左 右 中。每個區域最多 只能包含乙個元件,並通過相應的常量進行標識 top bottom left ri...

流程表單編輯器

經過7天的時間終於把流程引擎的表單編輯器寫完了,該編輯器基於kindeditor以外掛程式的形式編寫,其實前面3天一直在研究kindeditor。外掛程式的右鍵功能也研究了一天,由於在官網沒有找到右鍵是如何做的,所有只有自己在他的源 裡找了,在此記錄下開發的過程。第二天,學習kindeditor的外...

vim編輯器 編輯器之神

h 向左移動 j 向下移動 k 向上移動 l 向右移動 w 移動到下乙個單詞的首部 e 移動到下乙個單詞的尾部 b 移動到上乙個單詞的首部 移動到行首 移動到行尾 g 跳轉到文件的末尾 gg 跳轉到文件的開始複製操作 複製n行 nyy 2yy 移動游標到要寫入的位置,再按p 刪除操作 刪除多行 nd...