{"id":20510570,"url":"https://github.com/eightfeet/yugong","last_synced_at":"2025-04-13T22:33:41.833Z","repository":{"id":38257989,"uuid":"338702240","full_name":"eightfeet/yugong","owner":"eightfeet","description":"前端低代码编辑器，专注于前端视觉设计；用于快速构建活动推广等消费型页面，分离业务层与UI，可便捷的对接到中后台。","archived":false,"fork":false,"pushed_at":"2022-10-25T04:06:36.000Z","size":120025,"stargazers_count":102,"open_issues_count":0,"forks_count":18,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-27T12:47:12.715Z","etag":null,"topics":["ant-design","h5-editor","jss","low-code","low-code-framework","react-grid-layout","reactjs"],"latest_commit_sha":null,"homepage":"https://www.eightfeet.cn/yugong/dashboard/#/project","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/eightfeet.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-02-14T00:52:58.000Z","updated_at":"2025-03-11T14:32:29.000Z","dependencies_parsed_at":"2022-07-14T07:10:30.799Z","dependency_job_id":null,"html_url":"https://github.com/eightfeet/yugong","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eightfeet%2Fyugong","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eightfeet%2Fyugong/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eightfeet%2Fyugong/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/eightfeet%2Fyugong/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/eightfeet","download_url":"https://codeload.github.com/eightfeet/yugong/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248790809,"owners_count":21162092,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ant-design","h5-editor","jss","low-code","low-code-framework","react-grid-layout","reactjs"],"created_at":"2024-11-15T20:30:03.780Z","updated_at":"2025-04-13T22:33:41.761Z","avatar_url":"https://github.com/eightfeet.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/flow/logo.svg\" style=\"width: 200px\" /\u003e\n\u003c/p\u003e\n\n## CodingFarmes\n愚公码农😄\n\n1. 用于构建活动推广等消费型页面的低代码开源项目；\n2. 专注于前端视觉设计，可以应用基础组件，也可以封装[业务组件](./documents/component/README.md)，然后对其组合以构成复杂的推广落地页；\n3. Api对接方式灵活，无论你现在使用什么技术栈后台，无需动到任何后台代码即可便捷的对接到编辑器；\n4. 栅格化布局，让页面设计变得有规律，减少因设计布局而造成的决策成本；\n5. 模版化项目管理，可高度复用项目的业务逻辑，又可快速便捷的更改皮肤界面得到不一样的视觉与交互效果；\n\n功能:\n\n- 可视化编辑器高度可订制(页面、组件);\n- EventEmitter 事件触发与事件监机制,用于统一管理业务组件与全局的事件;\n- runningTimes 业务组件之间共享数据;\n- Api配置 与数据建立连接;\n- 模板化管理,按需加载;\n\n演示:\n\n  [编辑器地址](https://yugong.dawenxi.art/dashboard/#/project) \n\n  用户名：test，密码：123456 \n  \n  \n  [本地预览地址](https://yugong.dawenxi.art)\n\n\n\u003e模拟项目(请手机扫描访问):\n\n### 表单报名或调查问卷\n\n\u003cdiv style=\"display: flex\"\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/form.gif\" width=\"320\" /\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/baoming1.png\" width=\"149\" height=\"122\" /\u003e\n\u003c/div\u003e\n\n### 抽奖活动\n\n\u003cdiv style=\"display: flex\"\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/game.gif\" width=\"320\" /\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/choujiang1.png\" width=\"149\" height=\"122\" /\u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\n### 动画宣导\n\n\u003cdiv style=\"display: flex\"\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/animate.gif\" width=\"320\" /\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/donghua1.png\" width=\"149\" height=\"122\" /\u003e\n\u003c/div\u003e\n\n\n### H5场景展示-FullPage\n\n\u003cdiv style=\"display: flex\"\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/fullpage.gif\" width=\"320\" /\u003e\n  \u003cimg src=\"https://www.eightfeet.cn/yugong/images/documents/template/fullpage1.png\" width=\"149\" height=\"122\" /\u003e\n\u003c/div\u003e\n\n\n## Documents\n\n[概要](./documents/introduce/README.md)\n\n+ [模版](./documents/template/README.md)\n\n+ [页面](./documents/page/README.md)\n\n+ [组件](./documents/component/README.md)\n\n+ [组件编辑器](./documents/moduleBoard/README.md)\n\n+ [运行脚本](./documents/script/README.md)\n\n+ [组件开发](./documents/component/README.md)\n  \n  ![Minion](https://www.eightfeet.cn/yugong/images/documents/introduce/dashboard.png)\n\n## 编辑器\n\n编辑器与被编辑页sandbox隔离,通过postMessage建立内外通信, 被编辑页与最终项目页面保持一致, 以实现真正意义上的所见即所得;\n\n## 事件处理(EventEmitter)与运行时(runningTimes)\n\n1. 通过自定义或者Api收集服务端数据同步到runningTimes统一管理;\n2. 每个模块组件在EventEmitter注册需要暴露出来的方法;\n3. 组件通过事件向EventEmitter调度任何模块组件注册的方法,实现模块组件的相互作用;\n\n![Minion](https://www.eightfeet.cn/yugong/images/flow/core.drawio.svg)\n\n## Api配置化\n\nyugong是一套更倾向于前端项目,允许通过api配置化去对接中台或者项目\n\n## 模板化管理\n\n低代码意味着要么就是把业务逻辑定义到业务组建中去,要么就是定义一系列复杂的配置;\n\n为了复用一些列复杂性的配置,yugong主要功能在客户端，所以并不过多的关注服务端，服务端仅保存了最基本的用户信息、模板信息，以及用户对应的模板关系。每个用户都可以创建自己的项目/模板，当然每个用户可以把个人模板发布为公共模板，以共享烦杂的模板配置信息；\n\n![Minion](https://www.eightfeet.cn/yugong/images/flow/template.drawio.svg)\n\n## 技术交流\n\n![Minion](https://www.eightfeet.cn/yugong/images/documents/introduce/jl.jpg)\n\n## 赞助\n\n求赏杯咖啡☕解解困，或者 **加个 star 万分感激**；\n\n![Minion](https://www.eightfeet.cn/yugong/images/documents/introduce/zf.jpg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feightfeet%2Fyugong","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feightfeet%2Fyugong","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feightfeet%2Fyugong/lists"}