关于react.js:顶级好用的-React-表单设计生成器可拖拽生成表单

53次阅读

共计 1492 个字符，预计需要花费 4 分钟才能阅读完成。

本文完整版：《顶级好用的 React 表单设计生成器，可拖拽生成表单》

React 前端开发中，表单组件是排在前三的高频应用的组件，如何疾速构建表单，节俭力量，防止反复造轮子呢，抉择一款适宜本人的前端表单设计生成器就十分重要了。本文介绍 3 款顶级好用的 React 表单设计器，其中最初一款卡拉云，是新一代低代码开发工具，不仅能主动生成各类表单，还能够拖拽生成其余常见的前端组件，一行代码连贯前后端数据，可疾速接入数据库 /api。它是表单设计器的超集，可间接生成属于你的后盾管理工具，无敌好用。

本文介绍 3 款各有特点的表单设计器

Formily designable 表单设计生成器 – 拖拽生成 React 表单代码，反对移动端表单设计
form-render – 阿里团队开源表单设计器，自家 Antd UI 框架敌对
卡拉云 – 低代码开发工具，表单设计器的超集，拖拽表单间接连贯后端数据，即搭即用

Github：https://github.com/alibaba/designable

designable 是阿里旗下 Formily 表单解决方案的在线可视化表单设计生成器，可在线拖拽生成组件间接用于 React 框架的我的项目中。反对 PC 端和挪动端设计，一键生成 React 代码或 JSON 表单代码。

Formily designable 性能特点

可公有部署，可内置在我的项目中，在线可视化表单生成器
一键生成 React 表单组件代码
可内置在我的项目里，用户可在你的工具后盾应用此组件生成表单
有表单验证性能
官网文档清晰详实

扩大浏览：《7 款顶级好用的 React 挪动端 ui 组件库测评举荐》

Github：https://github.com/alibaba/x-render

FormRender 是阿里旗下的飞猪 app 的表单生成计划，从 2017 年在外部开始应用到 2019 年正式对外开源，FormRender 经验了多个阿里大我的项目的迭代和降级，细节曾经相当全面。

FormRender 开源期间反对了阿里旗下的阿里云、淘宝、阿里人工智能实验室等多条产品线的数十个利用场景。

form-render 性能特点

反对阿里旗下的 Ant Design 和 Alibaba Fusion Design
性能逻辑清晰，疾速部署
阿里旗下 20 多个业务线正在应用
反对表格校验、自定义嵌套、款式，可拖拽生成表单

扩大浏览：《6 款好用的 React table 表格组件测评举荐》

官网：https://kalacloud.com

卡拉云可帮你疾速搭建企业外部工具，下图为应用卡拉云搭建的外部广告投放监测零碎，无需懂前端，仅需拖拽组件，10 分钟搞定。你也能够疾速搭建一套属于你的后盾管理工具。

卡拉云是新一代低代码开发平台，与前端框架 Vue、React 等相比，卡拉云的劣势在于不必首先搭建开发环境，间接注册即可开始应用。开发者齐全不必解决任何前端问题，只需简略拖拽，即可疾速生成所需组件，可一键接入常见数据库及 API，依据疏导简略几步买通前后端，数周的开发工夫，缩短至 1 小时。立刻收费试用卡拉云。

扩大浏览：