智能表單工做完成狀況

 

一、表單設計端html

  1)      表單類別管理正則表達式

      實現新增類別、刪除類別、修改列表等功能。數據庫

  2)      表單模版管理佈局

    實現新增模板、修改模板、刪除模板等功能。優化

  3)      模板設計ui

    1)        可視化的佈局設計。編碼

    2)        支持html控件:文本框、多行文本框、下拉框、日期選擇等控件。spa

    3)        支持控件基本屬性設定:如必填驗證、正則表達式驗證等。設計

    4)        支持控件綁定數據庫域。3d

    5)        支持主從表結構

    6)        主持純表結構(即表字段無需任何系統字段)

    7)        支持三種主鍵模式(guid、系統自增、用戶輸入)

    8)        還未實現功能:

        a)      控件:選取控件、附件控件、圖片控件。連接控件。

        b)      還沒有實現的屬性:默認值、數據聯動、下拉框讀取數據字典、自動完成屬性。

        c)       動做:新增後動做、修改後動做、刪除後動做。

        d)      JS腳本:自定義初始化、自定義驗證。控件事件。

        e)      優化模版設計(如可多選控件)

二、Web頁面展現端

  1)        菜單管理。

    可新增、修改、刪除菜單項、可爲管理員和用戶配置不一樣的菜單

  2)        自定義表單頁面配置管理

    可經過界面配置表單模版、列表顯示列、過濾條件、操做動做(如新增、刪除、修改、審覈)等。

    可配置須要展現的從表數據項、配置從表列表展現數據。

  3)        表單數據展示

    可經過菜單配置來配置須要展現的表單列表,並可根據相應的配置來讀取列表字段、能執行的操做等,並根據操做來進行表單的新增、修改、刪除等功能。

三、功能演示

  1)        登陸系統

 

  2)        經過表單界面新增類別,以下圖:

 

  3)        新增模版:

經過系統界面,輸入模板名稱跟模版編碼。

 

  4)        選擇剛新增的模版,點擊模版設計按鈕,進行模版設計:

 

 

  5)        進入設計界面,設計表單展示界面:

 

  6)        新增數據映射:

 

 

  7)        設置控件屬性

 

 

  8)        設置數據源映射:

 

  9)        發佈表單

  10)   表單模板展示配置

  使用管理員登陸系統

 

  11)   進入自定義表單管理模塊

 

  12)   新增表單模板

 

填寫基本信息:名稱、編碼、選擇表單模板、表單視圖。保存。

 

設置顯示列。

 

設置操做按鈕。

13)   設置表單菜單:

選擇菜單管理:

 

選中普通菜單,點擊菜單向設置:

 

新增子菜單:

自定義表單模版的連接爲:/udf/index?udfModcode=?

其中?可由相應的表單模塊編碼替換。

14)   使用普通用戶登陸:

 

15)   查看錶單數據

點擊配置好的表單模版連接,便可查看到經過配置顯示的列表:

 

16)   新增表單數據

 

 

17)   保存表單數據

 

提供輸入校驗功能,確保數據的有效性。

 

日期選取功能。

 

保存成功後提示。

 

新增的數據。

 

18)   修改數據

 

點擊數據修改,可對已存在數據進行修改。

相關文章
相關標籤/搜索