当前位置：网站首页>企业级自定义表单引擎解决方案（十二）--体验代码目录结构

企业级自定义表单引擎解决方案（十二）--体验代码目录结构

2022-07-07 10:39:00 【spritekuang】

写在前面

体验地址：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字段处理、关联外键表查询单选、关联外键表查询多选择、关联外键树单选、关联外键树多选择、用户单选、用户多选择、外键关联表字段冗余。列表视图自定义列显示、列表按钮操作权限、普通查询和高级查询各种控件，包括：日期范围、字典下拉、字典瓦片查询、用户选择查询、外键表搜索查询、外键表树查询，查询都支持单选和多选查询。