# mumu-editor

**Repository Path**: mumu-page/mumu-editor

## Basic Information

- **Project Name**: mumu-editor
- **Description**: ✨是时候解放双手，用简单点的方式生成页面
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 94
- **Forks**: 24
- **Created**: 2021-01-27
- **Last Updated**: 2024-06-09

## Categories & Tags

**Categories**: webui, react-extensions

**Tags**: None

## README

<div align='center'>
    <h1>MM Page</h1>
    <p>是时候用简单的方式来搭建页面！</p>
</div>

[gitpod-image]: https://img.shields.io/badge/Gitpod-ready--to--code-908a85?logo=gitpod
[gitpod-url]: https://gitpod.io/#https://github.com/mumu-page/mumu-editor
[npm-image]: http://img.shields.io/npm/v/@r-generator/page.svg
[npm-url]: https://npmjs.com/package/@r-generator/page
[download-image]: https://img.shields.io/npm/dm/@r-generator/page.svg
[download-url]: https://npmjs.com/package/@r-generator/page

[![Gitpod ready-to-code][gitpod-image]][gitpod-url]
[![NPM downloads][download-image]][download-url]

## 是什么
将重复的页面功能封装成模板，通过可视化编辑器组合模板组件，达到复用模板的目的，进行提效！！！

> 最近很忙，一有时间就会更新哒～^～

- 预览地址：[Github Page](https://mumu-page.github.io/mumu-editor/) | [国内服务器](https://mumu-page.gitee.io/mumu-editor/)
- 仓库地址：[Github](https://github.com/mumu-page/mumu-editor) | [Gitee](https://gitee.com/mumu-page/mumu-editor)

  
## Preview

![alt 属性文本](./public/preview/%E5%A4%A7%E5%B1%8F%E5%8F%AF%E8%A7%86%E5%8C%96%E6%90%AD%E5%BB%BA%E6%A8%A1%E6%9D%BF%E7%BC%96%E8%BE%91%E5%99%A8%E7%AB%AF.png "预览")


## 开发项目
### 安装依赖 🇮🇶
```
yarn install
```
### 启动 🌠
```
yarn start
```

# TODO
- [x] 选中已完成
- [x] 拖拽添加
- [x] 远程组件
- [x] 网格布局组件，存在模板项目中
- [x] 网格布局组件拖拽释放重新计算
- [x] 网格布局支持子项属性修改
- [ ] 组件事件配置

## 关于
[awesome-lowcode](https://github.com/taowen/awesome-lowcode)

## no code / low code / pro code

一切的改进都是源自于人类的缺陷

no code：自己编程给自己用，给用户的感觉是一个更强大的办公/实用软件。主要的手段是用图形化操作等方式降低学习曲线。no code 一定要面向非常固定的领域才能做到好用。

low code：编程给其他人用，为此创造了一个 citizen developer 的概念。主要的手段是平台预制好常见的需求，减少需要从头写的代码。low code 也要面向指定的领域才能让平台提前预测需求，但相比 no code 可以不把使用场景限定得那么死。

pro code：low code 的平台自己不会选择 low code 来创建这个平台本身，因为 low code 并没有降低从头构建一个系统的成本。但是 pro code 的平台自己会选择 pro code 来创建这个平台本身，比如 react 开发者会选择用 react 来创建自己的开发工具，因为 pro code 的工具和平台都是以从根本上降低从头构建一个系统的复杂度为目标的。