免费低代码可视化页面仓库分享

314 阅读4分钟

作为可视化配置平台的基础能力,开箱即用可扩展(可自研) 等作为必须能力均概不重复赘述。

1.智搭 Vue3 低代码可视化搭建基座

平台: H5
技术栈: vue3 + vite + vuex + vue-router
**星星数:19⭐
维护程度:上次更新 2022.05.09
优点
1.风格比较简约,二开成本较低
缺点
1.没有对数据结构进行约束,需要自己进行数据结构设计
2.已实现组件相对较少
3.编辑器和渲染器没有分包,在页面中需要单独抽离渲染器使用
4.无文档,使用量较少

总体来说:Vue技术栈的公司基于它进行二开比较推荐

image.png

在线地址

2.H5-Dooring - 可视化页面配置解决方案

平台: H5
技术栈: umijs + react + nodejs
星星数:7.7k⭐
维护程度:上次更新 2022.05.09
优点
1.有对应的文档和官网,使用案例多,社区维护程度相对活跃。 2.有完善的模板管理以及配套的后端服务(可替换),完整版需付费。 缺点
1.东西比较重,二开成本较高,假如只需要页面编辑器能力的话不推荐。 2.完整版需付费

总体来说:无后端,或想直接一整套可视化页面配置解决方案下推荐。

image.png

官网在线地址 github在线地址

3.鲁班可视化搭建系统

平台: H5
技术栈: react + react hooks + react-beautiful-dnd
星星数:13⭐
维护程度:上次更新 2022.07.09
优点
1.东西少,二开成本较低
缺点
1.没有对数据结构进行约束,需要自己进行数据结构设计
2.已实现组件很少
3.编辑器和渲染器没有分包,在页面中需要单独抽离渲染器使用
4.无文档,使用量较少

总体来说:公司以React技术栈为主,且定制化需求较多可以基于它进行二开比较推荐

image.png

在线地址

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私有化部署不太友好

总体来说:优点较多,推荐

image.png

在线地址

5.愚公

平台: H5
技术栈: react + react hooks
星星数:92⭐
维护程度:上次更新 2022.08.31
优点
1.页面搭建复杂度较高,视觉设计较好。 2.Api对接方式灵活,也支持栅格化布局。 缺点

ps:第一次clone项目启动失败

总体来说:公司以React技术栈为主,可以基于它进行二开比较推荐(优先级高于鲁班搭建)

image.png

在线地址

6.河图

平台: H5
技术栈: React + TypeScript + nodejs + express
星星数:758⭐
维护程度:上次更新 2021.02.02
优点
1.交互不错 2.包含后台管理系统模板,有配套的邮箱服务和Mysql等服务 3.除现代浏览器外,兼容IE11以上

缺点
1.视觉UI偏丑

总体来说:公司以React技术栈为主,比单独的低代码编辑器,功能更完整,但是二开成本更高。

image.png

在线地址

名称接入方式编辑器组件库二开成本页面拖拽预览区二开成本页面渲染器二开成本新增自定义组件成本项目结构及数据DSL设计UI美观维护程度社区活跃度是否支持tsUI库
智搭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
星搭精卫 MtBirdiframe集成高(无可用组件,所有组件都得重写)高(同理)相对简单相对简陋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

image.png

在线地址

本篇受众为有开发能力的个人开发者或企业开发人员的免费工具推荐,随不引入收费企业级产品,该文章会在之后发现好的工具后逐步更新,也欢迎相关人员有什么出入随时留言。

施人玫瑰,手留余香,使用他人仓库时,积极互动,一起共建。