以iTable設計表單以iTable設計表單\9-1iTable架構與特色

9-1iTable架構與特色

u架構

iTable提供全新的設計界面不需要先上傳word檔案即可產生資料表、後端模組與前端網頁。不過由於沒有上傳word檔案,因此就沒有word套表的功能(但可透過另一個iReport功能來上傳Word進行套表)

如上圖,iTable可以讓不懂程式的系統分析師或是一般使用者就可以進行開發工作。

 

u特色

一、多種Template,快速決定頁面型版

以往的EEP Wizard,無法設計一對多,或是三階表單架構的畫面,樣板數量也較少。

iTable精靈可設計多種一對多、或是三階的表單或表格,樣板種類高達9種,可透過介面上的圖標來示意樣板的樣式。

 

二、直覺式輸入欄位,智能決定型別與參數。

一張含有 文字 的圖片

自動產生的描述

只要輸入表單標題,會智能自動決定欄位類型,例如:

鍵值類->key(鍵值欄位)keyName(關聯顯示對應的名稱)

文字類->textbox(文字框)textArea(多列文字框html(網頁文字框)

數字類->numberBox(數值)

日期類->dateBox(日期)dateSelect(年月日下拉TimeBox(時間)

關聯類->Refval(關聯選單)Combo(下拉選單AutoComplete(自動選取)

其他->OptionsCheckBox (.複選Switch(開關)FileUplad(檔案或圖檔上傳)

每個欄位的前方會根據類型顯示不同的控制項圖示,方便識別。

三、全視覺化欄位拖拉機制,可拖入現有資料表欄位及自動設定關聯。

如果要在產生網頁前更改版面設計,以往的EEP Wizard只能調整欄位順序無法進行排版,iCoder Wizard則需重新編輯Word並匯入檔案。iTable則提供設計界面,可以直接拖拉欄位並設計排版。如下圖,可直接拖拉欄位到指定位置,如果該位置已有欄位則代表交換位置。

如下圖,在表單與表格上,可以透過"+""-"兩個圖標,進行版面增加或減少欄(Row)與列(Column)

一張含有 文字 的圖片

自動產生的描述

如果要設計開窗的關聯選單,例如訂單明細的產品編號,要開啟產品資料表進行開窗挑選。可直接拖入"產品資料表""產品編號"欄位即可。

一張含有 文字 的圖片

自動產生的描述

 

四、可設定欄位詳細屬性,如:類型/格式/預設/檢驗/查詢/編輯/唯讀/顯示/APP顯示等。

iTable Wizard會根據輸入的欄位標題智能判斷欄位的類型與屬性,開發人員也可以自行設定下列三種類型的詳細內容

 

五、可自動產生或修改對應的資料表結構、Server端模組、RWD表單與資料字典。

iTable為一鍵式產生各項設定與功能。

一張含有 文字 的圖片

自動產生的描述

 

六、支援視覺化的欄位公式計算設定,讓前端欄位可依公式自動反應計算值。

欄位間的運算關係的處理方式有很多種,有人寫在資料庫交易預存、有人寫在Server模組程式邏輯,也有在前端透過JS來寫,這三種的門檻都較高,需要程式設計師來開發,前兩種也需要在存檔後才能反應數字變化。

透過iTable欄位公式計算的設定,可直接輸入數值後馬上反應結果,例如輸入單價、輸入數量後,前端馬上反應小計數字,並因小計變動,自動反應主表的總計欄位,而完全不必寫任何的JS程式碼。

一張含有 文字, 桌 的圖片

自動產生的描述

支援加減乘除運算,複雜運算可二次開發時處理。


 

Top of Page