{"id":15030232,"url":"https://github.com/mrxujiang/h5-dooring","last_synced_at":"2025-05-11T05:48:51.851Z","repository":{"id":37296767,"uuid":"289417971","full_name":"MrXujiang/h5-Dooring","owner":"MrXujiang","description":"H5 Page Maker, H5 Editor, LowCode. Make H5 as easy as building blocks. | 让H5制作像搭积木一样简单, 轻松搭建H5页面, H5网站, PC端网站,LowCode平台.","archived":false,"fork":false,"pushed_at":"2025-04-13T13:47:51.000Z","size":52150,"stargazers_count":9709,"open_issues_count":33,"forks_count":1803,"subscribers_count":162,"default_branch":"master","last_synced_at":"2025-05-11T05:48:45.383Z","etag":null,"topics":["antd","drag-and-drop","h5","h5-builder","h5-dooring","h5-editor","javascript","low-code","low-code-framework","low-code-platform","lowcode","miniprogram","page-builder","page-factory","react","react-dnd","react-router","site-generator","typescript","visual-design"],"latest_commit_sha":null,"homepage":"https://dooring.vip","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MrXujiang.png","metadata":{"files":{"readme":"readme.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null},"funding":{"open_collective":"h5-dooring"}},"created_at":"2020-08-22T04:20:42.000Z","updated_at":"2025-05-09T06:12:56.000Z","dependencies_parsed_at":"2025-04-22T21:54:26.374Z","dependency_job_id":null,"html_url":"https://github.com/MrXujiang/h5-Dooring","commit_stats":{"total_commits":371,"total_committers":16,"mean_commits":23.1875,"dds":0.6037735849056604,"last_synced_commit":"e2d2d2d513223e4abf8babb9b15ef52c1e3be15e"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrXujiang%2Fh5-Dooring","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrXujiang%2Fh5-Dooring/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrXujiang%2Fh5-Dooring/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MrXujiang%2Fh5-Dooring/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MrXujiang","download_url":"https://codeload.github.com/MrXujiang/h5-Dooring/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253523733,"owners_count":21921818,"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":["antd","drag-and-drop","h5","h5-builder","h5-dooring","h5-editor","javascript","low-code","low-code-framework","low-code-platform","lowcode","miniprogram","page-builder","page-factory","react","react-dnd","react-router","site-generator","typescript","visual-design"],"created_at":"2024-09-24T20:12:49.139Z","updated_at":"2025-05-11T05:48:51.832Z","avatar_url":"https://github.com/MrXujiang.png","language":"JavaScript","funding_links":["https://opencollective.com/h5-dooring"],"categories":[],"sub_categories":[],"readme":"\u003e \u003e Make H5 as easy as building blocks!\n\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"http://cdn.dooring.cn/dr/logo.ff7fc6bb.png\" width=\"260\" alt=\"H5编辑器,H5制作神器,H5 editor,lowcode\"\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eWelcome to H5-Dooring 👋\u003c/h1\u003e\n\u003cp\u003e\n  \u003cimg alt=\"Version\" src=\"https://img.shields.io/badge/version-1.2-blue.svg?cacheSeconds=2592000\" /\u003e\n  \u003ca href=\"https://juejin.im/post/6864410873709592584/\" target=\"_blank\"\u003e\n    \u003cimg alt=\"Documentation\" src=\"https://img.shields.io/badge/documentation-yes-brightgreen.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"#\" target=\"_blank\"\u003e\n    \u003cimg alt=\"license:GPL3.0\" src=\"https://img.shields.io/badge/license-GPL3.0-yellow.svg\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003e H5-Dooring is a powerful, open source, free H5 visual page configuration solution dedicated to providing a simple, convenient, professional and reliable, unlimited set of H5 landing page best practices. The technology stack is mainly react, developed in the background using nodejs.\n\n\u003cimg src=\"http://cdn.dooring.cn/dr/123.png\" alt=\"H5-Dooring编辑器预览图\" width=\"100%\" /\u003e\n\n| home🏠                          | demo✨                               | doc📦                                | tutorial                                                       | wiki                                                 |\n| ------------------------------- | ------------------------------------ | ------------------------------------ | -------------------------------------------------------------- | ---------------------------------------------------- |\n| [website](http://h5.dooring.cn) | [Demo](http://h5.dooring.cn/h5_plus) | [Document](http://h5.dooring.cn/doc) | [视频\u0026Video](https://www.zhihu.com/zvideo/1406394315950653440) | [wiki](https://github.com/MrXujiang/h5-Dooring/wiki) |\n\n\u003e ✨ note: If the official visit is too slow, visit the [H5-Dooring for Singapore](http://h5.dooring.vip)\n\nEnglish | [简体中文](./zh.md)\n\nnew doc: [private deployment process](http://h5.dooring.cn/docz/source-list/H5-Dooring/deploy_en)\n\nwebsite: [H5-Dooring](https://dooring.net)\n\ntech blog: [sharing of technology](https://dev.to/alex_xu/we-made-a-page-visualization-to-build-an-open-source-project-1l1p)\n\nRelated products:\n\n- [V6.Dooring | Large screen visual editor](https://github.com/MrXujiang/v6.dooring.public)\n- [dooring-electron-lowcode | Dooring desktop software](https://github.com/MrXujiang/dooring-electron-lowcode)\n- [flowmix/docx | 多模态文档引擎](http://flowmix.tunrtip.cn/docx)\n- [Dooring-Saas](https://dooring.vip)\n- [Dooring 智图](https://magic.dooring.vip)\n\n## Author\n\n👤 **alex_xu**\n\n- Website: http://h5.dooring.cn\n- Github: [@MrXujiang](https://github.com/MrXujiang)\n- new tech share: [Dooring2.7+最新技术分享\u0026复盘](https://github.com/MrXujiang/h5-Dooring/issues/145)\n\n  ## Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=MrXujiang/h5-Dooring\u0026type=Date)](https://star-history.com/#MrXujiang/h5-Dooring\u0026Date)\n\n## 🤝 Contributing and support\n\nContributions, issues and feature requests are welcome!\u003cbr /\u003eFeel free to check [issues page](https://github.com/MrXujiang/h5-Dooring/issues).\n\nGive a ⭐️ if this project helped you!\n\n## Privatization Deployment documentation\n\n- address: http://h5.dooring.cn/docz\n- ⭐️ lowcode component list: http://h5.dooring.cn/docz/components/intro\n- List of answers: http://h5.dooring.cn/docz/source-list/H5-Dooring/guide\n- gitee mini code: https://gitee.com/lowcode-china/h5_-dooring\n\n### Features\n\n1. editor\n   - [x] Guides\n   - [x] The underlying component\n   - [x] Visual components\n   - [x] Media components\n   - [x] Product components\n   - [x] Dragper\n   - [x] Configure the panel\n   - [x] Form designer\n   - [x] (Multi) Page management (copy, edit, delete, new)\n   - [x] Component animation\n   - [x] Component interaction\n   - [x] Data source management\n   - [x] Quick preview\n   - [x] Real machine preview\n   - [x] Undo and redo\n   - [x] WeChat shares\n   - [x] shortcut key\n   - [x] The template library\n   - [x] Desktop software, Dooring-electron, supports offline use\n\n2) Enhanced features\n\n   - [x] Upload json, convert to H5 with one click\n   - [x] Photo gallery\n   - [x] Code capability (download source, download dis package)\n\n3) backend API\n   - [x] Create, save, and update your work\n   - [x] User management, rights management\n   - [x] One-click intelligent analysis\n   - [x] Data look\n   - [x] Form data collection\n   - [x] Form data presentation\n   - [x] Form data analysis, one-click export excel, form multi-condition search\n   - [x] Preview online\n   - [x] QR code preview\n   - [x] Template management\n   - [x] Code interface\n\n## Update the log\n\n1. Whether the video component adds a full-screen configuration item when playing\n2. Fixes a click failure of the icon component\n3. The editor supports multi-size switching and canvas size customization\n4. Fix multilingual issues with background management analytics forms\n5. The component library supports user-defined selection\n\n## Technology Sharing\n\n- [(10 月最新) 前端图形学实战: 从零开发几何画板(vue3 + vite 版](https://github.com/MrXujiang/h5-Dooring/issues/149)\n- [几何学在前端边界计算中的应用和原理分析(一)](https://github.com/MrXujiang/h5-Dooring/issues/148)\n\n### The back-end section\n\nThe back-end part because of the knowledge points involved is more, is not the focus of this article, so here is a few points, you can use completely different technology to achieve back-office services, such as PHP, Java, Python or Egg. The author here is using the \"koa\" .\n\nSpecific code can refer to the full stack development article:\n\n- [基于 Koa + React + TS 从零开发全栈文档编辑器](https://mp.weixin.qq.com/s?__biz=MzU2Mzk1NzkwOA==\u0026mid=2247486910\u0026idx=2\u0026sn=7ce865dd8a8f6769439f0e8eebb72212\u0026chksm=fc531445cb249d534a7d8a362ad40d26bc90f2d2e867385768ee19575e32826fcbe419fcbe0b\u0026token=297396546\u0026lang=zh_CN#rd)\n\n- [Dooring 后台接口文档](http://h5.dooring.cn/doc/zh/guide/deployDev/api.html)\n- [私有化部署](http://h5.dooring.cn/h5_plus/price)\n\n## Install\n\n1. Download the code\n\n```sh\ngit clone https://github.com/MrXujiang/h5-Dooring.git\n```\n\n2. Go to the project catalog\n\n```sh\ncd ./h5-Dooring\n```\n\n3. Install the dependency package\n\n```sh\nyarn pkg\n```\n\n## Usage\n\nLaunch the app locally\n\n```sh\nyarn start\nor\ncnpm run start\n```\n\nlocal visit:\n\n```\nhttp://localhost:port/h5_plus\n```\n\n注意: 如果 window 系统下无法启动, 请移步 [dooring-electron](https://github.com/H5-Dooring/dooring-electron-lowcode)\n\n## How to run the downloaded code ?\n\n1.  The compression package can be unzipped directly to the server root, and access to the root address is sufficient\n2.  'vscode' installs the Live Server plug-in, unzips the downloaded compression package into a folder, opens with 'vscode', clicks on Live Server, and notes that to remove the 'index .html' of the startup path, change it to '/'\n\nIf you find that the local boot component drag and drop encountered strange errors, is the third-party component in the development environment bug, you can take a step to solve:\n\n\u003e If you find that the local start-up component drag encountered strange errors, is a bug that should be a third-party component in the development environment, can be resolved in a way:\n\n```sh\nyarn dev\nor\ncnpm run dev\n```\n\nThe premise is to install the http-server module first.\n\n## Browsers support\n\nModern browsers does not support IE browser\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png\" alt=\"IE / Edge\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eIEdge | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari |\n| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| Edge                                                                                                                                                                                                         | last 2 versions                                                                                                                                                                                                    | last 2 versions                                                                                                                                                                                                | last 2 versions                                                                                                                                                                                                |\n\n## Contact us\n\n\u003cimg src=\"http://next-admin.com/tech.png\" alt=\"line\" width=120 /\u003e\n\nTwitter Account：@H5Dooring\n\n## Partner project\n\n- [ react-cropper-pro - 轻量强大的图片上传/裁切/压缩组件](https://github.com/MrXujiang/react-cropper-pro)\n- [mitu-editor - 轻量级且强大的图片编辑器](https://github.com/H5-Dooring/mitu-editor)\n- [powerNice - 一款轻量级文档管理编辑器](http://h5.dooring.cn/powernice/views)\n- [rc-drag - 基于 react 的轻量级拖拽缩放组件](https://github.com/MrXujiang/rc-drag)\n- [ t-nav - 开箱即用的开源导航项目](https://github.com/MrXujiang/t-nav)\n- [Luckysheet - 强大的在线 excel 编辑器](https://github.com/mengshukeji/Luckysheet)\n- [Blink - 一款自定义的生成故障艺术动画的组件库](https://github.com/MrXujiang/blink)\n- [frontend-developer-roadmap | 一个能提高开发者工作效率的前端 js 库汇总](https://github.com/MrXujiang/frontend-developer-roadmap)\n\n* [react-form-simple - 基于 react 开发的高性能表单库](https://github.com/easy-form/react-form-simple)\n* [lucky-canvas 抽奖插件 | 一个支持 H5, 微信小程序, React 的抽奖插件](https://github.com/LuckDraw/lucky-canvas)\n* [vue-admin-box | 免费并且开源的中后台管理系统模板](https://github.com/cmdparkour/vue-admin-box)\n* [基于 antd 开箱即用的后台管理模版 ant-simple-pro](https://github.com/lgf196/ant-simple-pro)\n* [使用 gin+vue 进行极速开发的全栈开发基础平台](https://github.com/flipped-aurora/gin-vue-admin)\n* [DevUI 中后台产品开源前端解决方案](https://github.com/DevCloudFE/ng-devui)\n\n## Sponsored\n\nOpen source is not easy, with your sponsorship, we will do better\n\n\u003cimg src=\"http://cdn.dooring.cn/dr/WechatIMG2.jpeg\" width=\"180px\" /\u003e\n\n## Technical feedback and communication\n\nwechat：beautifulFront\n\n\u003cimg src=\"http://cdn.dooring.cn/dr/qtqd_code.png\" width=\"180px\" /\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrxujiang%2Fh5-dooring","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmrxujiang%2Fh5-dooring","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmrxujiang%2Fh5-dooring/lists"}