关于低代码技术方案调研_nocobase 知乎

现状

目前低代码领域百花齐放，但是基于自身产品定制的内容过多，能普及的较少，低代码平台的开发投入到应用需要从上到下各方的配合，才能确保成功的应用并极大的提高产能。

---

一般分工

国内低代码平台

全栈平台

• 阿里-云凤蝶
  • 蚂蚁杨周璇：我做前端这十多年来的感悟
  • 云凤蝶可视化搭建的推导与实现
  • 云凤蝶中台研发提效实践
  • 中台建站的智能化探索
  • 云凤蝶如何打造媲美 sketch 的自由画布
  • 云凤蝶自由画布之道：分层模型
• 阿里-金蝉
  • 长夜未央——企业级研发提效的下一阶段
  • 十倍效能提升——Web 基础研发体系的建立
  • 前端服务化——页面搭建工具的死与生
• 阿里-宜搭
• 阿里-天马
  • 如何设计阿里经济体都在用的搭建服务—天马
• 腾讯-积木
  • 积木系统v2@江源.pptx
  • 积木系统，将运营系统做到极致
• 腾讯-lowcode
  • 腾讯云开发低码平台
• 无远开发平台
  • 案例
• ivx
  • 关于iVX平台实现的总体技术栈【低代码/无代码、可视化开发语言】
  • iVX是怎么开发出来的？0代码开发的理论基础是什么？】
  • iVX和其他低代码的开发平台区别究竟在哪里
  • ih5
• 闪电数据管理
  • 闪电数据管理 —— 无代码数据管理(开发)系统
  • lightning —— 基于Django的无代码Admin及低代码开发框架
• 数式科技
• 明道云 支持公共云和私有部署，私有部署在Github可获得免费社区版下载
• 轻流
• 活字格
• 金蝶云-苍穹
  • OpsMind 前端低代码开发平台–MPlatform
• xdeer
• 表单大师
• Appsmith（Github）
• 白码

页面搭建

• MAKA
• 易企秀
• 上线了
• 兔展
• 稿定设计
• 壹伴
• 创客贴
• 点石
• 京东-通天塔
  • 京东商城活动页面构建系统——通天塔
• 阿里-imgcook
• 转转-魔方
  • 持续迭代的电商可视化运营页面生成系统
• 人人贷-活动运营平台
  • 活动运营自动化平台实践
• 美团-乐高
  • 美团外卖前端可视化界面组装平台 —— 乐高
• 百度-h5
  • 前端即服务-通向零成本开发之路
• 政采云-鲁班
  • 前端工程实践之可视化搭建系统（一）
• 携程-民宿CMS
  • 活动专题系统搭建过程中我的一些思考
• 携程-乐高
  • 干货 | 已配置4000+页面，携程前端组件化探索之“乐高”运营系统
• 知乎-Versatile Editor
  • 「可视化搭建系统」——从设计到架构，探索前端领域技术和业务价值
• 阿里-bi designer
• 360 - 即视
• http://h5.dooring.cn/

店铺装修

非独立页面，依附于业务系统存在的页面搭建

• 阿里-飞冰

• 阿里-formilyjs

• MegaLayout - 下一代Formily表单布局解决方案

• 阿里-gaea-editor 可视化在线编辑器架构设计

• 阿里-sula

• blockVisualEditor

• pager

• 运满满-码良

  • 如何设计高扩展的在线网页制作平台

• X-Page-Editor

• Vue-Layout

• antd-visual-editor

• pipeline-editor

  • 【第1524期】页面可视化搭建工具技术要点

• panel-magic

  • 基于 Angular 的小程序可视化编辑器 Panel-Magic 的实现解析

• 百度外卖-blocks

  • 百度外卖如何做到前端开发配置化

• Esview

• gen

• bee gen pro

• 百度-amis

  • Ovine：基于 amis 补全了路由、权限相关的组件
  • 爱速搭

• 唯品会-ams

• vue-admin

• 鲁班 H5

• 华炎魔方

• h5-factory

  • 一个简单易用的电商活动页面生成系统

• vision

• brick-design

• 随心秀

• yh5

• rxeditor

• activity-YD

• layoutit
  (https://www.v2ex.com/t/685143)
  jeecg-boot
  (https://www.v2ex.com/t/718505)

• Tefact: Tefact 轻量级无代码/低代码，H5、表单编辑器

• 星搭: 星搭无代码平台，快速构建中后台、小程序

• 好未来晓黑板go-zero微服务框架: 你不需要懂微服务，懂业务就行

• cube：快速搭建中后台页面

• Web Designer

• h5maker

• pl-drag-template

• form-generator：Element UI表单设计及代码生成器

• form-render：通过 JSON Schema 生成标准 Form，基于React

• Vue Json Design

• rebuild

• W5 SOAR

• nocobase

• 黑帕云

办公/管理系统 a.k.a no-code

• 黑帕云
• 维格表
• 阿里云-Teambition
• 阿里云-RPA
• SeaTable
• 蒲公英-Tracup
• 蒲公英-Seed
• 伙伴云
• monday.com
• Airtable
• Notion

技术攻关内容

通过一些列的行业方案研究分析，可以发现，其实很多方案都相似的地方，从前端到后端的涉及到的技攻关内容可以整理为：

• 开发工具链
• 数据结构设计
• 渲染器和交互设计
• 数据源导入
• 页面编译构建
• 页面生成
• 代码生成
• 代码发布
• 活动发布
• 版本管理
• 在线运营管理
• 权限管理
• 可视化
• 所见即所得”实现
• 后端存储
• CDN 同步
• 数据打点和统计
• 数据分析等
• 组件库的设计

---

技术方案选型思考

行业中大多数都开发了一套组件可视化编辑IDE,需要极大的人力精力投入。比如阿里的云凤蝶产品生态圈

如果全新打造平台，那么首先需要考虑技术实力和人力投入是否允许，技术攻关内容中哪些是迫切需要的，分步实现，逐步完善，
如果是使用开源方案，但应该清楚的知道开源的东西用在自己的体系中的优劣，未来还要补充什么？可以研究下开源的一些平台，参照行业经验补充或改善迫切需要的平台基础。

---

开源自研方案推荐

jeecg简介

开源方案众多，这里以选jeecg为例

• 源码地址：https://github.com/zhangdaiscott/jeecg-boot
• 代码生成器使用教程
  

JeecgBoot 是一款基于代码生成器的低代码开发平台！前后端分离架构 SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服务。强大的代码生成器让前后端代码一键生成，实现低代码开发! JeecgBoot 引领新的低代码开发模式(OnlineCoding-> 代码生成器-> 手工MERGE)， 帮助解决Java项目的重复工作，让开发更多关注业务。既能快速提高效率，节省研发成本

架构

技术栈

产品蓝图

应用场景举例

JeecgBoot代码生成器：支持单表、一对多、一对一、树模型生成，生成的代码包括前台和后台，生成后直接使用，无需修改。
功能说明： 一键生成的代码（包括：controller、service、dao、mapper、entity、vue）

首先解决的是最传统的增删改查导出业务模块，如下图：

其他功能

JeecgBoot 提供了一系列低代码模块，实现在线开发真正的零代码：Online表单开发、Online报表、报表配置能力、在线图表设计、大屏设计、移动配置能力、表单设计器、在线设计流程、流程自动化配置、插件能力（可插拔）等。

体验地址

内网地址