# page

**Repository Path**: rtpay/page

## Basic Information

- **Project Name**: page
- **Description**: 一款可视化组件代码生成器，旨在提升开发项目的效率。https://github.com/r-generator/page.git
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 24
- **Created**: 2022-04-05
- **Last Updated**: 2022-04-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<div align='center'>
    <h1>R Generate</h1>
    <p>一款可视化组件代码生成器</p>
</div>

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

[gitpod-image]: https://img.shields.io/badge/Gitpod-ready--to--code-908a85?logo=gitpod
[gitpod-url]: https://gitpod.io/#https://github.com/r-generator/page
[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

## 是什么
> 核心思想：自动化生成原始表单/组件代码，赋能业务，拒绝新规则，开发全掌控。

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

一款可视化组件代码生成器，旨在提升开发项目的效率。


- 预览地址：[Github Page](https://r-generator.github.io/page/) | [国内服务器](http://generator.resonance.fun)
- 仓库地址：[Github](https://github.com/r-generator/page.git) | [Gitee](https://gitee.com/r-generator/page.git)

## 在项目中使用此插件
敬请期待...
  
## Preview
敬请期待...

<!-- ![alt 属性文本](./docs/imgs/截屏2021-03-11%20下午7.24.33.png "预览")

![alt 属性文本](./docs/imgs/截屏2021-03-11%20下午7.24.58.png "首页")

![alt 属性文本](./docs/imgs/截屏2021-03-11%20下午7.25.09.png "控件面板")

![alt 属性文本](./docs/imgs/截屏2021-03-11%20下午7.25.31.png "设计区") -->

## 开发项目
### 安装依赖 🇮🇶
```
npm i && lerna bootstrap
```
### 使用本地依赖 🔗
```
lerna link
```
### 开发编译 🧬
```
npm run dev
```
### 启动 🌠
```
cd packages/page/ && npm start
```

## TODO
- [x] 组件池列表配置优化
- [x] 本地持久化更换为IndexedDB。
- [ ] 根据配置编译HTML


## 关于
[如何提升开发与设计表单类页面时的效率](https://www.yuque.com/docs/share/74964a3f-2290-4958-b9a4-26fb137fd6f3?#%20)

[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 的工具和平台都是以从根本上降低从头构建一个系统的复杂度为目标的。