{"id":13901423,"url":"https://github.com/didi/epage","last_synced_at":"2025-06-15T17:10:59.710Z","repository":{"id":37695301,"uuid":"241535402","full_name":"didi/epage","owner":"didi","description":"一款基于schema的低代码可视化页面配置工具","archived":false,"fork":false,"pushed_at":"2023-11-17T07:49:45.000Z","size":693,"stargazers_count":486,"open_issues_count":7,"forks_count":93,"subscribers_count":22,"default_branch":"master","last_synced_at":"2025-06-05T20:41:17.826Z","etag":null,"topics":["epage","form","lowcode","nocode","page","schema","widget"],"latest_commit_sha":null,"homepage":"http://epage.didichuxing.com","language":"Vue","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/didi.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-02-19T04:49:49.000Z","updated_at":"2025-06-04T01:50:52.000Z","dependencies_parsed_at":"2024-01-16T22:22:16.936Z","dependency_job_id":"9e440780-f7f2-44d7-99f0-65b6d4b52a2a","html_url":"https://github.com/didi/epage","commit_stats":{"total_commits":171,"total_committers":1,"mean_commits":171.0,"dds":0.0,"last_synced_commit":"352421d8fbe1ea4ec0dceeaebc2b5452d625a6c0"},"previous_names":[],"tags_count":30,"template":false,"template_full_name":null,"purl":"pkg:github/didi/epage","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/didi%2Fepage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/didi%2Fepage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/didi%2Fepage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/didi%2Fepage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/didi","download_url":"https://codeload.github.com/didi/epage/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/didi%2Fepage/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260016055,"owners_count":22946321,"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":["epage","form","lowcode","nocode","page","schema","widget"],"created_at":"2024-08-06T21:01:22.818Z","updated_at":"2025-06-15T17:10:59.670Z","avatar_url":"https://github.com/didi.png","language":"Vue","readme":"# Epage\n\n一款基于schema的可视化页面配置工具。可基于流行的前端组件库配置表单、页面等。\n\n[English Introduction](./README_EN.md) | 中文介绍\n\n## 推荐\n大家在遇到bpm流程相关的问题时，推荐结合贺波老师的书[《深入Activiti流程引擎：核心原理与高阶实战》](https://item.m.jd.com/product/13928958.html?gx=RnAomTM2bmCImZxDqYAkVCoIHuIYVqc)，这本书对系统学习和深入掌握Activiti/Flowable的用法非常有帮助。\n\n\u003cimg src=\"https://img-hxy021.didistatic.com/static/star/bpm.png\" width=\"250\"\u003e\n\n\n## 文档\n\n官网：[http://epage.didichuxing.com](http://epage.didichuxing.com)\n\n- [快速起步](http://epage.didichuxing.com/usage/#快速起步)\n- [开发文档](http://epage.didichuxing.com/developer/)\n- [设计器API](http://epage.didichuxing.com/developer/epage.html)\n- [如何开发widget?](http://epage.didichuxing.com/developer/widget.html)\n- [在线示例](http://epage.didichuxing.com/examples/)\n\n\n## 演示地址\n\n- **[Demo](http://epage.didichuxing.com/examples/epage.html)**\n\n## 安装\n\n此库提供设计器界面及基本交互，是pc端设计器核心依赖，移动端渲染器可以不依赖此库。widget能力及工具面板内容需配合渲染器一起使用，如[epage-iview](https://github.com/epage-team/epage-iview)，用户最终使用仅使用渲染器包即可。\n\n开发移动端渲染的话可以直接引入[epage-core](https://github.com/epage-team/epage-core)即可（因为仅完成渲染功能即可，不需要拖动配置界面）。\n\n开发自定义widget推荐通过脚手架 [epage-cli](https://github.com/epage-team/epage-cli) 方式创建\n\n```sh\n# 全局安装\nnpm i -g epage-cli\n# 初始化项目\nepage init myWidgets\ncd myWidgets\n# 启动\nnpm start\n```\n\n```sh\n# 需提前安装vue vuex iview vuedraggable\nnpm install epage -S\n# 或者 yarn add epage\n```\n\n## 仓库更新说明\n\n本仓库为`Epage渲染器`及`Epage设计器`核心依赖，更新日志查看[CHANGLOG](./CHANGELOG.md)。\n\n更多`Epage渲染器`及相关工具参见：[https://github.com/epage-team](https://github.com/epage-team)。\n\n## 设计器及渲染器示例\n\n```js\nimport { render } from 'epage-core'\nimport Epage from 'epage'\nimport pcWidgets, { entry as PCEntry } from 'epage-iview'\nimport h5Widgets, { entry as H5Entry } from 'epage-vant'\nimport 'iview/src/styles/index.less';\nimport 'vant/lib/index.less' /* 双端设计才需要 */\nimport 'epage/src/style/main.less'\nimport 'epage-iview/src/style/main.less'\nimport 'epage-vant/src/style/main.less' /* 双端设计才需要 */\n\nconst el = document.getElementById('root')\n// 实例化设计器，Render为渲染器，widgets为待注册的页面部件\n// 关于 Render 和 widgets，可以访问 https://github.com/epage-team/epage-iview\nconst config = {\n  el,\n  pc: {\n    widgets: pcWidgets,\n    Render: render.VueRender,\n    component: PCEntry\n  },\n  // 移动端同时设计时才需要\n  h5: {\n    widgets: h5Widgets,\n    Render: render.VueRender,\n    component: H5Entry\n  }\n}\nnew Epage(config)\n```\n\n更多用法参考[CHANGELOG#v0.7.0](./CHANGELOG.md)\n\n**epage-iview** 为基于 **iview** 组件库的 epage 渲染器实现\n\n## 设计理念\n\n通过[schema](http://epage.didichuxing.com/developer/schema.html)方式描述页面功能、展示及交互，以可视化方式配置生成schema，最终生成页面。\n\n项目起源于流程表单场景，定制开发每一个表单成本太高且维护性差，最主要是实施人员希望通过可视化方式配置生成表单。基于此场景，在开发中我们发现，表单场景与其他一些页面（如列表页、详情页、图表报表等）场景非常相似，都应该可以通过可视化方式配置出来，从而达到组件复用、灵活配置、方便维护等效果。在使用过程中，业务的复杂远不是基础组件能覆盖的，于是要求需要具备很强的扩展性，以便定制业务组件，有些项目甚至还使用了不同前端框架。\n\n[epage](http://epage.didichuxing.com/)的设计器及渲染器分别基于原生dom节点设计，使得设计器及渲染器分离，结合统一的[schema](http://epage.didichuxing.com/developer/schema.html)规范，实现一次设计多处渲染。关于如何定制开发widget可以访问 [如何开发widget?](http://epage.didichuxing.com/developer/widget.html)\n\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n","funding_links":[],"categories":["Vue"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdidi%2Fepage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdidi%2Fepage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdidi%2Fepage/lists"}