摘要
一、引言
二、技术架构与核心功能
技术架构
核心功能
网格布局+自由布局：H5-Dooring业界唯一同时支持网格布局和自由布局，用户可根据需求灵活选择布局方式，实现页面的高度自定义。 全流程闭环：从编辑器平台到管理后台，再到用户权限体系管理和全流程数据监测，H5-Dooring提供了完整的解决方案，确保项目从设计到上线的每一个环节都尽在掌握。 海量组件库：平台内置丰富的业务组件库，覆盖媒体、图表、商品等多种场景，且保持持续升级，满足用户多样化的需求。 数据源+API：开放的数据平台支持数据源接入和API对接，使得页面内容能够动态展示，增强页面的交互性和实用性。 支持二次开发：H5-Dooring支持私有化部署，企业可根据自身业务需求进行二次开发，实现高度定制化。 AIGC生成能力：结合AI技术，平台能够自动辅助生成页面内容和模板，进一步提升开发效率。 一键生成小程序：用户可轻松将H5页面转化为小程序，拓宽应用渠道。 A4编排、导出功能：支持A4等多种尺寸缩排，并可将编辑结果导出为图片或PDF等格式，便于线下宣传打印。
三、应用场景与优势
应用场景
优势
简易上手：无需编程基础，人人都能通过拖拽组合生成精美页面。 提高效率：大幅降低企业研发成本和时间，提升交付速度。 应用广泛：海量组件库和灵活的布局方式，满足多样化的应用场景需求。 稳定可靠：经过市场验证，为众多大中型企业提供稳定服务。
四、安装与使用
安装
下载代码
git clone https://github.com/MrXujiang/h5-Dooring.git
进入项目目录
cd ./h5-Dooring
安装依赖包(需要提前安装yarn)
yarn pkg
使用
yarn start
or
cnpm run start
模块及目录说明
editor
ui
doc
如何运行下载后的代码?
可以将压缩包解压直接放到服务器根目录, 访问根目录地址即可 vscode安装Live Server插件, 将下载的压缩包解压成文件夹, 用vscode打开, 点击Live Server即可, 注意要删除启动路径的index.html, 改成/
yarn dev
or
cnpm run dev
五、结论与展望
官方网站：
https://dooring.vip/#/
https://gitee.com/lowcode-china/h5_-dooring
官方产品交流（群内有优惠）：
