9.1K star!一款强大的可视化低代码 H5 搭建平台,NB!

* 戳上方蓝字“开源先锋”关注我

各位有没有碰到过这样的问题?开发一个可视化页面,还得找前端小哥手把手给你写代码,改个颜色、调个位置,改完一遍还得再来一遍。要是有个低代码平台,让我们这些手残党也能轻松“搭积木”做出酷炫页面就好了吧?

今天开源君就分享一款H5页面制作的神器项目 - h5-Dooring,它是由一群热爱技术、追求极致体验的大佬们倾心打造,旨在让每个人都能轻松搭建出专业的H5页面。

20240929130606962

项目简介

h5-Dooring 是一个开源的、功能强大的H5页面可视化配置解决方案。它基于React技术栈开发,后端使用Node.js,旨在为用户提供一个简单、方便、专业且可靠的H5页面制作平台。它不需要你写代码(当然你想写也可以),只需要拖拽组件、设置属性、保存发布,一气呵成。

20240929130607265

通过H5-Dooring,我们可以像搭积木一样轻松搭建H5页面、网站甚至是LowCode平台。

简直是给了我们普通开发者一剂良药。它的最大亮点就是拖拽式的页面搭建,所见即所得,简单好用,还支持数据驱动,特别适合那些需要快速出网页的小伙伴,比如营销活动、数据展示、表单收集等场景。

目前在Github上收获了9.1K star!

20240929130608841

性能特色

  • 可视化编辑器:提供了一个直观的拖拽界面,用户无需编写代码即可快速布局页面元素。
  • 丰富的组件库:内置了多种媒体组件、产品组件等,满足不同场景的搭建需求。
  • 多页面管理:支持多页面的复制、编辑、删除和新建,让项目管理更加高效。
  • 数据源管理:可以轻松管理页面数据,实现数据的动态交互。
  • 跨平台适配:制作出的页面能够自动适配不同设备,无需额外调整。
  • 实时预览与数据驱动:支持实时预览效果,完全所见即所得。还支持通过接口拉取数据,动态展示内容。
  • 丰富的插件体系:h5-Dooring 支持插件化开发,可以基于它的框架,写自己的插件。

快速安装使用

克隆项目并安装依赖:

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

本地启动应用

yarn start
or
cnpm run start

接下来就是拖拽你的组件,调整样式,发布页面,简直不要太爽。

项目展示

20240929130608647
H5制作
20240929130609678
海量模版
20240929130610168
数据大屏
20240929130611499
图片编辑

h5-Dooring 简直就是懒人和效率控的福音!它通过拖拽式的操作,极大简化了 H5 页面的制作流程,让你不需要写代码也能做出炫酷的网页。要想体验低代码的魅力,赶紧去 试试吧!

更多细节功能,感兴趣的可以到项目地址查看:

项目地址:
https://github.com/MrXujiang/h5-Dooring

 

 

 

阅读剩余
THE END