Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eightfeet/yugong
前端低代码编辑器,专注于前端视觉设计;用于快速构建活动推广等消费型页面,分离业务层与UI,可便捷的对接到中后台。
https://github.com/eightfeet/yugong
ant-design h5-editor jss low-code low-code-framework react-grid-layout reactjs
Last synced: 2 months ago
JSON representation
前端低代码编辑器,专注于前端视觉设计;用于快速构建活动推广等消费型页面,分离业务层与UI,可便捷的对接到中后台。
- Host: GitHub
- URL: https://github.com/eightfeet/yugong
- Owner: eightfeet
- License: mit
- Created: 2021-02-14T00:52:58.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-10-25T04:06:36.000Z (about 2 years ago)
- Last Synced: 2024-04-16T01:08:33.978Z (9 months ago)
- Topics: ant-design, h5-editor, jss, low-code, low-code-framework, react-grid-layout, reactjs
- Language: TypeScript
- Homepage: https://yugong.dawenxi.art/?tpl=142
- Size: 114 MB
- Stars: 96
- Watchers: 6
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## CodingFarmes
愚公码农😄1. 用于构建活动推广等消费型页面的低代码开源项目;
2. 专注于前端视觉设计,可以应用基础组件,也可以封装[业务组件](./documents/component/README.md),然后对其组合以构成复杂的推广落地页;
3. Api对接方式灵活,无论你现在使用什么技术栈后台,无需动到任何后台代码即可便捷的对接到编辑器;
4. 栅格化布局,让页面设计变得有规律,减少因设计布局而造成的决策成本;
5. 模版化项目管理,可高度复用项目的业务逻辑,又可快速便捷的更改皮肤界面得到不一样的视觉与交互效果;功能:
- 可视化编辑器高度可订制(页面、组件);
- EventEmitter 事件触发与事件监机制,用于统一管理业务组件与全局的事件;
- runningTimes 业务组件之间共享数据;
- Api配置 与数据建立连接;
- 模板化管理,按需加载;演示:
[编辑器地址](https://yugong.dawenxi.art/dashboard/#/project)
用户名:test,密码:123456
[本地预览地址](https://yugong.dawenxi.art)>模拟项目(请手机扫描访问):
### 表单报名或调查问卷
### 抽奖活动
### 动画宣导
### H5场景展示-FullPage
## Documents
[概要](./documents/introduce/README.md)
+ [模版](./documents/template/README.md)
+ [页面](./documents/page/README.md)
+ [组件](./documents/component/README.md)
+ [组件编辑器](./documents/moduleBoard/README.md)
+ [运行脚本](./documents/script/README.md)
+ [组件开发](./documents/component/README.md)
![Minion](https://www.eightfeet.cn/yugong/images/documents/introduce/dashboard.png)## 编辑器
编辑器与被编辑页sandbox隔离,通过postMessage建立内外通信, 被编辑页与最终项目页面保持一致, 以实现真正意义上的所见即所得;
## 事件处理(EventEmitter)与运行时(runningTimes)
1. 通过自定义或者Api收集服务端数据同步到runningTimes统一管理;
2. 每个模块组件在EventEmitter注册需要暴露出来的方法;
3. 组件通过事件向EventEmitter调度任何模块组件注册的方法,实现模块组件的相互作用;![Minion](https://www.eightfeet.cn/yugong/images/flow/core.drawio.svg)
## Api配置化
yugong是一套更倾向于前端项目,允许通过api配置化去对接中台或者项目
## 模板化管理
低代码意味着要么就是把业务逻辑定义到业务组建中去,要么就是定义一系列复杂的配置;
为了复用一些列复杂性的配置,yugong主要功能在客户端,所以并不过多的关注服务端,服务端仅保存了最基本的用户信息、模板信息,以及用户对应的模板关系。每个用户都可以创建自己的项目/模板,当然每个用户可以把个人模板发布为公共模板,以共享烦杂的模板配置信息;
![Minion](https://www.eightfeet.cn/yugong/images/flow/template.drawio.svg)
## 技术交流
![Minion](https://www.eightfeet.cn/yugong/images/documents/introduce/jl.jpg)
## 赞助
求赏杯咖啡☕解解困,或者 **加个 star 万分感激**;
![Minion](https://www.eightfeet.cn/yugong/images/documents/introduce/zf.jpg)