Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: about 2 months ago
JSON representation

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

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]