GavinZhulei-CSDN博客

原创 FormMaking表单设计器V3.8发布，数据表格上线，支持多选、多级表头、列模板自定义、操作列、分页等设置

FormMaking 是基于Vue的可视化表单设计器，赋能企业实现可视化低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中得到了广泛使用。FormMaking 采用Vue和Element进行页面构建，内置i18n国际化解决方案，支持二次扩展开发，支持自定义组件扩展，目前支持渲染Element和Antd组件库。

2024-07-02 19:10:40 1006

原创 FormMaking V3.6发布，表单设计中业务规则可视化配置上线

FormMaking v3.6.0 新版本发布，这次为大家带来了动作事件的可视化配置，可以通过图形界面方便直观的配置表单业务，无需在函数中书写 Javascript 代码。

2023-10-26 17:22:12 312

原创 FormMaking 表单设计器，通过拖拽配置快速实现中后台数据增删改查

FormMaking 是基于 vue 和 element 开发的可视化/低代码表单设计器，可以选择生成 element 和 antd 样式的表单。目前已支持 Vue3。如果感兴趣可以前往我们官网查看，还有更多的示例等着你的了解。

2022-08-11 11:18:39 1415 2

原创表单设计器高级功能展示，导入自定义组件，可视化配置组件的事件

本文我们将介绍如何使用 FormMaking 表单设计器来引入自己的高级组件，并可以通过设计器进行配置，处理事件等操作。我们将封装一个分页数据表格组件，组件采用 ElementPlus 。引入到设计器注册组件首先应该在自己项目中进行组件的注册。也可以使用进行组件的注册设计器配置然后在自定义字段中就展示出来了![image.png](https://img-blog.csdnimg.cn/img_convert/3b1cf1953d7ed819253aa9b5ce81eb9d.png#c

2022-06-23 20:02:32 1124 2

原创基于Vue3，Element Plus的一款表单设计器，支持生成Element和Antd样式的表单

简介FormMaking v3 是基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器，可以生成 Element 和 Antd 样式的表单。FormMaking 目前已被民航、政务、教育、医疗、测绘、金融、网络安全、智慧城市等不同领域采用，V3 版本完全支持兼容 FormMaking，在使用和功能上完全一致。预览地址：https://form.making.link/v3/sample/?from=csdn文档地址：https://www.yuque.com/form-

2022-03-31 19:59:51 10942 1

原创 FormMaking V3 发布，支持 Vue 3 的可视化低代码表单设计器

简介FormMaking v3 是基于 Vue 3.x 和 Element Plus 开发的可视化/低代码表单设计器，可以生成 Element 和 Antd 样式的表单。FormMaking 目前已被民航、政务、教育、医疗、测绘、金融、网络安全、智慧城市等不同领域采用，V3 版本完全支持兼容 FormMaking，在使用和功能上完全一致。预览地址：https://form.making.link/v3/sample文档地址：https://www.yuque.com/form-making/dpao

2022-03-28 10:35:41 3024 2

原创干货分享，FormMaking表单设计器快速实现表单的详情展示和打印

背景我们在实际的表单应用中，常常会遇到表单编辑好后，如何快速的展示详情页面又或者直接能够打印呢。接下来我们会在本文中详细道来。设计表单通过 FormMaking 设计出表单。这里我们使用表格布局，设计出如下样式的表单：关于如何设计出这样的表单，可以前往复杂报表设计查看。展示表单详情我们需要展示表单详情的时候，只需要配置表单组件的参数，启用表单打印阅读即可，表单就会将文本框转化为文本类型。设置如下：<fm-generate-form :data="jsonData"

2021-08-25 16:09:06 993

原创 FormMaking 1.3.0 新版发布，自定义表单支持数据源配置

简介FormMaking 是基于 Vue 的可视化表单设计器，赋能企业实现低代码开发模式；帮助开发者从传统枯燥的表单代码中解放出来，更多关注业务，快速提高效率，节省研发成本。在OA系统、考试系统、报表系统、流程管理等系统中应用广泛。基于 vue 和 element-ui 实现，使用了最新的前端技术栈，内置了 i18n 国际化解决方案，支持二次开发，支持自定义组件引入。提供表单设计器（MakingForm）和表单生成器（GenerateForm）两个组件，通过表单设计器快速设计出表单页面，生成可配

2021-04-16 11:49:48 1529

原创 FormMaking 1.2.20 更新了～，迎来多终端适配和表格布局优化

介绍本次更新除了一些常规的优化和bug修复外，特别针对多终端适配和表格布局进行了优化，下面来看看这两个更新内容。多终端适配我们在设计表单的时候，有时可能需要在不同的设配上（pc、pad、mobile）展示不同的效果，现在我们将这三种设备屏幕宽度加入到设计器中，让设计的时候更加直观的查看。表格布局功能升级新版本增加对表格单元格的插入、合并、拆分、删除，让其更加能够满足企业复杂的表格场景。...

2021-02-01 20:36:48 430

原创使用 FormMaking 为表单添加事件处理

背景描述表单在日常使用中，面对很多特殊的业务场景，需要为表单中某些控件单独设置一些事件来做自定义操作。为此，我们为 FormMaking表单设计器添加了新的功能，可以快速的对表单中的元素绑定各种事件，使得表单能够有更好的扩展性。查看官方文档，可以了解到新版本添加了获取表单项组件的方法 getComponent，接下来我们用简单的例子来说明下如何为表单动态添加事件。表单输入框加入点击事件我们在表单开发的时候，常会有这样一种需求，就是点击文本框后会弹出一个模态框进行一...

2020-12-16 21:07:31 1808 1

原创 FormMaking 可视化表单设计器自定义组件配置

介绍先来个简单的介绍，FormMaking 可视化表单设计器，基于Vue的表单设计器，让表单开发简单而高效。官网地址：http://form.making.link文档地址：http://docs.form.making.link表单设计器内置的组件很多时候不能满足到客户的需求，这个时候就需要自己定义一些组件来进行配置。接下来看看我们的处理方法：作用域插槽最开始我们在设计器中采用作用域插槽的方式，给生成器预留了插槽，可以在生成器配置的时候引入自己的组件，做到自定义，具体方法如下：拖拽【自定

2020-05-28 21:00:07 5896 1

原创 Antd Vue 表单生成快速开发指南，内附强大的表单设计器

之前发布了一款基于Element的表单设计器，可以快速设计和生成表单，设计器地址：http://form.xiaoyaoji.cn/。现在我可以告诉大家，Antd表单支持来了，可以使用设计器设计好表单后，快速生成Antd表单，提供了强大的Api操作。接下来就来看看如何快速生成表单：1. 引入 Ant Design Vuenpm install ant-design-vue -Simport...

2020-02-24 12:41:39 8417

原创基于Vue,ElementUI开发的一款表单设计器

介绍基于Vue,ElementUI开发的一款表单设计器，提高表单开发效率的利器，让开发者从枯燥的表单代码编写中解放出来工具地址：http://tools.xiaoyaoji.cn/formGitHub地址：https://github.com/GavinZhuLei/vue-form-making特性可视化配置页面提供栅格布局，并采用flex实现对齐一键预览配置的...

2018-09-28 13:20:49 57432 2

原创 vue-cli webpack3 扩展多模块打包

场景在实际的项目开发中会出现这样的场景，项目中需要多个模块（单页或者多页应用）配合使用的情况，而vue-cli默认只提供了单入口打包，所以就想到对vue-cli进行扩展实现首先得知道webpack是提供了多入口打包，那就可以从这里开始改造新建build/entry.jsconst path = require('path')const fs = require('fs')const modu...

2018-04-09 19:43:07 3889

GavinZhulei的博客