Make H5 as easy as building blocks!

Welcome to H5-Dooring

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.

note: If the official visit is too slow, visit the H5-Dooring for Singapore

English |

new doc: private deployment process

Related products:

• V6.Dooring | Large screen visual editor
• dooring-electron-lowcode | Dooring desktop software
• Lowcode community
• Dooring-Saas

Author

alex_xu

• Website: http://h5.dooring.cn
• Github: @MrXujiang
• new tech share: Dooring2.7+&

Contributing and support

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Give a if this project helped you!

Privatization Deployment documentation

• address: http://h5.dooring.cn/docz
• lowcode component list: http://h5.dooring.cn/docz/components/intro
• List of answers: http://h5.dooring.cn/docz/source-list/H5-Dooring/guide

Features

1. editor

   • [x] Guides
   • [x] The underlying component
   • [x] Visual components
   • [x] Media components
   • [x] Product components
   • [x] Dragper
   • [x] Configure the panel
   • [x] Form designer
   • [x] (Multi) Page management (copy, edit, delete, new)
   • [x] Component animation
   • [x] Component interaction
   • [x] Data source management
   • [x] Quick preview
   • [x] Real machine preview
   • [x] Undo and redo
   • [x] WeChat shares
   • [x] shortcut key
   • [x] The template library
   • [x] Desktop software, Dooring-electron, supports offline use

2. Enhanced features

   • [x] Upload json, convert to H5 with one click
   • [x] Photo gallery
   • [x] Code capability (download source, download dis package)

3. backend API

   • [x] Create, save, and update your work
   • [x] User management, rights management
   • [x] One-click intelligent analysis
   • [x] Data look
   • [x] Form data collection
   • [x] Form data presentation
   • [x] Form data analysis, one-click export excel, form multi-condition search
   • [x] Preview online
   • [x] QR code preview
   • [x] Template management
   • [x] Code interface

Update the log

1. Whether the video component adds a full-screen configuration item when playing
2. Fixes a click failure of the icon component
3. The editor supports multi-size switching and canvas size customization
4. Fix multilingual issues with background management analytics forms
5. The component library supports user-defined selection

Technology Sharing

• (10) : (vue3 + vite
• ()

The back-end section

The 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" .

Specific code can refer to the full stack development article:

• Koa + React + TS

• Dooring

Install

1. Download the code

git clone https://github.com/MrXujiang/h5-Dooring.git

2. Go to the project catalog

cd ./h5-Dooring

3. Install the dependency package

yarn pkg

Usage

Launch the app locally

yarn start
or
cnpm run start

: window, dooring-electron

How to run the downloaded code ?

1. The compression package can be unzipped directly to the server root, and access to the root address is sufficient
2. '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 '/'

If 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:

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:

yarn dev
or
cnpm run dev

The premise is to install the http-server module first.

Browsers support

Modern browsers does not support IE browser

IEdge	Firefox	Chrome	Safari
Edge	last 2 versions	last 2 versions	last 2 versions

Contact us

Twitter [email protected]

Partner project

• react-cropper-pro - //
• mitu-editor -
• powerNice -
• rc-drag - react
• Luckysheet - excel
• Blink -
• frontend-developer-roadmap | js
• lucky-canvas | H5, , React
• vue-admin-box |
• antdant-simple-pro
• gin+vue
• DevUI

Sponsored

Open source is not easy, with your sponsorship, we will do better

Technical feedback and communication

wechatbeautifulFront