低代码平台对比
低代码平台(可视化搭建平台)市面上有特别多的案例,但大多数优秀项目均为商用或内部的产品,经过一翻调研后,列出其中部分产品的对比清单:
实现方式 | 前后台页面生成 | 营销活动页H5生成 | 活动页H5与后台结合生成 |
---|---|---|---|
商业项目案例 | 简道云、宜搭 | 百度H5、易企秀、MAKA 、秀米 | 云凤蝶、携程乐高 |
开源项目案例 | 阿里飞冰、Jeecg、若依 | 鲁班H5、随心秀、amis | ovine |
项目体验地址 | jeecg 、 若依 | 鲁班H5 、鲁班H5-2、 随心秀 | ovine |
优点(开源案例) | (jeecg、若依)配置生成前后端代码,减少开发工作量,减少开发错误成本、可移植到内部项目中;飞冰有众多的物料资源,即用即生成。 | 拖动生成H5页面 | 拖动及部分配置实现H5页面及后台CRUD的生成 |
缺点(开源案例) | (jeecg、若依)不能灵活的拖动生成页面,仅适用于懂一些技术的人员;飞冰需要安装阿里的开发生态工具 | 未生成后台页面,需要写接口。 | 拖动生成页面同时支持生成后台代码,加大了页面操作复杂度 |
受众用户群体 | 前后台开发人员、运营技术人员 | 普通用户、开发人员 | 运营技术人员、开发人员 |
技术栈 | jeecg(springboot+vue)、若依(springboot+bootstrap)、飞冰(react) | 鲁班h5(vue)随心秀(react)amis(bootstrap+typescript) | ovine(bootstrap+typescript) |
开发工作流 | jeecg:通过添加业务属性、指定显示列、查询条件、配置角色来实现常见的增删改查和部分报表功能;若依:类似jeecg,此外需要把生成的代码拷贝的项目目录下,进行相应的改造;飞冰:下载 GUI 工具并安装 => 选择初始模板创建项目 => 创建页面选择可复用区块 => 生成代码进行二次开发 => 开发完成之后点击打包编译出html及静态文件 => 部署使用 | 鲁班h5:拖拽组件至画布->配置组件->保存数据生成json文件->渲染引擎解析生成的配置模板页生成预览页面地址;随心秀、amis和鲁班h5类似 | 创建页面=>选择对应的组件,配置组件=>预览或到处json配置 |
各个平台主要功能页面简介
一、阿里飞冰
页面物料区块选择
二、jeecg
表单设计器
增删改查页面
三、鲁班h5
设计页面
分享预览页面
四、随心秀
编辑页
选用场景模板
五、ovine
编辑器页面
组件配置页面
六、云凤蝶
编辑页面
智能向导创建表格(较模糊请打开大图)
功能清单对比
云凤蝶
目前云凤蝶算是业界比较顶级的产品,它有以下特性(包括但不限于)
- 智能还原设计稿
- Ant Design 规范特征明显,容易训练
- 还原成画布元素后补充缺失交互即可上线
- 智能布局
- 摆出大概位置,一键格式化成符合 Ant Design 设计规范的布局
- 模型驱动
- 只需制作业务模型,补充字段、逻辑
- 一键完成 DB、API 和 UI 的全链路生成
- Low-code ⽅方式书写后端逻辑,Serverless 部署
- 应⽤ Host,一键发布
- 丰富的物料库资源示例等
jeecg
- Online表单开发
- Online报表
- 报表配置能力
- 在线图表设计
- 大屏设计
- 移动配置能力
- 表单设计器
- 在线设计流程
- 流程自动化配置
- 插件能力(可插拔)等
鲁班H5
ovine
- 基于 amis 二次开发,拥有其所有优势
- 支持生成自定义 amis 主题
- 基于 webpack 打包,简单、速度快、支持热更新
- 通用基本功能,开箱即用
- 路由、权限、页面、组件 都由 json 配置,可简单、快速的生成复杂的 curd 表单或页面
- 内置企业级权限管理完整实现,并集成到 json 配置中
- 支持权限依赖、自定义设置权限、定义好权限后,可控制任何节点
- 路由懒加载、配合 webpack dll,页面加载速度快
- 强大的 mock 方案,实现脱离后端开发,轻松对接
基于相关资料及功能清单的比较,结合上面的功能页面简介,可知飞冰除了基于阿里生态,在拖拽能力上存在不足,页面排版固定模式不能极大地个性化调整,不支持antdesign、vue物料库少、需要基于现有物料进行二次开发。
而鲁班h5和onive(基于amis)都是功能较为齐全的的开源项目,但amis只有组件库无物料库资源,页面拖拽编排不如鲁班h5。而鲁班h5支持复用现成的物料库,但是组件丰富度远不如amis,且鲁班h5的页面不能导出。
开源项目面临的攻关问题
如果项目进行低代码实践,使用以下项目或其他开源项目,可能会涉及例如以下待改造和攻关的点:
jeecg
- 代码引入到开发项目需要修改通用代码模板
- 配置了多条件查询、指定字段展示等复杂配置不能直接导出源码
- 针对人员查看权限不能直接配置生成
- crud逻辑不支持增删改查的拖拽
- 页面配置不集中,需要花费一些时间学习使用
鲁班H5
- 物料库不够丰富
- 兼容性没有做适配,没有下拉选择移动设备
- 生成的预览页面不能直接打包导出
- 组件不够丰富,比如大转盘、容器布局等组件
- 不能导入psd文件
- 不能实时查看json配置文件或vue源码
- 预览页面基于vue,不能直接导出为原生html
- 页面组件的路由功能待完善,如指定按钮滑动和翻页效果等
- 不能生成基础的后台crud页面
- 嵌入脚本的功能增强
ovine
- 没有物料库功能
- CRUD等页面生成不能指定角色权配置
- 全部页面基于JSON,不好做迁移改造到其他项目
- 不支持导入psd
- 页面组件的路由功能待完善,如指定按钮滑动和翻页效果等
- 组件不够丰富
- 兼容性没有做适配,没有下拉选择移动设备
- 嵌入脚本的功能增强
阿里飞冰
- 需要基于物料库资源进行二次开发
- 产品基于阿里生态的工具和规范,脱离无法使用
- 主要针对于中后台,活动营销页H5功能待改造提高
- 基于react技术栈,对于vue前端需要学习成本
选型思考
对于低代码产品选型对比,包括但不局限于以上产品,但是设计思想不离其中。
对于产品的选型,目前需要基于团队业务、规模、技术现状,是先解决业务还是技术的痛点。看看活动页H5优先,还是解放重复的增删改查业务劳动优先,或是基于长期考虑,两者都需要在产品中去同步推进。低代码平台需要有技术扎实的前端共同推进,才能更好更快的落地。