1. 程式人生 > >【JEECG技術博文】JEECG簡單實例講解自定義表單功能

【JEECG技術博文】JEECG簡單實例講解自定義表單功能

nbsp str 用戶 strong detail 表單設計 格式化時間 功能實現 oot

JEECG簡單實例講解自定義表單功能

作者:任傑 http://blog.csdn.net/renjie0520/article/details/50286503

一、自定義表單功能簡介

自定義表單是JEECG智能開發平臺開發的一套可視化的表單設計功能,基於ueditor實現,bootstrap樣式風格。

總體來講,自定義表單功能概括起來如下:

1)表單預覽,動態報表展示(列表數據展示)

2)表單數據填報,支持多數據表同時填報,一對多數據表填報,單表多條數據批量填報等

自定義表單支持用戶自定義模板,同時也有大量豐富的標準表單控件,使得用戶能夠快速靈活的設計個性化、多樣化的表單,從而大大提高工作效率、降低用戶工作成本。

二、自定義表單開發實例

1.簡單實例(單表開發) 1)創建自定義表單模板技術分享圖片

2)設計表單技術分享圖片

3)添加數據源

數據源類型分為兩種(Java類正在積極實現中)

  • 數據庫表
數據庫表為直接指定該表單數據列填報時對應的數據庫表技術分享圖片
  • 動態SQL
主鍵作為查詢條件,值從請求中的參數id中獲取,獲取方法格式為${id}。技術分享圖片 技術分享圖片

4)生成表單

咱們以添加的“ds_1”數據源為例 技術分享圖片

5)預覽表單

刷新列表後,選擇添加的表單,點擊“預覽”,進入查看界面,分別選擇三種模式進行操作。技術分享圖片技術分享圖片

進入該表單數據庫,找到剛添加的數據的id,進入預覽模式,輸入id即可進行修改及查看,以“查看模式”為例:
技術分享圖片技術分享圖片 至此單個表單的生成及數據添加演示完成。

2.復雜表單(一對多關系的多表實例)

一對多關系的多表關系,請先設置好主從表關系:即外鍵關系。添加主數據表的數據源及從表的數據源的步驟與單表添加數據源的步驟類似不在贅述,直接進入添加表單環節。

1)添加表單技術分享圖片

從表的列表控件設置界面:技術分享圖片

2)表單預覽

一對多表單的數據添加、修改、查看模式的操作步驟與單表類似。下圖展示一對多表的“添加模式”的界面: 技術分享圖片

三、表單控件簡介

JEECG只能開發平臺自定義表單具有豐富的表單控件,能夠結合當前數據源,快速的設置表單元素的展示類型。 技術分享圖片

1.單行輸入框、多行輸入框

單行輸入框及多行輸入框大體上功能類似,差異不大,請親自比對差異! 下面僅以單行輸入框為例講解: 技術分享圖片 技術分享圖片
技術分享圖片
技術分享圖片

2.下拉框、單選框及復選框

下拉框、單選框及復選框最大的特色就是與本平臺字典功能結合,選定字典後,自動生成對應的內容。
以下拉框為例進行講解: 技術分享圖片 技術分享圖片
技術分享圖片
3.宏控件 宏控件主要是用來格式化時間及自動提取並展示當前用戶的信息: 技術分享圖片

4.列表控件

列表控件的功能及使用已經在上述講過,再此介紹下詳細的屬性及使用心得 技術分享圖片 技術分享圖片
技術分享圖片

5.POPUP控件

該控件比較特殊,結合JEECG智能平臺的ONLINE動態報表配置功能實現列表值的生成。 技術分享圖片 至此,JEECG開源平臺的自定義表單功能及表單控件就講解完畢了,表單的具體使用需要大家親自嘗試,如果問題,可以在JEECG官方網站尋求資料及幫助。 祝大家工作順利!

再分享一下我老師大神的人工智能教程吧。零基礎!通俗易懂!風趣幽默!還帶黃段子!希望你也加入到我們人工智能的隊伍中來!https://blog.csdn.net/jiangjunshow

【JEECG技術博文】JEECG簡單實例講解自定義表單功能