流程表单增加子表，合计项，预置数据源

最新推荐文章于 2024-08-08 07:51:12 发布
最新推荐文章于 2024-08-08 07:51:12 发布
阅读量645 收藏
点赞数
分类专栏： java vue-js 文章标签： 流程表单 动态表格 表单子表 子表合计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyljz/article/details/113113324
版权
基于JeecgBoot和Flowable，实现了工作流表单的自定义设计，通过KFormDesign进行表单子表的创建，并增加了合计项功能。新增了表单预置数据配置，支持四种数据类型：当前登录用户属性、数据字典、分类字典和API接口，允许动态设置控件和数据源。涉及的文件包括KFormDesign的多个组件和KFormBuild的相关模块。
摘要由CSDN通过智能技术生成

基于jeecgboot开源框架，添加了flowable做工作流，KFormDesign做自定义表单设计。

实现效果如图：
在这里插入图片描述

新增表单预置数据配置功能，分四个数据类型:1、当前登录用户属性；2、数据字典；3、分类字典；4、Api地址，用其字段名称给表单控件/动态数据源命名，
生成表单时解析出相应的命名控件，为其赋值、设置数据源。

在这里插入图片描述

对KFormDesign进行的修改包含下列文件：

KBatch/batch.vue 动态表格控件

KBatch/module/KFormModelItem.vue 动态表格内控件

KChangeOption/index.vue 属性面板属性控件

KFormDesign/config/formItemsConfig.js 控件配置

KFormDesign/index.vue 表单设计器

KFormDesign/module/formItemProperties.vue 右侧控件属性面板

kFormItem/index.vue 控件生成

KFormBuild/index.vue 表单生成器

KFormBuild/buildBlocks.vue 控件生成器

代码量有些大，文中不做描述，相关截图：

最低0.47元/天 解锁文章
wyljz
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
金蝶云星空应用开发初级考试题目汇总
2401_86113757的博客
08-22 986
摘要：本文为金蝶云星空应用开发初级考试题目汇总
00037-layui 表单有子列表，如何动态新增和保存（弹窗版）？
09-19 558
表单中有一个接收明细的子列表，html: <div class="layui-col-md12"> <div class="layui-card"> <div class="layui-card-header" style="background-color: #e6e6e6">接收明细</div> <div class="layui-card-body" style="height: 200px;"> <ta
基于antd-vue的table表格增加合计栏
qq_40567849的博客
02-15 4770
文章目录前言一、使用步骤1.首先在主表格内新增另外一个table2.读入数据总结 前言 需求：table表格增加合计栏 提示：以下仅是一种实现方法，下面案例可供参考 一、使用步骤 1.首先在主表格内新增另外一个table 代码如下（示例）： <a-table :columns="columns" :data-source="data"> <a-table ref="totalTable" :columns="totalColumns"
KFormDesign的使用
2401_84424519的博客
06-11 242
<template> <div> <k-form-design /> </div> </template>k-form-design文档网络获取数据中不用写完整路径，便于开发与运维
【JEECGBOOT】列表展示金额合计，并复选框禁止选择
litlow的博客
04-11 1014
说明：后端查询记录后，在计算合计时，合计记录的id赋值为“合计”，可实现该效果。1、antDesignForVue 符合条件的表格复选框禁止选中。
【jeecg-boot】jeecg-boot的一些功能扩展：
SunPeng的博客
05-26 2430
【jeecg-boot】jeecg-boot的一些功能扩展：
k-form-design:基于vue Ant-Design 的表单设计器，快速开发
05-10
表单设计器 k-form-design 简介 设计器布局参考form-generator项目，基于vue和ant-design-vue实现的表单设计器，样式使用less作为开发语言，主要功能是能通过简单操作来生成配置表单，生成可保存的JSON数据，并能将JSON还原成表单，使表单开发更简单更快速 注：该项目不兼容vue3.0项目，暂无后续兼容vue3.0的计划 特性 可视化配置页面 提供栅格、表格等布局 布局嵌套使用 提供预览、保存、生成json、生成可执行代码等操作 支持表单验证 快速获取表单数据 自定义组件插入 自定义主题色 组件 KFormDesign 表单设计器（基于可视化操作快速设计出表单页面，生成配置json或页面） KFormBuild 表单构建器（根据设计器中获取的配置json数据，快速构建出表单页面） 安装 # 使用yarn yarn add k-form-design
表单开发可视化（电子表单）技术方案
az44yao的专栏
10-15 733
可视化表单建模是低代码/零代码平台的核心功能，业内对该功能有多种叫法：电子表单、表单可视化、表单驱动、表单引擎等，该组件主要由表单设计器、表单解析引擎、表单存储引擎三个部分构成，而表单解析引擎取决于表单存储引擎的技术方案，本文重点介绍表单设计器和表单存储引擎的技术方案选型。
jasperreport开发手册--ireport教程
lgzcc的专栏
11-28 1万+
iReport   http://www.jasperreport.net 一、介绍 iReport是一个能够创建复杂报表的开源项目，它100%使用Java语言编写，是目前全球最为流行的开源报表设计器之一。 由于它丰富的图形界面，你能够很快的创建出任何一种你想要的报表。 以下是iReport一些比较突出的功能： • 拖拽式,所见即所得的报表编辑器； • 多样的向导来简化复杂的报表设计任
uniCloud介绍及实战
小马甲
11-07 1448
是 联合阿里云、腾讯云，为开发者提供的基于 模式和 编程的云开发平台。 的 web控制台地址：https://unicloud.dcloud.net.cn对于程序员：用熟悉的，轻松搞定前后台整体业务。对于开发商：因为共享大资源池，云服务厂商的成本大幅下降，开发者无需为闲置资源付费，云函数被调用才计费。从技术原理上就有明显成本优势，所以租用比租用传统云要便宜的多。在传统云的世界里，有大量的收费产品。防的高防套餐，每个月至少几万元。而这些费用，在中无需支付。为什么不用买高防也不害怕：由于阿里云和腾讯云的有
flowable流程在线编辑项目
09-27
最新版flowable6.3.1流程在线编辑项目，war包形式，放置Tomcat的webapp下，自动部署安装。
2021 Java面试真题集锦
热门推荐
GL1765852966的博客
12-26 8万+
目录 … 1 大厂面试的基本流程 17 字节跳动 17 阿里 17 腾讯 18 网易游戏 18 面试前需要准备： 18 面试中可以借鉴的套路 19 用简历争取到更多的面试机会 19 自我介绍时，立即全面抛出技术栈和亮点 20 先介绍项目背景，打消面试官疑问 21 通过说项目管理工具，说明你不仅会写代码 22 用 SPRING BOOT 项目举例，说明你的技术基本面 23 用实例说明你在内存调优方面的经验 24 展示你在数据库调优方面的经验 25 总结前文说辞 26 准备项目说辞时，更可以准备后继面试官的问
k-form-design 项目教程
最新发布
gitblog_00470的博客
08-08 923
k-form-design 项目教程 k-form-design基于vue Ant-Design 的表单设计器，快速开发项目地址:https://gitcode.com/gh_mirrors/kf/k-form-design 项目介绍 k-form-design 是一个基于 Vue 和 Ant-Design-Vue 实现的表单设计器。它允许用户通过简单的可视化操作快速设计出表单页面，并生成可保存...
KFormItem 实现，就是用到了插槽很简单
天天的博客
02-13 320
FormItem: <template> <div class="app"> <p>KFormItem</p> <slot></slot> <p v-if="error">{{error}}</p> </div> </template> <script> import {Type} from "@/cons
Form 组件动态绑定数据
weixin_34258078的博客
06-04 416
1、Form 组件的作用： 　　a.对用户提交的数据进行验证（form表单/ajax） 　　b.保留用户上次输入的信息 　　c.可以生成html标签(input表单类的标签) 2..由于form组件中每个字段都是类的数据属性（全局变量），在类每次实例化之后，数据属性不会发生改变，会保留上次的更新结果 导致无法动态显示数据库的内容： from django.shortcuts imp...
项目实训jeecg集成flowable工作流
qq_48308138的博客
05-06 1万+
jeecg集成flowable
JEECG集成flowable
书读百遍，其义自见
03-25 4118
目录一、后端1、新建子工程 pom.xml引入2、配置类2.1 数据库连接2.2 权限配置2.3 这个主要是用来覆盖flowable获取当前用户的逻辑3、主工程3.1 重写类 SecurityUtils3.2 新增发布流程的逻辑3.2 配置文件二、前端1、去官网下载包，然后把flowable-modeler的static复制到前端工程public目录下2、修改配置2.1 修改 app-cfg.js2.2 修改public/flowable/scripts/common/providers-config
驰骋工作流程引擎：自由表单设计器使用指南
- 从表设计器和属性设置让用户可以创建关联的子表，以处理复杂的数据结构。 - 操作权限控制和越位处理确保了数据安全和流程合规。 7. 多对多的关系设计： - 阐述了多对多数据关系的概念，并指导用户如何在表单中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值