18 Star 125 Fork 60

Gitee 极速下载 / h5-dooring

加入 Gitee
与超过 600 万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
此仓库是为了提升国内下载速度的镜像仓库,每日同步一次。 原始仓库: https://github.com/MrXujiang/h5-Dooring
克隆/下载
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
readme.md

Make H5 as easy as building blocks!

H5编辑器,H5制作神器,H5 editor,lowcode

Welcome to H5-Dooring 👋

Version Documentation license:GPL3.0

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.

H5-Dooring编辑器预览图
home🏠 demo✨ doc📦 tutorial wiki
website Demo Document 视频&Video wiki

English | 简体中文

Related products:

Author

👤 alex_xu

🤝 Contributing and support

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

Give a ⭐️ if this project helped you!

Features

  1. editor

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

    • Upload json, convert to H5 with one click
    • Photo gallery
    • Code capability (download source, download dis package)
  3. backend API

    • Create, save, and update your work
    • User management, rights management
    • One-click intelligent analysis
    • Data look
    • Form data collection
    • Form data presentation
    • Form data analysis, one-click export excel, form multi-condition search
    • Preview online
    • QR code preview
    • Template management
    • 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

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:

Install

  1. Download the code
git clone https://github.com/MrXujiang/h5-Dooring.git
  1. Go to the project catalog
cd ./h5-Dooring
  1. Install the dependency package
npx lerna bootstrap

Usage

Launch the app locally

yarn start
or
cnpm run start

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

IE / EdgeIEdge FirefoxFirefox ChromeChrome SafariSafari
Edge last 2 versions last 2 versions last 2 versions

Partner project

Sponsored

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

Technical feedback and communication

wechat:beautifulFront

仓库评论 ( 3 )

你可以在登录后,发表评论

简介

()H5-Dooring是一款功能强大,开源免费的H5可视化页面配置解决方案,致力于提供一套简单方便、专业可靠、无限可能的H5落地页最佳实践 展开 收起
HTML/CSS
GPL-3.0
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
HTML/CSS
1
https://gitee.com/mirrors/h5-dooring.git
git@gitee.com:mirrors/h5-dooring.git
mirrors
h5-dooring
h5-dooring
master

搜索帮助