精华内容
下载资源
问答
  • 表单设计器

    2018-02-27 11:23:48
    表单设计器表单设计器表单设计器表单设计器表单设计器表单设计器
  • 表单设计器
  • AnyReport表单设计器作为报表的一个组件,可设计多样式表单,收集数据,可生成对应的物理表字段,支持在线设计表单、预览表单,并支持一对多关系的表单结构设计,生成的表单支持输出excel文件,使用excel文件离线...

    AnyReport表单设计器作为报表的一个组件,可设计多样式表单,收集数据,可生成对应的物理表字段,支持在线设计表单、预览

    表单,并支持一对多关系的表单结构设计,生成的表单支持输出excel文件,使用excel文件离线填写数据,支持打印表单数据信息。

    3697591fc3b5f9a2fd51d9fe26bde8ed.png

    AnyReport报表集成填报设计器,使用填报设计器设计企业多样化的表单,录入数据,根据设计的表单自动生成对应数据库物理表(无需手工到数据库建表),类似Hibernate操作数据库,根据不同的数据库数据源生成对应的创建表SQL,新增数据、更新、删除数据对应的SQL。

    填报设计器应可以设计自由填报样式表单、一对一关系、一对多关系的表样式,如:主从表是常见的一种数据表结构,主表中的一条记录对应从表中的多条记录,例如订单表和产品表,订单表的一个订单对应产品表中的多条产品记录。

    97468b851ae393e8fa7d997867c41407.png

    类似Excel表单设计器,轻松地设计表单,不需要为表单组件排版,并能直接生成表单数据管理列表,可对数据进行添加、删除、修改,

    表单设计器可定义表单而录入数据,例如下级向上级单位报数、统计表中的部分数据仍需手工填写等。验证表单数据,表单数据可进入审批流程,审批通过保存进入数据库,保证数据的安全性。

    表单组件的编辑风格主要包括:文本框、下拉框、日期域、下拉书、单选框、复选框、密码框、文本框、上传图片、数据下拉框、文本编辑器。

    72c3ef6d904f402d45865dcd50aebf25.png

    设计完表单,直接可以生成数据库对应的物理表,更加简单, 可编辑表对应的名称、字段类型,及表之间的对应关系

    863f834b3f714c63f4d2fa589951a9a9.png

    数据提交成功页面,可轻松查看该表单数据的流程流转情况

    7bd681b33243468a8d21933e77661202.png

    展开全文
  • 表单设计器源码 此款表单设计器

    热门讨论 2011-08-03 14:53:45
    此款表单设计器实现了自 表单设计器源码 此款表单设计器实现了自定义表单,并创建数据表及保存数据的功能,能移植以WEB上使用,但在WEB上无法实现数据的动态保存, 是以上传来大家帮忙看看,能否实现WEB表单设计...
  • 基于Vue,ElementUI开发的一款表单设计器

    万次阅读 多人点赞 2018-09-28 13:20:49
    基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来 工具地址:http://tools.xiaoyaoji.cn/form GitHub地址:...

    介绍


    基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来

    工具地址:http://form.making.link

    GitHub地址:https://github.com/GavinZhuLei/vue-form-making

    特性

    • 可视化配置页面
    • 提供栅格布局,并采用flex实现对齐
    • 一键预览配置的效果
    • 一键生成配置json数据
    • 一键生成代码,立即可运行
    • 提供自定义组件满足用户自定义需求
    • 提供远端数据接口,方便用户需要异步获取数据加载
    • 提供功能强大的高级组件
    • 支持表单验证
    • 快速获取表单数据

    CDN

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/form-making/dist/FormMaking.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/form-making/dist/FormMaking.umd.js"></script>

     

     Install

    npm install form-making -S

     

    Quick Start

    import FormMaking from 'form-making'
    import 'form-making/dist/FormMaking.css'
    Vue.use(FormMaking)
    
    // or
    import {
      GenerateForm
    } from 'form-making'
    import 'form-making/dist/FormMaking.css'
    
    Vue.component(GenerateForm.name, GenerateForm)

    Template

    <fm-generate-form></fm-generate-form>

    功能介绍

    通过 在线地址 生成的JSON,用于表单渲染

    下面就是加载对应的数据用于展示,假设你已经正确加载组件

    <fm-generate-form 
        :data="jsonData" 
        :remote="remoteFuncs" 
        :value="values"
        ref="generateForm">
    </fm-generate-form>
    
    <script>
    new Vue({
        ...
        data () {
            return {
                jsonData: {}, // 表单配置中生成的json数据
                values: {}, // 表单需要显示的表单数据
                remoteFuncs: {
                    // 组件配置时配置的远端方法,保持和配置时输入的名称一致
                    func_test (resolve) {
                      // 模拟接口请求
                      setTimeout(() => {
                        const options = [
                          {id: '1', name: '1111'},
                          {id: '2', name: '2222'},
                          {id: '3', name: '3333'}
                        ]
                        
                        // 获取到的值和标签可以通过配置页远端配置
                        // 值:id  标签:name
            
                        resolve(options) // 将后端获取的数据放入回调函数中
                      }, 2000)
                    },
                    func_test2....
                }
            }
        },
        methods: {
            ...{
                // 调用此方法验证表单数据和获取表单数据
                this.$refs.generateForm.getData().then(data => {
                    // 数据校验成功
                    // data 为获取的表单数据
                }).catch(e => {
                    // 数据校验失败
                })
            }
        }
    })
    </script>


    问题交流

    QQ群:985558286

    展开全文
  • 开普云表单设计器是一款离线表单设计器,可设计更复杂样式、更复杂运算规则的电子表单模板。 因在线设计器受浏览器限制很多功能不能完美展现,Windows表单设计器是在线电子表单应用的极好补充。在表单中心直接导入...
  • Formbuild 表单设计器

    2017-12-25 14:27:27
    表单拖拽添加 强大的表单设计器 formbuild bootstrap 表单控件拖拽添加
  • 流程设计器+表单设计器+MVC
  • 表单设计器源码

    2018-06-02 16:34:47
    c#写的表单设计器源码,可以动态拖动控件组成表单界面,并且可以设置控件属性,类似Visual Studio 的编译器
  • jQuery表单设计器自由拖拽特效是一款强大的在线WEB表单设计器
  • 你将收获动态表单开发的一般思路可视化领域中的表单引擎从零实现一款动态表单设计器利用H5-Dooring开发一款表单设计平台正文按照习惯,我们先看看表单设计器实现的效果展示:上图中我们将表单设计器集成到了H5-...

    前言

    之前笔者有写过一篇如何设计动态表单配置平台的文章,但是由于笔者电脑问题代码丢失,所以后期重新实现了一套表单设计器,并优化了之前的设计方式,特地做一下总结和复盘。

    你将收获

    • 动态表单开发的一般思路
    • 可视化领域中的表单引擎
    • 从零实现一款动态表单设计器
    • 利用H5-Dooring开发一款表单设计平台

    正文

    按照习惯,我们先看看表单设计器实现的效果展示:

    0a9b94efd9327060ca06689be35a3e45.png

    baed2321943ba2175b8f494e35b9a3b9.png


    上图中我们将表单设计器集成到了H5-Dooring中,使其可以实现拖拽生成表单。

    其次我们可以根据右边的配置项,动态的添加某个表单组件或或者修改组件字段和数据源。在配置好表单之后我们还可以定制表单提交的api接口地址,以便实现用户数据的可溯源性。

    在开发之前,我们先分析一下动态表单设计的一般实现思路。

    动态表单开发的一般思路

    1. 静态化配置列表
    静态化配置列表是最传统的表单配置方式之一,基本思路就是利用母表来生成配置项,进而实现表单配置。类似于以下方式:

    e51905e41cae6c0132a48dd8d3f987ad.png


    早期的网站配置就是类似于这种呢方案实现的,比如说我们要定制网站的主色,网站某些组件是否可见,是一种比较简单的方式。但是缺点是每增加一个配置属性,都要开发人员重新编写一个字段配置代码,这种方式在表单开发中非常不灵活,而且对代码层有强依赖性,所以只适合做小型配置系统。比如个人网站,简单的自定义表单。

    2. 基于json schema的动态表单配置

    基于json schema的动态表单配置有两种实现方案, 一种就是支持在线修改json文件从而实现定制化,另一种就是完全无代码操作,但是前提都需要提供一套通用的表单模版。类似于如下案例:

    231ba293ba534a0c9bb06ba15278466e.png


    此种方案可以实现基本的表单自治。也是本文主要实现的方案。至于在线编写json文件的方案。笔者之前也也过成熟的方案,具体可以参考:基于jsoneditor二次封装一个可实时预览的json编辑器组件(react版)

    3. 支持在线coding的混合式表单设计
    支持在线编程的混合式表单设计方案是终极方案,也是目前流行的无代码化平台的思想之一。一方面它提供了基于json schema的动态表单配置, 对于一些强定制的,需要在线设计组件方案的模式,采用在线编程,实时打包成动态组件的方式,最后根据平台的组件约定来实现组件库的方式。如下图所示:

    1abdac57771d87341d0c463420876d0b.png


    在线代码编辑可以使用react-codemirror2或者 react-monaco-editor插件来实现。至于在线打包,我们用nodejs完全可以实现,笔者在做Dooring项目的在线下载代码时就用到了该方案,感兴趣的可以了解一下。

    可视化领域中的表单引擎

    可视化领域一方面强调的是图形(可视化)的设计,一方面是动态表单。比如说我们想傻瓜式的改变一张图的数据,属性,交互等,我们需要通过表单这一桥梁来实现:

    3c709f11dc17961834c19fa2ee772d8b.png


    所以我们需要设计一款适合公司产品的“表单引擎”,来动态根据图形组件的类型渲染不同表单配置。这块思想也是表单设计器要解决的问题之一。在下面的文章中我们会详细介绍实现过程。

    从零实现一款动态表单设计器

    在实现表单设计器之前,我们先来整理一下思路和需求。在笔者的最初草图中,它长这样:

    2492811f7d594361cdd1fe33699efd86.png


    从草图中我们可以提取到如下任务信息:

    • 定义一套表单组件库
    • 确定表单全局属性配置
    • 实现表单操作curd(增删查改)

    我们这里总结了几个常用的表单组件如下:

    • 单选框
    • 复选框
    • 单行文本
    • 多行文本
    • 下拉框
    • 文件上传
    • 日期框
    • 数值输入框

    以上这些基本满足我们的日常开发需求,其次我们还可以开发数据源表单组件,列表组件,比如dooring实现的那样:

    88f02de243e6fcdceb8a1a3a26dbcafb.png


    类似的还有颜色面板这些,我们可以更具业务需求自行定制。

    在完成表单组件库之后,我们就需要根据配置项动态渲染了。也有两种实现思路,一种就是类似于多条件判断,如下:

    {
      item.type === 'Number' &&
      <Form.Item label={item.name} name={item.key}>
        <InputNumber min={1} max={item.range && item.range[1]} step={item.step} />
      </Form.Item>
    }
    {
      item.type === 'Text' &&
      <Form.Item label={item.name} name={item.key}>
        <Input />
      </Form.Item>
    }
    {
      item.type === 'TextArea' &&
      <Form.Item label={item.name} name={item.key}>
        <TextArea rows={4} />
      </Form.Item>
    }

    这样做虽然可行,也有很多成熟系统采用该方案,但是一旦表单变多,比如一个页面有几十个甚至上百个表单项,那么我们将渲染m *** n**次(m为表单组件类型数,n为配置项个数)。另一种方式笔者看来是比较优雅的,可以将复杂度降低到O(n),也就是笔者常用的对象法。思路大至如下:将表单组件的类型作为对象的属性,属性值为对应的表单组件,这样遍历的时候只需要对应上对象的具体类型即可。


    代码如下:

    // 维护表单控件, 提高form渲染性能
    const BaseForm = {
        "Text": (props) => {
            const { label, placeholder, onChange } = props
            return <Cell title={label}>
                        <Input type="text" placeholder={placeholder} onChange={onChange} /> 
                   </Cell>
        },
        "Number": (props) => {
            const { label, placeholder, onChange } = props
            return <Cell title={label}>
                        <Input type="number" placeholder={placeholder} onChange={onChange} /> 
                   </Cell>
        }
    }
    
    //  动态渲染表单
    {
        formData.map((item, i) => {
            let FormItem = BaseForm[item.type]
            return <div className={styles.formItem} key={i}>
                      <FormItem {...item} />
                  </div>
        })
    }

    是不是很优雅呢?后期我们只需要在BaseForm里维护表单组件即可,而且还可以基于BaseForm对表单进行包装,实现动态删除,编辑等功能。如下:

    30515fbf3ce13fdc4ba8e32cde5c34f3.png


    包装后的代码如下:

    <div>
      <div className={styles.disClick}><FormItem {...item} /></div>
      <div className={styles.operationWrap}>
          <span onClick={handleEditItem}><EditOutlined /></span>
          <span onClick={handleDelItem}><MinusCircleOutlined /></span>
      </div>
    </div>

    接下来我们看看表单的全局属性,通过实际分析我们可以知道表单有如下外观:

    • 表单标题
    • 表单背景图片
    • 表单背景颜色
    • 提交按钮样式

    所以他们因该成为表单设计的通用属性,如下图所示:

    c9ad5f67e5eae2cd97ab7b57a0f01e9f.png


    配置出来之后的表单可能长这样:

    cf5214a9698f480aaa1e805e2a794dff.png


    以上的表单通过H5-Dooring设计而来。当然我们可以利用它设计更加自定的表单页面。

    最后一个比较使用的需求就是api定制,一般公司可能需要将用户的录入数据收集到自己的平台,那么这个时候我们提供一个api表单提交接口积极很有必要了,上面笔者也展示过,实现很简单,就是配置里多一个api的文本框即可。

    最后一步就是实现表单的curd操作,展示如下:

    编辑表单项:

    ae5c366aeee31e9e6f58d6f951a9845c.png


    删除表单项:

    996e24dfa3b739ededf410577ad02800.png


    添加表单项:

    0d13a4259cd1daf2b4f61bdb273e7d69.png


    具体实现也比较简单,只需要基于BaseForm进行包装,添加删除/编辑/添加按钮即可。具体可以参考我的开源项目H5-Dooring,地址:H5-Dooring传送门

    利用H5-Dooring开发一款表单设计平台

    在H5编辑器Dooring的实现中,我们可以做抽象,每一个页面组件可以看成特定的表单组件,如下图:

    8cd78ee579c130bc13b3299f22288062.png


    我们可以利用dooring的能力对表单平台进行拖拽,样式设计,数据录入等等操作,感兴趣的朋友可以基于Dooring设计思路改造成自己的表单设计平台。在文末笔者会附上dooring的github地址供大家研究参考。

    H5可视化编辑器Dooring功能迭代说明

    目前笔者实现的H5可视化编辑器H5-Dooring功能新增如下:

    • 实时保存功能
    • 添加进度条组件
    • 添加websocket通信
    • 实现在线下载代码功能
    • 添加Button组件
    • 添加动态表单设计器

    预览地址:基于React+Koa实现一个h5页面可视化编辑器-Dooring

    github地址:基于React+Koa实现一个h5页面可视化编辑器-Dooring

    最后

    如果想学习更多H5游戏, webpack,node,gulp,css3,javascript,nodeJS,canvas数据可视化等前端知识和实战,欢迎在《趣谈前端》一起学习讨论,共同探索前端的边界。

    更多推荐

    基于React+Koa实现一个h5页面可视化编辑器-Dooring
    typescript实战总结之实现一个互联网黑白墙
    react工程师必备的redux-thunk源码剖析

    作者:徐小夕

    链接:http://www.imooc.com/article/details/id/310591

    来源:慕课网

    本文原创发布于慕课网 ,转载请注明出处,谢谢合作

    展开全文
  • 你将收获动态表单开发的一般思路可视化领域中的表单引擎从零实现一款动态表单设计器利用H5-Dooring开发一款表单设计平台正文按照习惯,我们先看看表单设计器实现的效果展示:上图中我们将表单设计器集成到了H5-...

    7fddaa448802adbba41dd6aa9af0f1a2.png

    前言

    之前笔者有写过一篇如何设计动态表单配置平台的文章,但是由于笔者电脑问题代码丢失,所以后期重新实现了一套表单设计器,并优化了之前的设计方式,特地做一下总结和复盘。

    你将收获

    • 动态表单开发的一般思路
    • 可视化领域中的表单引擎
    • 从零实现一款动态表单设计器
    • 利用H5-Dooring开发一款表单设计平台

    正文

    按照习惯,我们先看看表单设计器实现的效果展示:0e9773c300a8fc6932b666d7d7ed1cce.png74f3e78b07c708fc7a2ec98164508d22.png

    上图中我们将表单设计器集成到了H5-Dooring中,使其可以实现拖拽生成表单。

    其次我们可以根据右边的配置项,动态的添加某个表单组件或或者修改组件字段和数据源。在配置好表单之后我们还可以定制表单提交的api接口地址,以便实现用户数据的可溯源性。

    在开发之前,我们先分析一下动态表单设计的一般实现思路。

    动态表单开发的一般思路

    1. 静态化配置列表 

    静态化配置列表是最传统的表单配置方式之一,基本思路就是利用母表来生成配置项,进而实现表单配置。类似于以下方式:

    e07a2d24822931ee32353bbfde8b9c49.png

    早期的网站配置就是类似于这种呢方案实现的,比如说我们要定制网站的主色,网站某些组件是否可见,是一种比较简单的方式。但是缺点是每增加一个配置属性,都要开发人员重新编写一个字段配置代码,这种方式在表单开发中非常不灵活,而且对代码层有强依赖性,所以只适合做小型配置系统。比如个人网站,简单的自定义表单。2. 基于json schema的动态表单配置

    基于json schema的动态表单配置有两种实现方案, 一种就是支持在线修改json文件从而实现定制化,另一种就是完全无代码操作,但是前提都需要提供一套通用的表单模版。类似于如下案例:

    70b7fd514bc8d305c18aa1419ed24997.png

    此种方案可以实现基本的表单自治。也是本文主要实现的方案。至于在线编写json文件的方案。笔者之前也也过成熟的方案,具体可以参考:

    基于jsoneditor二次封装一个可实时预览的json编辑器组件(react版)

    3. 支持在线coding的混合式表单设计 

    支持在线编程的混合式表单设计方案是终极方案,也是目前流行的无代码化平台的思想之一。一方面它提供了基于json schema的动态表单配置, 对于一些强定制的,需要在线设计组件方案的模式,采用在线编程,实时打包成动态组件的方式,最后根据平台的组件约定来实现组件库的方式。如下图所示:

    7a164544a8a6bb4e4da58b35616a24ea.png

    在线代码编辑可以使用react-codemirror2或者 react-monaco-editor插件来实现。至于在线打包,我们用nodejs完全可以实现,笔者在做Dooring项目的在线下载代码时就用到了该方案,感兴趣的可以了解一下。

    可视化领域中的表单引擎

    可视化领域一方面强调的是图形(可视化)的设计,一方面是动态表单。比如说我们想傻瓜式的改变一张图的数据,属性,交互等,我们需要通过表单这一桥梁来实现:

    407e27e93d8ba878ac230b098b1e13c8.png

    所以我们需要设计一款适合公司产品的“表单引擎”,来动态根据图形组件的类型渲染不同表单配置。这块思想也是表单设计器要解决的问题之一。在下面的文章中我们会详细介绍实现过程。

    从零实现一款动态表单设计器

    在实现表单设计器之前,我们先来整理一下思路和需求。在笔者的最初草图中,它长这样:

    c85077ab83cbb4049203557a643731d2.png

    从草图中我们可以提取到如下任务信息:

    • 定义一套表单组件库
    • 确定表单全局属性配置
    • 实现表单操作curd(增删查改)
    我们这里总结了几个常用的表单组件如下:
    • 单选框
    • 复选框
    • 单行文本
    • 多行文本
    • 下拉框
    • 文件上传
    • 日期框
    • 数值输入框

    以上这些基本满足我们的日常开发需求,其次我们还可以开发数据源表单组件,列表组件,比如dooring实现的那样:

    c7958e67f212f4629ab71bbe233e6a0a.png类似的还有颜色面板这些,我们可以更具业务需求自行定制。

    在完成表单组件库之后,我们就需要根据配置项动态渲染了。也有两种实现思路,一种就是类似于多条件判断,如下:

    {
    item.type === 'Number' &&label={item.name} name={item.key}>
    min={1} max={item.range && item.range[1]} step={item.step} />
    }
    {
    item.type === 'Text' &&label={item.name} name={item.key}>
    }
    {
    item.type === 'TextArea' &&label={item.name} name={item.key}>rows={4} />
    }复制代码
    这样做虽然可行,也有很多成熟系统采用该方案,但是一旦表单变多,比如一个页面有几十个甚至上百个表单项,那么我们将渲染m * n次(m为表单组件类型数,n为配置项个数)。另一种方式笔者看来是比较优雅的,可以将复杂度降低到O(n),也就是笔者常用的对象法。思路大至如下:将表单组件的类型作为对象的属性,属性值为对应的表单组件,这样遍历的时候只需要对应上对象的具体类型即可。 代码如下:
    // 维护表单控件, 提高form渲染性能
    const BaseForm = {
    "Text": (props) => {
    const { label, placeholder, onChange } = props
    return title={label}>
    type="text" placeholder={placeholder} onChange={onChange} />
    },
    "Number": (props) => {
    const { label, placeholder, onChange } = props
    return title={label}>type="number" placeholder={placeholder} onChange={onChange} />
    }
    }
    // 动态渲染表单
    {
    formData.map((item, i) => {
    let FormItem = BaseForm[item.type]
    return
    className={styles.formItem} key={i}>...item} />

    })
    }复制代码

    是不是很优雅呢?后期我们只需要在BaseForm里维护表单组件即可,而且还可以基于BaseForm对表单进行包装,实现动态删除,编辑等功能。如下:

    1a4ac2075c855a75f2ae2d6ba3c16f38.png

    包装后的代码如下:

    className={styles.disClick}>...item} />
    className={styles.operationWrap}>onClick={handleEditItem}>onClick={handleDelItem}>
    复制代码接下来我们看看表单的全局属性,通过实际分析我们可以知道表单有如下外观:
    • 表单标题
    • 表单背景图片
    • 表单背景颜色
    • 提交按钮样式
    所以他们因该成为表单设计的通用属性,如下图所示:6c801fa47dc31bcef018f45e0bc0e90b.png配置出来之后的表单可能长这样:d593cefe2c751e83749dd4df547015f1.png

    以上的表单通过H5-Dooring设计而来。当然我们可以利用它设计更加自定的表单页面。

    最后一个比较使用的需求就是api定制,一般公司可能需要将用户的录入数据收集到自己的平台,那么这个时候我们提供一个api表单提交接口积极很有必要了,上面笔者也展示过,实现很简单,就是配置里多一个api的文本框即可。

    最后一步就是实现表单的curd操作,展示如下:

    编辑表单项:e91fbd2075976625bbf8d5ab010631e8.png删除表单项:5f24c67de905a2d231b82c14add735b4.png添加表单项:0fa952b5914f2aaf60320027c03f854a.png

    具体实现也比较简单,只需要基于BaseForm进行包装,添加删除/编辑/添加按钮即可。具体可以参考我的开源项目H5-Dooring,地址:H5-Dooring传送门

    利用H5-Dooring开发一款表单设计平台

    在H5编辑器Dooring的实现中,我们可以做抽象,每一个页面组件可以看成特定的表单组件,如下图:

    f6eafea8eb8bb42d2abcd09fcf112794.png

    我们可以利用dooring的能力对表单平台进行拖拽,样式设计,数据录入等等操作,感兴趣的朋友可以基于Dooring设计思路改造成自己的表单设计平台。在文末笔者会附上dooring的github地址供大家研究参考。

    H5可视化编辑器Dooring功能迭代说明

    目前笔者实现的H5可视化编辑器H5-Dooring功能新增如下:
    • 实时保存功能

    • 添加进度条组件

    • 添加websocket通信

    • 实现在线下载代码功能

    • 添加Button组件

    • 添加动态表单设计器

    最后

    如果想学习更多H5游戏, webpack,node,gulp,css3,javascript,nodeJS,canvas数据可视化等前端知识和实战,欢迎在公众号《趣谈前端》一起学习讨论,共同探索前端的边界。

    更多推荐

    • 基于React+Koa实现一个h5页面可视化编辑器-Dooring
    • 深度剖析github star数15.1k的开源项目redux-thunk
    • TS核心知识点总结及项目实战案例分析
    展开全文
  • winform 表单设计器

    2015-11-18 17:12:11
    基于DesignerHosting修改后的表单设计器,已经可以完成创建、打开、保存、编译、运行表单功能,并且可以编辑属性及事件,弥补了DesignerHosting的缺点。 目前尚有一问题没有解决,使用datagridview控件后,无法在...
  • jquery 表单设计器

    热门讨论 2013-07-02 08:47:40
    jquery 表单设计器,简单,灵活。无加密
  • formbuilder表单构建工具_在线表单设计器代码formbuilder表单构建工具_在线表单设计器代码
  • flowable表单设计器选型

    千次阅读 2020-02-25 16:45:33
    用flowable实现工作流不可避免有表单的需求,讲一下flowable表单设计器的选择。 flowable有自带的表单设计器,这个结合业务需求看是否合适。 网上也有很多开源的设计器,如果用开源的表单设计器,大概的方案...
  • jquery UI表单设计器

    热门讨论 2014-08-30 13:33:01
    一个用jaqury UI开发的表单设计器源代码
  • 今天给小伙伴们推荐一款强大的Vue可自由拖拽表单设计器组件。vue-form-making 基于vue.js简单高效的表单设计器组件,star高达3.3K+。简单拖拽即可进行表单设计,可生成/导出json及代码,支持i18n国际化。功能特性...
  • 表单设计器ortum

    2020-11-14 12:05:17
    说明:ortum是一款使用jquery和requireJS模式开发的表单设计器。基本的form组件都有实现,做这个东西原本是项目启发。后来觉得这个可以做成页面设计器,当然这是后话。所以现在一直在往这个方向去走。设计出来的表单...
  • 非常棒的表单设计器源码,用户可以根据自己需要进行自定义控件的二次开发。文档中有官网地址,官网提供demo和二次开发说明。适合做OA流程的表单设计、电子病历表单设计等
  • 介绍基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来工具地址:http://tools.xiaoyaoji.cn/formGitHub地址:...并采用flex实现对齐一键预览配置的效果一键...
  • 基于 Vue, ElementUI 开发的一款表单设计器,目前开源版本在 Github 获得星标 2.4k,在2020年开工之际,我们加入了对 Ant Design Vue 的支持,让使用Ant Design Vue 的项目也能够快速进行表单的开发,废话不多说,接...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,230
精华内容 1,292
关键字:

表单设计器