https://github.com/react-visual-design/react-visual-design

react 可视化搭建平台,移动端可视化编辑平台,低代码设计平台,组件复用 低代码 无代码
https://github.com/react-visual-design/react-visual-design

dumi formily low-code low-code-framework react react-low-code-design react-visual-design reactjs umijs

Last synced: 5 days ago
JSON representation

react 可视化搭建平台,移动端可视化编辑平台,低代码设计平台,组件复用 低代码 无代码

• Host: GitHub
• URL: https://github.com/react-visual-design/react-visual-design
• Owner: react-visual-design
• License: mit
• Created: 2020-07-22T15:30:20.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-03-28T12:37:10.000Z (over 2 years ago)
• Last Synced: 2024-08-02T18:42:18.879Z (3 months ago)
• Topics: dumi, formily, low-code, low-code-framework, react, react-low-code-design, react-visual-design, reactjs, umijs
• Language: JavaScript
• Homepage: https://koki-5ghulbfed42032ec-1301619189.tcloudbaseapp.com/#/visual-page/edit?pageId=807102f66241a729026a85cf5e4b3926
• Size: 1.89 MB
• Stars: 94
• Watchers: 3
• Forks: 25
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> react 基于组件的可视化设计

## [demo 地址](https://koki-5ghulbfed42032ec-1301619189.tcloudbaseapp.com/#/visual-page/edit?pageId=807102f66241a729026a85cf5e4b3926)

## feature

1. 整体框架基于[umijs](https://umijs.org/)

2. 表单组件基于[Formily 2+ schema](https://v2.formilyjs.org/zh-CN)

3. 拖拽基于[html5 drag&drop 属性](https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_Drag_and_Drop_API)

4. 移动端组件基于[antd-mobile](https://mobile.ant.design/)

5. 数据存储存储基于eggjs [react-visual-design-server](https://github.com/react-visual-design/react-visual-design-server)

6. 把页面用到的[组件](https://github.com/react-visual-design/react-visual-design-components)封装成lib,发布到npm, 基于[dumi](https://github.com/umijs/dumi)

## 页面截图

![效果图1](./README/screen1.jpg)

![效果图2](./README/screen2.jpg)

![效果图3](./README/screen3.jpg)

## to do

丰富组件库

## Build Setup

```bash

# install dependencies

yarn

# serve with hot reload at localhost:8080

yarn start

# build for production with minification

yarn build

```

## Q&A

有问题可以issue 或者 [email protected]