乐趣区

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

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

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

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

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

Formily designable 表单设计生成器 – 拖拽生成 React 表单代码,反对挪动端表单设计

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

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

Formily designable 性能特点

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

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

form-render – 阿里团队开源表单设计器,自家 Antd 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 小时。立刻收费试用卡拉云。

扩大浏览:

  • 6 款最棒的开源 React admin 后盾治理框架测评
  • 横测最棒的 6 款 Mongodb gui 管理工具
  • 7 款开源顶级 React ui 组件库举荐测评
  • React 实现 PDF 文件在线预览 – 手把手教你写 React PDF 预览性能
  • React Echarts 应用教程 – 如何在 React 中退出图表
退出移动版