企業級自定義表單引擎解決方案(十二)--體驗程式碼目錄結構

2022-07-07 12:08:07

寫在前面

體驗地址:http://47.108.141.193:8031/
體驗網站資料庫定期還原,可以隨意修改設定檢視效果,為方便其他人使用,模板相關的設定請儘量不要動。

體驗網站技術清單

  • 伺服器採用阿里雲1核2G,Linux8,Docker部署
  • 後端採用的是Abp Vnext,net5,自定義表單部分採用自己封裝的一套DDD開發框架,流程引擎採用Elsa
  • 前端採用Vue2.X開發,前端框架及控制元件採用vue ant design實現,前端控制元件參考網站:https://2x.antdv.com/components/overview/
  • 資料庫採用Mysql
  • 檔案儲存採用fasfdfs
  • 快取採用Redis+專案記憶體
  • 訊息佇列採用Rabbitmq
  • Job排程採用quartz
  • Excel匯入匯出採用NOPI

選單結構

首頁

放置網站統計資訊,目前未實現

成員組織管理

部門及其成員管理,常規的部門成員管理

工作臺

工作流相關功能,我的代辦、已辦、流程範例管理、流程定義管理等

訊息管理中心

系統統一訊息管理中心,包括訊息規則設定、訊息傳送中心、我的訊息等

Job執行管理

定時作業管理中心,動態設定定時作業,作業排程情況檢視

模版執行時

自定義表單模板也是普通表單,這裡設定模板執行的效果

單表_模板

單表管理,最普通的表單,結構為:{單表表單:{單表列表檢視:{單表編輯檢視}},包含常規的新增、編輯、刪除、批次刪除、匯入Excel、匯出Excel、匯出Excel模板、查詢、表格分頁等基礎功能。

單樹_模板

單樹管理,樹結構管理,結構為:{單樹表單:{單樹列表檢視:{單樹編輯檢視}},同基礎的單表_模板管理,樹沒有匯入匯出Excel功能,樹自動新增PId欄位和Title欄位,新增編輯時,下拉選擇父節點資訊,另外,列表檢視為一棵樹。

單表報表_模板

普通的表格管理,功能常常用在報表統計,沒有新增和編輯功能,只是表格展示資料用,結構為:{單表表單:{單表列表檢視}。

1對多2Tab_模板

處理一對多關係,從主表進入,結構為:{主表列表表單:{主表列表檢視:{Tab表單:{主表編輯檢視,從表列表檢視:{從表編輯檢視}},主表新增檢視}}},新增主表資料時,只編寫主表資料,新增主表資料成功後,直接彈出Tab表單,Tab1為編輯主表資料,Tab2為從表列表資訊,從表外來鍵直接關聯到了主表id上,編輯時,從表任何操作都直接同步更改到資料庫。

1對多2Collapse_模板

處理一對多關係,從主表進入,結構為:{主表列表表單:{主表列表檢視:{新增Collapse表單:{主表編輯檢視,從表本地列表檢視:{從表本地編輯檢視}},
編輯Collapse表單:{主表編輯檢視,從表列表檢視:{從表編輯檢視}}}}},新增主表資料時,新增主表資料的同時,可以新增從表資料,從表資料先儲存到本地,提交時,主表資料和從表列表資料一起提交到後端批次寫入到資料庫,編輯資料時,主表資料和從表資料任何修改之後,都直接儲存到資料庫。

本地單表_模板

單表管理,結構為:{單表表單:{單表本地列表檢視:{單表本地編輯檢視}},新增、修改、刪除資料均在本地,不會提交到後端,做為批次新增資料的基礎表單

單樹Tree_模板

單樹管理,同「單樹_模板」,只是樹資料展示為樹控制元件,常常用於一對多一為樹的場景

單樹TreeItem_模板

一對多一為樹的場景,佈局左邊為可編輯樹,右邊為子表列表檢視,點選樹節點,展示樹對應的子表資料

模板測試

根據模板生成的測試模組

表單常規範例

特殊場景的應用範例,特殊場景的一些功能支援,自定義表單設定重要參考

控制元件綜合應用

各種自定義表單高階用法範例,編輯檢視欄位自定義驗證、字典單選、字典多選、自動編號(雪花演演算法、流水號自增)、Bool欄位處理、關聯外來鍵表查詢單選、關聯外來鍵表查詢多選擇、關聯外來鍵樹單選、關聯外來鍵樹多選擇、使用者單選、使用者多選擇、外來鍵關聯表欄位冗餘。列表檢視自定義列顯示、列表按鈕操作許可權、普通查詢和高階查詢各種控制元件,包括:日期範圍、字典下拉、字典瓦片查詢、使用者選擇查詢、外來鍵表搜尋查詢、外來鍵表樹查詢,查詢都支援單選和多選查詢。

出入庫錄入管理和庫存檔點管理

常規的表單和列表管理,主要演示二次開發自定義後端方法呼叫,先進行庫存錄入,錄入完成之後,呼叫後端自定義方法,完成庫存檔點歸檔操作。

合同管理流程和合同歸檔流程

綜合流程管理演示,父子流程,父流程為合同管理,子流程為合同歸檔流程,父流程流轉到子流程活動時,自動發起合同歸檔流程,合同歸檔的合同編號和合同金額從合同管理表單帶入到合同歸檔流程

一對一

一對一關係處理,列表包含兩張表的欄位,主要演示列表檢視關聯查詢支援。

流程表單執行時

流程相關模板演示

流程表單測試

根據模板生成的流程相關的應用模組

使用者體驗測試

體驗生成的功能模組請設定到此處

表單定義管理

自定義表單所有設定都在這裡

Object管理

物件管理,見物件管理相關文章和wiki描述

View管理

View管理,見View管理相關文章和wiki描述

Form管理

Form管理,見Form管理相關文章和wiki描述

系統設定

系統角色管理
功能模組管理
資料字典管理

框架基礎的一些資料字典,不在自定義表單處使用

自定義表單資料字典

自定義表單使用的資料字典

 


 

wike檔案地址:https://gitee.com/kuangqifu/sprite/wikis/pages
開源地址:https://gitee.com/kuangqifu/sprite
體驗地址:http://47.108.141.193:8031 (首次載入可能有點慢,用的阿里雲最差的伺服器)
自定義表單文章地址:https://www.cnblogs.com/spritekuang/
流程引擎文章地址:https://www.cnblogs.com/spritekuang/category/834975.html (採用WWF開發,已過時,已改用Elsa實現,https://www.cnblogs.com/spritekuang/p/14970992.html )