作为可视化配置平台的基础能力,开箱即用、可扩展(可自研) 等作为必须能力均概不重复赘述。
1.智搭 Vue3 低代码可视化搭建基座
平台: H5
技术栈: vue3 + vite + vuex + vue-router
**星星数:19⭐
维护程度:上次更新 2022.05.09
优点:
1.风格比较简约,二开成本较低
缺点:
1.没有对数据结构进行约束,需要自己进行数据结构设计
2.已实现组件相对较少
3.编辑器和渲染器没有分包,在页面中需要单独抽离渲染器使用
4.无文档,使用量较少
总体来说:Vue技术栈的公司基于它进行二开比较推荐
2.H5-Dooring - 可视化页面配置解决方案
平台: H5
技术栈: umijs + react + nodejs
星星数:7.7k⭐
维护程度:上次更新 2022.05.09
优点:
1.有对应的文档和官网,使用案例多,社区维护程度相对活跃。
2.有完善的模板管理以及配套的后端服务(可替换),完整版需付费。
缺点:
1.东西比较重,二开成本较高,假如只需要页面编辑器能力的话不推荐。
2.完整版需付费
总体来说:无后端,或想直接一整套可视化页面配置解决方案下推荐。
3.鲁班可视化搭建系统
平台: H5
技术栈: react + react hooks + react-beautiful-dnd
星星数:13⭐
维护程度:上次更新 2022.07.09
优点:
1.东西少,二开成本较低
缺点:
1.没有对数据结构进行约束,需要自己进行数据结构设计
2.已实现组件很少
3.编辑器和渲染器没有分包,在页面中需要单独抽离渲染器使用
4.无文档,使用量较少
总体来说:公司以React技术栈为主,且定制化需求较多可以基于它进行二开比较推荐
4.mtbird
平台: H5
技术栈: react + react hooks
星星数:270⭐
维护程度:上次更新 2023.06.01
优点:
ps:需要 NodeJS 版本: >=14.18.0
1.以可视化的形式搭建网页、小程序和表单等应用
2.可使用组件较多
3.编辑器作为独立的 React 组件,无缝嵌入到 React 前端项目中
4.更新频率较高
缺点:
1.NodeJs需求较高
2.二开成本较高,需要pnpm私有化部署不太友好
总体来说:优点较多,推荐
5.愚公
平台: H5
技术栈: react + react hooks
星星数:92⭐
维护程度:上次更新 2022.08.31
优点:
1.页面搭建复杂度较高,视觉设计较好。
2.Api对接方式灵活,也支持栅格化布局。
缺点:
ps:第一次clone项目启动失败
总体来说:公司以React技术栈为主,可以基于它进行二开比较推荐(优先级高于鲁班搭建)
6.河图
平台: H5
技术栈: React + TypeScript + nodejs + express
星星数:758⭐
维护程度:上次更新 2021.02.02
优点:
1.交互不错
2.包含后台管理系统模板,有配套的邮箱服务和Mysql等服务
3.除现代浏览器外,兼容IE11以上
缺点:
1.视觉UI偏丑
总体来说:公司以React技术栈为主,比单独的低代码编辑器,功能更完整,但是二开成本更高。
| 名称 | 接入方式 | 编辑器组件库二开成本 | 页面拖拽预览区二开成本 | 页面渲染器二开成本 | 新增自定义组件成本 | 项目结构及数据DSL设计 | UI美观 | 维护程度 | 社区活跃度 | 是否支持ts | UI库 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| 智搭 | iframe集成 | 低 | 低 | 低 | 低(和编辑器组件库使用同一组件库) | 相对简单 | 中上(简约风) | Latest update on 2021.12.26 | 弱 | 支持 | antd-design-vue |
| H5-dooring | 独立部署 | 低 | 低 | 低 | 低 | 相对简单 | 中上 | Latest update on 2022.05.09 | 好 | 支持 | antd-design-vue |
| 鲁班搭建 | iframe集成 | 高(无可用组件,所有组件都得重写) | 低 | 低 | 高(同理) | 相对简单 | 相对简陋 | Latest update on 2022.07.29 | 弱 | 支持 | antd-design |
| 星搭精卫 MtBird | iframe集成 | 高(无可用组件,所有组件都得重写) | 低 | 低 | 高(同理) | 相对简单 | 相对简陋 | Latest update on 2022.07.29 | 弱 | 支持 | antd-design |
| 愚公 | iframe集成 | 低 | 中 | 中 | 低 | 相对简单 | 中上 | Latest update on 2022.08.31 | 支持弱,有基础文档 | 支持 | antd-design |
| 河图 | 独立部署 | 低 | 中 | 中 | 低 | 相对简单 | 低 | Latest update on 2021.02.02 | 差 | 支持 | antd-design |
本篇受众为有开发能力的个人开发者或企业开发人员的免费工具推荐,随不引入收费企业级产品,该文章会在之后发现好的工具后逐步更新,也欢迎相关人员有什么出入随时留言。
施人玫瑰,手留余香,使用他人仓库时,积极互动,一起共建。