一、表單設計端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) 修改數據
點擊數據修改,可對已存在數據進行修改。