Vue+SpringBoot打造無代碼動態表單系統

在這里插入圖片描述

一、摘要
- 1.1 項目介紹
- 1.2 項目錄屏
二、功能模塊
- 2.1 動態類型模塊
- 2.2 動態文件模塊
- 2.3 動態字段模塊
- 2.4 動態值模塊
三、系統設計
- 3.1 用例設計
- 3.2 數據庫設計
- - 3.2.1 動態類型表
  - 3.2.2 動態文件表
  - 3.2.3 動態字段表
  - 3.2.4 動態值表
四、系統展示
五、核心代碼
- 5.1 查詢檔案類型
- 5.2 新增檔案類型
- 5.3 刪除檔案子項
- 5.4 編輯檔案額外字段
- 5.5 添加檔案額外字段
六、免責說明

一、摘要

1.1 項目介紹

基于Vue+SpringBoot+MySQL的無代碼平臺的表單平臺，包括了系統數據中心模塊，用來存放管理系統通用的模塊，另外分別設計了動態類型模塊、動態文件模塊、動態字段模塊和動態值模塊這四大模塊，用于實現檔案管理系統的核心表單邏輯。

1.2 項目錄屏

二、功能模塊

本文設計的無代碼平臺的表單系統的包括了系統數據中心模塊，用來存放管理系統通用的模塊，另外分別設計了動態類型模塊、動態文件模塊、動態字段模塊和動態值模塊這四大模塊，用于實現檔案管理系統的核心表單邏輯。

在這里插入圖片描述

2.1 動態類型模塊

動態表單類型是靈活的類型，允許自定義表單字段，根據業務情況，表格收集的信息可能會有所不同，動態表單類型允許根據業務需求自由添加、修改或刪除表單字段，以滿足特定業務需求。動態表單類型可以根據用戶的操作和需求，自愿設置輸入框、選項等特定頁簽，提高用戶填寫表單的效率和體驗，采用動態表單類型使管理員更容易管理表單，只需在后臺進行相關設置，即可輕松修改、刪除或添加表單，提高管理效率。使用動態表單類型可以幫助您避免由于不斷變化的業務需求而頻繁更改代碼，降低軟件開發成本，并節省時間和資源，動態表單類型在數據收集、表單管理和開發成本方面具有重要意義，通過采用動態表單類型，可以快速靈活地響應各種業務場景的表單需求，提高用戶體驗和管理效率。

2.2 動態文件模塊

動態文件模塊是一種無代碼平臺表單系統鐘，用于顯示用戶發布的圖像、視頻和動態信息等文件的模塊，動態文件模塊讓用戶更直觀地了解感興趣的人的最新動向，在動態文件模塊中，用戶可以看到表單的動態內容，以增加用戶使用該平臺的興趣和滿意度，動態文件模塊支持不同類型的文件上傳，如照片、視頻、音頻等，為用戶提供更豐富的內容表示，通過動態文件模塊，用戶可以輕松地分享他們的生活、知識和經驗，吸引更多用戶的興趣和參與。用戶可以將自己的照片、視頻等文件直接上傳到動態文件模塊，動態文件模塊便于用戶之間的通信和交互。通過動態文件模塊，可以增強用戶體驗，豐富內容表達，方便文件管理和共享，增強平臺的交互性，吸引更多用戶加入平臺。它可以增加用戶的活動性和參與度。

2.3 動態字段模塊

動態字段模塊是用于在信息管理系統中動態添加、刪除或更改字段的模塊，隨著市場和商業環境的變化，公司必須不斷調整其信息管理系統，以滿足新的業務需求。動態字段模塊可以滿足這一需求，使公司能夠靈活地添加、刪除或更改字段，以跟上業務變化，動態字段模塊可幫助公司更好地管理數據，避免數據重復或關鍵信息丟失，并提高數據的準確性和質量，動態字段模塊支持快速添加新字段，這將使組織擁有更多的數據維度和更豐富的數據信息，提高其數據分析能力，并更好地支持其決策，動態字段模塊簡化了信息管理系統的開發和維護過程，減少了手動工作和編碼，并降低了開發和維護成本。動態字段模塊對于信息管理系統來說是非常必要的，通過動態字段模塊，企業可以靈活地添加、刪除或更改字段，以滿足不斷變化的業務需求，同時提高數據的準確性和質量，增強數據分析能力，改進系統開發和維護，簡化活動流程，帶來更多業務價值。

2.4 動態值模塊

動態值模塊是用于記錄和管理用戶行為以及動態變化數據的軟件和應用程序，動態值模塊可以記錄和反映用戶在平臺上的活動，如文件的具體字段內容等，可以直觀地表達用戶的行為和態度，動態值模塊分析用戶行為，以了解用戶的興趣和需求，并向平臺推薦更準確的內容和服務，動態值模塊可以深入分析用戶行為數據，提取用戶需求和痛點，幫助平臺制定更準確的產品策略，提高用戶滿意度，動態值模塊為平臺運營和決策提供有價值的數據支持，優化運營策略，提高市場競爭力。

三、系統設計

3.1 用例設計

在這里插入圖片描述

3.2 數據庫設計

3.2.1 動態類型表

在這里插入圖片描述

3.2.2 動態文件表

在這里插入圖片描述

3.2.3 動態字段表

在這里插入圖片描述

3.2.4 動態值表

在這里插入圖片描述

四、系統展示

在這里插入圖片描述

五、核心代碼

5.1 查詢檔案類型

@ApiOperation(value = "查詢檔案類型")
public List<ArCommonArchive> getByParentIdInTree(String parentId,Boolean openDataFilter) {List<ArCommonArchive> list = new ArrayList<>();QueryWrapper<ArCommonArchive> qw = new QueryWrapper<>();qw.eq("parent_id",parentId);qw.orderByAsc("sort_order");list = iArCommonArchiveService.list(qw);list = setInfo(list);for (ArCommonArchive arCommonArchive : list) {arCommonArchive.setChildren(getByParentIdInTree(arCommonArchive.getId(),openDataFilter));}return list;
}

5.2 新增檔案類型

@SystemLog(about = "新增A檔案類型", type = LogType.DATA_CENTER, doType = "CE11")
@ApiOperation(value = "新增A檔案類型")
@RequestMapping(value = "/add", method = RequestMethod.POST)
public Result<Object> add(ArCommonArchive archive){User currUser = securityUtil.getCurrUser();if(isRepeatPrefixArchive(archive.getNumberHeader())) {return ResultUtil.error("檔案類型前綴已存在,不能重復添加");}archive.setFilerTime(DateUtil.now());archive.setFilerNumber(currUser.getUsername());archive.setFilerName(currUser.getNickname());iArCommonArchiveService.saveOrUpdate(archive);return ResultUtil.success();
}

5.3 刪除檔案子項

@SystemLog(about = "刪除B檔案子項", type = LogType.DATA_CENTER, doType = "CE08")
@ApiOperation(value = "刪除B檔案子項")
@RequestMapping(value = "/deleteArchiveItem", method = RequestMethod.POST)
public Result<Object> deleteArchiveItem(@RequestParam String id){ArCommonArchiveItem acai = iArCommonArchiveItemService.getById(id);if(acai == null) {return ResultUtil.error("檔案已被刪除");}iArCommonArchiveItemService.removeById(acai.getId());return ResultUtil.success("檔案類型刪除成功");
}

5.4 編輯檔案額外字段

@SystemLog(about = "編輯C檔案額外字段", type = LogType.DATA_CENTER, doType = "CE05")
@RequestMapping(value = "/editArchiveField", method = RequestMethod.POST)
@ApiOperation(value = "編輯C檔案額外字段")
public Result<Object> editArchiveField(@RequestParam String id,@RequestParam String title,@RequestParam String remark,@RequestParam float sortOrder,@RequestParam(required = false,defaultValue = "input") String type,@RequestParam(required = false,defaultValue = "") String typeValue) {ArCommonArchiveField acaf = iArCommonArchiveFieldService.getById(id);if(acaf == null) {return ResultUtil.error("該字段已被刪除");}acaf.setTitle(title);acaf.setRemark(remark);acaf.setSortOrder(BigDecimal.valueOf(sortOrder).setScale(3,RoundingMode.UP));acaf.setSpecialType(type);acaf.setSpecialRemark(typeValue);iArCommonArchiveFieldService.saveOrUpdate(acaf);return ResultUtil.success();
}

5.5 添加檔案額外字段

@SystemLog(about = "添加C檔案額外字段", type = LogType.DATA_CENTER, doType = "CE03")
@RequestMapping(value = "/addArchiveField", method = RequestMethod.POST)
@ApiOperation(value = "添加C檔案額外字段")
public Result<ArCommonArchiveField> addArchiveField(@RequestParam String typeId) {ArCommonArchiveField field = new ArCommonArchiveField();field.setTypeId(typeId);field.setTitle("額外字段標題");field.setRemark("可以在這里輸入字段備注");field.setSpecialType("input");field.setSpecialRemark("");field.setSortOrder(BigDecimal.ZERO);iArCommonArchiveFieldService.saveOrUpdate(field);return new ResultUtil<ArCommonArchiveField>().setData(field);
}