/react-form-design

react+antd+react-beautiful-dnd实现拖拉拽动态表单设计（支持手机模式），自动生成页面， 适用于OA， 自定义动态表单设计（Design of drag-and-drop dynamic form）模仿小幺鸡表单设计器

Primary LanguageJavaScript

react-form-design （支持手机模式）（vue版本请查看我的form-design）

  • react-form-design是本人基于react、ant-design，react-beautiful-dnd构建开发，实现用拖拉拽和自主配置来实现动态表单设计功能功能，提供一套更优的前端解决方案
  • 自主研发，模仿小幺鸡表单设计器（点击查看小幺鸡）
  • 支持拖拉拽控件，支持二次拖来拽
  • 支持自定义配置和布局
  • 支持表单验证和表单预览

效果图

效果图

效果图

效果图

Quick Start

Install

npm install

Build

第一次运行或者构建生产环境实体文件时，需要打包build，运行一次。

npm run build

Run（本地服务器）

npm run server