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

写在前面

体验地址: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 )

张贴在2