審批流程系統詳細設計

模塊流轉圖

Created with Raphaël 2.1.0Start填寫流程基本信息設計表單設計流程信息End

基本信息設置

基本表字段設計

數據庫字段設計

  • 表單基本設置表( T_FORM_BASE_SET):
字 段 說 明
主鍵
表單數據存儲目標表名稱 區分不同類型的表單的存儲地方
切面類class 用於定製後臺業務 (規範待制定)
嵌入 js 路徑 用於定製前端顯示業務
界面顯示的 jsp 路徑 默認爲通用顯示方案。用於改變顯示的樣式。排版等(不過 jsp 的規範需要和通用顯示方法一致 規範待制定

* 表單基本字段表( T_FORM_BASE_FIELD):

字 段 說 明
主鍵
表單基本設置表主鍵 T_FORM_BASE_SET.主鍵
創建人姓名
創建人主鍵
創建時間 創建的時候填入
更新時間 更新的時候填入

表單功能設計

數據庫字段設計

  • 表單配置表( T_FORM_SET):
字 段 說 明
主鍵
表單字段顯示名稱 顯示在界面的名稱
非空 是否做非空判斷
正則驗證 需要填寫的正則表達式(空爲不驗證)
正則驗證錯誤提示 提示語
表單字段佔格 一行共4格,配置字典佔格
是否顯示 字段是否顯示
表單字段類型 選擇表單字段類,可以是輸入框、下拉選擇框、彈出框、其他自定義控件(規範待制定)
默認值 初始化的時候默認顯示的值
默認值類型 sql、內置變量
表單字段候選值 可配置候選值,只能固定表單字段類型纔會用到
表單字段候選值類型 sql、內置變量

附錄

切面類 class 規範

顯示 jsp 規範

自定義表單控件規範

每個控件對外提供接口必須有以下方法。

/*
* 獲取控件需要保存的值
* 此值的規範可以自行定義,如果爲多個對象,且不參與到數據庫搜索邏輯,建議使用 JSON 來存儲。
*/
var getValue = function(){};

/*
* 驗證是否滿足填寫的規範
* @return true or false
*/
var verify = function(){};

/* 
* 調用此方法來設置控件的值
* @param value4db 保存到數據庫的值(起草的時候沒有值)
* @param formSetVo 和當前控件相關的 T_FORM_SET 數據
* @return selfObj
*/
var setValue = function(value){};

/* 
* 調用此方法來設置控件的值
* @param value4db 保存到數據庫的值(起草的時候沒有值)
* @param formSetVo 和當前控件相關的 T_FORM_SET 數據
* @param fnCallbackSection 切面回調
*       fnCallbackSection = {
*           //初始化之前調用
*           onInitBefore : function(){},
*           //初始化之後調用
*           onInitAfter : function(){}
*       }
*/
var init = function(value4db, formSetVo, fnCallbackSection){};

//最後,每個控件對象都必須註冊到最外層 div 的 data 屬性下面去。
//每個控件都是獨立可運行。不依賴外部的全局變量(全局變量可以是自己的)且一個控件可在一個界面中運行多個。
//每個控件都務必使用閉包來實現。

調用時序圖:

Created with Raphaël 2.1.0主界面主界面表單控件表單控件initinitverifyverifygetValuegetValue初始化fn onInitBeforefn initfn onInitAfterreturn selfObj驗證表單fn verifyreturn true/false獲取保存的值fn verifyreturn string object

文章出自 http://blog.wordty.cn

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章