动态表单

Vue3+elementplus搭建通用管理系统实例十：动态表单及详情页实现上

一、本章内容  通过实体配置信息实现自动解析并生成对应表单，完整课程地址二、效果预览三、开发视频</i
军军君01·2022-09-21 17:01

JavaScript事件通信研究之自定义事件

前言公司前段时间开发A项目的时候，因为A项目涉及的模块比较多，而且好多又是具有相当独立性等特点的，比如编辑器模块、可视化编辑模块、动态表单自定义配置模块、导航栏及权限页面配置模块等。
sssgoEasy·2022-08-27 00:06

LeaRun.net快速开发动态表单

答案就是：动态表单。动态表单也就是可视化配置，通过提供统一的格式化输出规范
力软快速开发平台·2022-08-25 12:52

vue2实现封装动态表单组件

目录封装组件注意点动态表单动态控制的是什么？
·2022-08-14 09:33

LeaRun.net快速开发动态表单

答案就是：动态表单。动态表单也就是可视化配置，通过提供统一的格式化输出规范
·2022-08-02 15:59

LeaRun.net快速开发动态表单

答案就是：动态表单。动态表单也就是可视化配置，通过提供统一的格式化输出规范
·2022-08-02 15:54

一个基于Vue3+element-plus 的 可编程动态表单

github:https://github.com/allensunjian/quick-form/tree/main演示地址：https://allensunjian.github.io/quick-form-example/视频演示https://www.bilibili.com/vide...仅限于学习交流使用不建议用于生产
·2022-07-07 13:00

vue实现动态表单动态渲染组件的方式(1)

vue实现动态表单/动态渲染组件的方式（一），供大家参考，具体内容如下思路先写好各个可能会出现的表单或者自定义的组件，引入。
·2022-06-14 17:57

Angular动态组件的表单校验功能

零、需求分析前置条件：本文基于Angular动态组件https://angular.cn/guide/dyna...这是一个有着三层组件的动态表单，由于表单项是动态生成的，与父组件不共用FromControl
·2022-05-27 18:33

我的实习记录

2017年7月1、签订劳动合同，转正，实习期结束2、React-Native学习研究2017年6月19日星期一—2017年6月23日星期五1、重装系统/开发环境2、动态表单设计开发完成3、请假两天回武汉领毕业证
weixin_30270889·2022-04-26 19:44

vue实现动态表单动态渲染组件的方式(2)

本文实例为大家分享了vue实现动态表单动态渲染组件的方式，供大家参考，具体内容如下思路先把所有可能出现的表单/组件写在主页面每个表单/组件的slot属性值要与后端返回的表单/组件类型匹配根据后端返回的数据
·2022-04-08 22:00

关于动态表单遇到的一些问题

前言一个demo应用到项目上的时候总会出现各种各样的问题。版本问题在编写项目时，照着前几天的实验demo写，viemContainerRef.createComponent(B),B是A接口的实现类，但是在这里B却报错了，一开始没仔细看报错详细信息，以为是B对A的继承关系有问题，但是检查了后并没有错。去网上找了一番后也没有发现解决办法。然后我去查看源码，发现方法参数需要一个工厂类而不是一个子类，感
·2022-03-28 19:04

angular动态表单

前言项目中需要实现一个模块，任务管理，这里的任务是多样的。比如说打疫苗是一个任务，我们首先建立这个任务，然后在任务中规定几个字段，比如说打疫苗的地点，时间，接种疫苗品牌等等。关爱老人是另一个任务，任务中也规定几个字段，何时去关爱老人，行为记录等。打疫苗时间和关爱老人时间需要用到时间选择组件，打疫苗地点个接种疫苗品牌需要用到列表选择组件，行为记录需要用到文本输入组件。不同的字段需要用到不同的输入组件
·2022-03-21 18:20

angular动态生成的html5,Angular9 构建动态表单

为了更快更轻松地生成这种表单的不同版本，你可以根据描述业务对象模型的元数据来创建动态表单模板。然后就可以根据数据模型中的变化，使用该模板自动生成新的表单。
戒酒硫·2022-03-16 09:33

PHP实现动态表单生成工具详解

目录Form介绍特点项目主页链接安装方法快速使用链式操作创建块表单数组配置创建块表单行内表单table表单表单包含多种input类型，包括hiiden类型,text类型，radio类型，checkbox类型，textarea类型，file类型，select类型等基础类型，手写表单就是累耗时耗力开发销量太低而且代码量大了还容易写出bug，每个页面的表单遇到改动的时候恨不得长十双手去改，于是我自己开发
·2022-03-15 11:15

php编写的开源动态表单生成工具

表单包含多种input类型，包括hiiden类型,text类型，radio类型，checkbox类型，textarea类型，file类型，select类型等基础类型，手写表单就是累耗时耗力开发销量太低而且代码量大了还容易写出bug，每个页面的表单遇到改动的时候恨不得长十双手去改，于是我自己开发了一个php写的表单生成工具，在业务逻辑通过配置或者链式操作去初始表单结构和数据，不管有多少页面都只需要通
·2022-03-14 22:57

vue element dialog弹框 表单 编辑后再点击新增 表单无法重置问题

问题描述在用ElementUI做动态表单时，数据的修改都是打开dialog（子组件）中进行操作的，但是在修改数据时，正常来说可以直接调用this.
O槑頭槑腦·2022-02-06 20:21

详解Vue返回值动态生成表单及提交数据的办法

2、动态表单上所有name属性对应的键值对的形式提交到后端一、后端返回的数据，提交到后端的数据格式如下：//后端返回的数据，根据返回类型用对应的组件[{"componentType":"input","
·2022-02-04 15:58

【技术分享】DOSM Web项目优化分析 & 解决方案

通过高效的流程引擎，支持多样化的工单流程、多种工单处理&分配方式以及动态表单等功能，帮助企业实现数字化转型。问题描述：在客户内网环境下，因带宽比较低，静态资源加
·2021-12-06 15:34

项目中遇过的bug

一、多层动态表单嵌套显示不出第一项数据（接口异步传入）解决方案1～预定义formdata中的嵌套渲染对象清空2～在传入数据的父组件上加v-if3~在子组件中深度监听接收的数据并在nexttick中更新要渲染的对象
spp0925·2021-12-04 15:50

form-create 3.0 版本发布，好用的Vue3版本动态表单生成组件

form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持2个UI框架，并且支持生成任何Vue组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。文档|源码3.0.0版本主要更新了以下内容:适配vue3适配element-plus和ant-design-vue3.0功能于2.5.12版本一致移除配置项attrsscopedSlots
xaboy·2021-11-23 16:00

动态表单设计

一、选型分析动态表单是一种要求比较灵活的使用场景，根据动态的模型来生成对应的表单，并且能够很方便的随时修改结构。通过分析，整理了三种可能符合的方案。
tomcat_pikaqiu·2021-11-19 09:07

「免费开源」基于Vue和Quasar的前端SPA项目crudapi零代码开发平台后台管理系统实战之之拖拽表单定制（十六）

基于Vue和Quasar的前端SPA项目实战之拖拽表单定制（十六）回顾通过前一篇文章基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了元数据中动态表单设计功能，支持常见的数据类型和索引
·2021-11-05 11:32

Augular中利用响应式表单实现动态表单字段(表单的字段根据后台动态返回)的动态表单(表单的个数可以动态添加)

这个需求跟正常的表单不太一样，这个表单基本上除了几个写死固定的表单项以外，其他的数据均为动态生成的，需求大体上就是一个复选框组，用户可以通过选中不同的复选框，下面生成一个对应的表单，表单中一部分的字段是由后台那边动态返回的。图一.png图二.png下面来说下大体上的思路，组件库使用的NG-ZORRO组件完整的HTML部分：场景名称场景描述AI类型监测子项时间阈值监控间隔{{e.name}}立即创建
听书先生·2021-10-17 17:46

Vue动态表单的应用详解

概述  后台管理系统里面有非常多的表单需求，我们希望能够通过写一个json格式的数据，通过vue的循环动态地去渲染动态表单。并且能够在外部得到渲染出来的表单数据，从而做一个入库操作。
·2021-10-12 10:28

1、初始JavaScript

世界上最流行的语言之一，运行在客户端的脚本语言2.脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行进行解释执行3.现在也可以基于Node.js技术进行服务器端编程2、JavaScript的作用1.动态表单验证
Sun Jiakai_凯·2021-10-10 14:46

「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之模块管理（十四）

基于Vue和Quasar的前端SPA项目实战之模块管理（十四）回顾通过之前一篇文章基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，通过配置的方式可以零代码实现表单管理功能，但是所有表单都没有分类
·2021-09-09 12:25

ng-form 基于vue 的开源动态表单组件

ng-form是致力打造开源最强vue动态表单组件，目前已经适配了element-ui版本和iview版本，后续会支持element-plus，antdesign。
jjxliu306·2021-08-24 14:33

手摸手教程：如何实现一个可编程的Vue动态表单？

来自产品MM的需求首先看一个简单的表单需求，下面是一个简单数据收集表的一部分，选择“立即生效”后出现"生效日期"且必填。用Vue+ElementUI很容易实现这个需求，开动VSCode一顿常规操作，10分钟收工。第二天产品MM又找过来了，需求有一丢丢改动，如下图示：活动类型为冲单或回馈时，支持生效条件；条件支持活动人数、活动天数(二者为且的关系)肿么办？启动VSCode，又是一通常规操作，这次改动
·2021-08-16 20:41

「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之数据库逆向（十二）

基于Vue和Quasar的前端SPA项目实战之数据库逆向（十二）回顾通过之前文章基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，实现了动态表单功能。
·2021-08-06 12:40

java 自定义表单 动态表单 表单设计器 工作流引擎 flowable 项目源码

自定义表单设计模块都有哪些？1定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版2表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版3.我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等4.表单数据：从我的表单进去可增删改查表单数据，修改表单规则5.挂靠记录：记录表单数据和流程实例ID关联记录，可删除
IT祖师爷·2021-07-15 14:00

react antd实现动态增减表单

之前写动态表单遇到过坑，就是用index下标做key会导致bug，而且很严重！今天有空写下文章记录下：怎么处理和逻辑我用的是antd3的版本，3和4的表单有点不一样，不过差别应该不大。
·2021-06-03 21:36

ant-design 动态表单实时错误验证 小计

image.png这是ant-design上的一个demo，在所有表单不满足条件时提交按钮禁用。当表单需要动态增减时如何实时禁用按钮？//表单每一项的错误值functionformHasErrors(fieldsError){returnObject.keys(fieldsError).some(field=>fieldsError[field]);}classTestFormextendsCom
张延伟·2021-04-17 16:29

五分钟带你玩转flowable（一）引子|蓄力计划

领导：小鲍，咱们老板想做个高大上的审批系统，要求主流，功能细腻，可动态配置，比如动态表单等，而且功能强大，大而全这么个东西，然后咱们现在项目情况你也知道，比较着急，所以。。。。。。。。。。
小黄鸡1992·2021-04-14 13:28

「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表关系管理（六）

基于Vue和Quasar的前端SPA项目实战之表关系（六）回顾通过上一篇文章基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，我们已经完成了元数据中动态表单设计功能，本文主要表关系功能的实现
·2021-04-03 20:22

「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表关系管理（六）

基于Vue和Quasar的前端SPA项目实战之表关系（六）回顾通过上一篇文章基于Vue和Quasar的前端SPA项目实战之动态表单（五）的介绍，我们已经完成了元数据中动态表单设计功能，本文主要表关系功能的实现
·2021-04-01 12:43

「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表单（五）

基于Vue和Quasar的前端SPA项目实战之动态表单（五）回顾通过上一篇文章基于Vue和Quasar的前端SPA项目实战之序列号（四）的介绍，我们已经完成了元数据中序列号的增删改查，本文主要介绍动态表单设计功能的实现
·2021-03-30 11:44

「免费开源」基于Vue和Quasar的前端SPA项目crudapi后台管理系统实战之动态表单（五）

基于Vue和Quasar的前端SPA项目实战之动态表单（五）回顾通过上一篇文章基于Vue和Quasar的前端SPA项目实战之序列号（四）的介绍，我们已经完成了元数据中序列号的增删改查，本文主要介绍动态表单设计功能的实现
·2021-03-29 12:26

元数据管理—动态表单设计器在crudapi系统中完整实现

表单设计在前面文章中，我们通过一系列案例介绍了表单设计的一些基本功能，表单设计起到非常重要作用，也是crudapi核心，所以本文会详细介绍表单设计中一些其它功能。概要表单字段column属性列英文名称描述name英文名称caption中文名称autoIncrement是否自增长description描述displayOrder序号，UI中显示的顺序dataType数据类型，比如字符串、整数等seq
·2021-03-16 11:12

元数据管理—动态表单设计器在crudapi系统中完整实现

表单设计在前面文章中，我们通过一系列案例介绍了表单设计的一些基本功能，表单设计起到非常重要作用，也是crudapi核心，所以本文会详细介绍表单设计中一些其它功能。概要表单字段column属性列英文名称描述name英文名称caption中文名称autoIncrement是否自增长description描述displayOrder序号，UI中显示的顺序dataType数据类型，比如字符串、整数等seq
·2021-03-15 13:41

angular5 Reactive Form动态表单

Angular5ReactiveForm根据最近的使用,总结一下在ngx中使用reactiveform1.创建表单需求:创建一个带验证的表单,如果表单验证不通过则提交按钮disabled=truename:password:submitreset//app.component.tsimport{Component,OnInit}from'@angular/core';import{FormBuil
·2021-03-15 03:03

元数据管理—动态表单设计器在crudapi系统中完整实现

表单设计在前面文章中，我们通过一系列案例介绍了表单设计的一些基本功能，表单设计起到非常重要作用，也是crudapi核心，所以本文会详细介绍表单设计中一些其它功能。概要表单字段column属性列英文名称描述name英文名称caption中文名称autoIncrement是否自增长description描述displayOrder序号，UI中显示的顺序dataType数据类型，比如字符串、整数等seq
crudapi·2021-02-28 18:57

form-create2.5版本来啦,动态表单轻松搞定

form-create是一个可以通过JSON生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何Vue组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。文档|GitHub|示例支持UIelement-uiiview/view-designant-design-vue新增功能2.5版本主要更新了一下功能:重构内部核心代码优化内部渲染机制优化
·2021-02-19 20:34

动态表单之表单组件的插件式加载方案

这是第88篇不掺水的原创，想获取更多原创好文，请搜索公众号关注我们吧~本文首发于政采云前端博客：动态表单之表单组件的插件式加载方案前言关于动态化表单方案前面我们已经有过一次分享，没看过的同学可以看下之前的文章
·2021-02-03 10:53

Activiti 7 学习整合 BPMN.js（二）

动态表当读取历史数据接口我们在上面的渲染动态表单接口（formDataShow）方法中进行扩充，大致思路是在渲染表单之前会根据taskId查出流程id,并且根据流程实例id查出所有表单填写的值，将这些值构建成一个
吉他手_c156·2021-01-14 16:57

iview实现动态表单和自定义验证时间段重叠

动态添加表单项iview的动态添加表单很简单，只需设置好表单项为一个array，添加新项目的时候就push一个默认好的值，剩下的iview会帮你做好。添加显示时段exportdefault{name:'banner_new',data(){return{formValidate:{showTimeDurations:[{value:['','']}]}}},methods:{handleAddDu
·2021-01-10 18:33

基于Vuetify的Vue动态表单编辑器及代码生成器

简介在做工作流服务时，深感动态表单的重要性。所以，慢慢摸索和学习，结合自己的需求，搭建了本套动态表单系统。
码匠君·2021-01-10 14:15

iview-动态表单和自定义验证时间段重叠

动态添加表单项iview的动态添加表单很简单，只需设置好表单项为一个array，添加新项目的时候就push一个默认好的值，剩下的iview会帮你做好。添加显示时段exportdefault{name:'banner_new',data(){return{formValidate:{showTimeDurations:[{value:['','']}]}}},methods:{handleAddDu
董志钦·2021-01-09 22:14

iview-动态表单和自定义验证时间段重叠

动态添加表单项iview的动态添加表单很简单，只需设置好表单项为一个array，添加新项目的时候就push一个默认好的值，剩下的iview会帮你做好。添加显示时段exportdefault{name:'banner_new',data(){return{formValidate:{showTimeDurations:[{value:['','']}]}}},methods:{handleAddDu
董志钦·2021-01-09 22:53

代码生成工具收藏

JSONSchema快速生成自定义表单配置界面地址：https://github.com/alibaba/butterfly预览：https://alibaba.github.io/form-render三、其他1、动态表单页面设计
承诺一时的华丽·2020-12-30 21:41
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他