* 戳上方蓝字“开源先锋”关注我
推荐阅读:
大家好,我是开源君!
各位有没有碰到过这样的问题?开发一个可视化页面,还得找前端小哥手把手给你写代码,改个颜色、调个位置,改完一遍还得再来一遍。要是有个低代码平台,让我们这些手残党也能轻松“搭积木”做出酷炫页面就好了吧?
今天开源君就分享一款H5页面制作的神器项目 - h5-Dooring
,它是由一群热爱技术、追求极致体验的大佬们倾心打造,旨在让每个人都能轻松搭建出专业的H5页面。
项目简介
h5-Dooring
是一个开源的、功能强大的H5页面可视化配置解决方案。它基于React技术栈开发,后端使用Node.js,旨在为用户提供一个简单、方便、专业且可靠的H5页面制作平台。它不需要你写代码(当然你想写也可以),只需要拖拽组件、设置属性、保存发布,一气呵成。
通过H5-Dooring,我们可以像搭积木一样轻松搭建H5页面、网站甚至是LowCode平台。
简直是给了我们普通开发者一剂良药。它的最大亮点就是拖拽式的页面搭建,所见即所得,简单好用,还支持数据驱动,特别适合那些需要快速出网页的小伙伴,比如营销活动、数据展示、表单收集等场景。
目前在Github上收获了9.1K star!
性能特色
可视化编辑器:提供了一个直观的拖拽界面,用户无需编写代码即可快速布局页面元素。 丰富的组件库:内置了多种媒体组件、产品组件等,满足不同场景的搭建需求。 多页面管理:支持多页面的复制、编辑、删除和新建,让项目管理更加高效。 数据源管理:可以轻松管理页面数据,实现数据的动态交互。 跨平台适配:制作出的页面能够自动适配不同设备,无需额外调整。 实时预览与数据驱动:支持实时预览效果,完全所见即所得。还支持通过接口拉取数据,动态展示内容。 丰富的插件体系:h5-Dooring 支持插件化开发,可以基于它的框架,写自己的插件。
快速安装使用
克隆项目并安装依赖:
git clone https://github.com/MrXujiang/h5-Dooring.git
cd ./h5-Dooring
yarn pkg
本地启动应用
yarn start
or
cnpm run start
接下来就是拖拽你的组件,调整样式,发布页面,简直不要太爽。
项目展示
h5-Dooring
简直就是懒人和效率控的福音!它通过拖拽式的操作,极大简化了 H5 页面的制作流程,让你不需要写代码也能做出炫酷的网页。要想体验低代码的魅力,赶紧去 试试吧!
更多细节功能,感兴趣的可以到项目地址查看:
项目地址:
https://github.com/MrXujiang/h5-Dooring