# awesome-lowcode

**Repository Path**: zgxtech_admin/awesome-lowcode

## Basic Information

- **Project Name**: awesome-lowcode
- **Description**: 国内低代码平台从业者交流
- **Primary Language**: Unknown
- **License**: CC0-1.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 5
- **Forks**: 4
- **Created**: 2021-04-30
- **Last Updated**: 2024-04-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: lowcode

## README

# 国内低代码平台

## 全栈平台

* 阿里-云凤蝶
  * [蚂蚁杨周璇：我做前端这十多年来的感悟](https://mp.weixin.qq.com/s/GiFpswpm_N_5MlnBywRTgw)
  * [云凤蝶可视化搭建的推导与实现](https://zhuanlan.zhihu.com/p/101665976)
  * [云凤蝶中台研发提效实践](https://zhuanlan.zhihu.com/p/78425921)
  * [中台建站的智能化探索](https://zhuanlan.zhihu.com/p/54422324)
  * [云凤蝶如何打造媲美 sketch 的自由画布](https://zhuanlan.zhihu.com/p/92469406)
  * [云凤蝶自由画布之道：分层模型](https://zhuanlan.zhihu.com/p/97768853)
* 阿里-金蝉
  * [长夜未央——企业级研发提效的下一阶段](https://zhuanlan.zhihu.com/p/66474056)
  * [十倍效能提升——Web 基础研发体系的建立](https://zhuanlan.zhihu.com/p/34790596)
  * [前端服务化——页面搭建工具的死与生](https://www.cnblogs.com/sskyy/p/6496287.html)
* [阿里-宜搭](https://www.aliwork.com/)
* 阿里-天马
  * [如何设计阿里经济体都在用的搭建服务—天马](https://zhuanlan.zhihu.com/p/137470317)
* 腾讯-积木
  * [积木系统v2@江源.pptx](https://vdisk.weibo.com/s/cSKQveSBDMPco)
  * [积木系统，将运营系统做到极致](https://cloud.tencent.com/developer/article/1055079)
* [奥哲](https://www.authine.com/)
* [点石](https://www.h5ds.com/)
* [ivx](https://www.ivx.cn/index)
  * [ih5](https://www.ih5.cn/)
* [闪电数据管理](http://www.gitmen.com/)
  * [闪电数据管理 —— 无代码数据管理(开发)系统](https://zhuanlan.zhihu.com/p/162964986)
* 乘法云
  * [状态管理的问题是什么](https://github.com/mulcloud/state-management-demo)
* [巴克云](https://www.buckycloud.com/)
* [数式科技](https://shushi.pro/technology)
* [明道云](https://www.mingdao.com/) 支持公共云和私有部署，私有部署在Github可获得[免费社区版下载](https://github.com/mingdaocom/private-deployment)
* [轻流](https://qingflow.com/)
* [速融云](https://www.surongyun.cn/)
* [简道云](https://www.jiandaoyun.com/)
* [炎黄盈动](https://www.actionsoft.com.cn/)
* [无远开发平台](https://wuyuan.io/)
* [广州天翎myApps](http://www.teemlink.com/)
* [活字格](https://www.grapecity.com.cn/solutions/huozige)
* [起步科技](http://www.wex5.com/)
* [金蝶云-苍穹](http://www.kingdee.com/products/cosmic)
* [普元](http://primeton.com/products/ep/overview.php)
* OpsMind
  * [OpsMind 前端低代码开发平台--MPlatform](https://mp.weixin.qq.com/s/gTVUii6ekVZNoX-6k5UCcg)
* [xdeer](https://www.xdeer.cn/)
* [湘北智造](https://www.xjrsoft.com/)
* [表单大师](https://www.jsform.com/)
* [Zion/载航](https://functorz.com/)

## 页面搭建

仅包含前端部分的 low code 平台

* [MAKA](http://maka.im/)
* [易企秀](https://store.eqxiu.com/)
* [上线了](https://www.sxl.cn/)
* [兔展](https://www.rabbitpre.com/)
* [稿定设计](https://m.gaoding.com/)
* [壹伴](https://yiban.io/)
* [创客贴](https://www.chuangkit.com/)
* 京东-通天塔
  * [京东商城活动页面构建系统——通天塔](https://blog.csdn.net/zl1zl2zl3/article/details/84661421)
* [阿里-imgcook](https://imgcook.taobao.org/)
* 转转-魔方
  * [持续迭代的电商可视化运营页面生成系统](https://www.cnblogs.com/zhuanzhuanfe/p/10500786.html)
* 人人贷-活动运营平台
  * [活动运营自动化平台实践](https://zhuanlan.zhihu.com/p/68108055)
* 美团-乐高
  * [美团外卖前端可视化界面组装平台 —— 乐高](https://zhuanlan.zhihu.com/p/27288444)
* [百度-h5](https://h5.bce.baidu.com/)
  * [前端即服务-通向零成本开发之路](https://os.alipayobjects.com/rmsportal/sJqXvOtwePsVWGNIwlas.pdf)
* 政采云-鲁班
  * [前端工程实践之可视化搭建系统（一）](https://juejin.im/post/5d8774bff265da03ae78b2a1)  
* 携程-民宿CMS
  * [活动专题系统搭建过程中我的一些思考](https://www.dazhuanlan.com/2019/10/07/5d9a698bdde35/)
* 携程-乐高
  * [干货 | 已配置4000+页面，携程前端组件化探索之“乐高”运营系统](https://mp.weixin.qq.com/s/WDCkXEBa0bA-h_8L6cBcJw)
* 知乎-Versatile Editor
  * [「可视化搭建系统」——从设计到架构，探索前端领域技术和业务价值](https://zhuanlan.zhihu.com/p/164558106)
* [阿里-bi designer](https://github.com/dt-fe/weekly/blob/v2/164.%E7%B2%BE%E8%AF%BB%E3%80%8A%E6%95%B0%E6%8D%AE%E6%90%AD%E5%BB%BA%E5%BC%95%E6%93%8E%20bi-designer%20API-%E8%AE%BE%E8%AE%A1%E5%99%A8%E3%80%8B.md)
* [360 - 即视](https://arena.360.cn/)
  
## 店铺装修

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

* [shopify](https://apps.shopify.com/browse/store-design-page-builders)
* 有赞-微页面
* 淘宝店铺装修
  
## ![Open Source Love svg3](https://badges.frapsoft.com/os/v3/open-source.svg?v=103)

* [阿里-飞冰](https://ice.work/)
* [阿里-formilyjs](https://formilyjs.org/)
  * [MegaLayout - 下一代Formily表单布局解决方案](https://zhuanlan.zhihu.com/p/133906363)
* [阿里-gaea-editor](https://github.com/ascoders/gaea-editor)
  * [可视化在线编辑器架构设计](https://www.jianshu.com/p/840e0b0b2c6a)
* [阿里-sula](https://github.com/umijs/sula)
* [blockVisualEditor](https://github.com/sww1230/blockVisualEditor)
* [pager](https://github.com/laispace/pager)
* [运满满-码良](https://github.com/ymm-tech/gods-pen)
  * [如何设计高扩展的在线网页制作平台](https://juejin.im/post/5bd83daee51d4524b50d23b5)
* [X-Page-Editor](https://github.com/OXOYO/X-Page-Editor-Vue)
* [Vue-Layout](https://github.com/jaweii/Vue-Layout)
* [antd-visual-editor](https://github.com/xinyu198736/antd-visual-editor)
* [pipeline-editor](https://github.com/page-pipepline/pipeline-editor)
  * [【第1524期】页面可视化搭建工具技术要点](https://mp.weixin.qq.com/s/90JJAFhGokKmicOQZxdAGg)
* [panel-magic](https://ricbet.github.io/panel-magic/)
  * [基于 Angular 的小程序可视化编辑器 Panel-Magic 的实现解析](https://zhuanlan.zhihu.com/p/101677992)
* [百度外卖-blocks](https://github.com/Eyot424/blocks)
  * [百度外卖如何做到前端开发配置化](https://juejin.im/post/59536bad6fb9a06ba024d96d)
* [Esview ](https://github.com/furioussoul/esview)
* [gen](https://github.com/genany/gen)
* [bee gen pro](https://gocn.vip/topics/10724)
* [百度-amis](https://github.com/baidu/amis)
  * [Ovine](https://github.com/CareyToboo/ovine)：基于 amis 补全了路由、权限相关的组件
  * [爱速搭](https://suda.baidu.com/)
* [唯品会-ams](https://github.com/vipshop/ams)
* [vue-admin](https://github.com/jiangshanmeta/vue-admin)
* [鲁班 H5](https://github.com/ly525/luban-h5)
* [华炎魔方](https://github.com/steedos/steedos-platform/)
* [h5-factory](https://github.com/yangyuji/h5-factory)
  * [一个简单易用的电商活动页面生成系统](https://juejin.im/post/5cf328706fb9a07f042030f0)
* [vision](https://github.com/tuoxiansp/vision)
* [brick-design](https://github.com/brick-design/react-visual-editor)
* [随心秀](https://github.com/lzuntalented/lz-h5-edit)
* [yh5](https://github.com/qq15725/yh5)
* [rxeditor](https://github.com/rxwater/rxeditor)
* [activity-YD](https://github.com/vkcyan/activity-YD)
* [layoutit](https://github.com/justjavac/layoutit)
* [Ramiko](https://github.com/fantasticit/ramiko)
  * [使用 React 构建页面可视化搭建工具](https://www.v2ex.com/t/685143)
* [jeecg-boot](https://github.com/zhangdaiscott/jeecg-boot)
* [sparrow-js](https://github.com/sparrow-js/sparrow)
  * [实时输出前端代码，折腾大半年的开源项目 sparrow-js](https://www.v2ex.com/t/718505)
* [Tefact](https://github.com/Tefact/tefact-saas): 让你通过无需任何代码即可生成简单CRUD后台
* [好未来晓黑板go-zero微服务框架](https://github.com/tal-tech/go-zero): 你不需要懂微服务，懂业务就行
* [cube](https://github.com/fantasticit/cube)：快速搭建中后台页面
* [react-visual-design](https://github.com/react-visual-design/react-visual-design): 基于react的h5组件搭建
* [Web Designer](https://github.com/xiaoai7904/web_designer)
* [h5maker](https://github.com/zhengguorong/h5maker)
* [pl-drag-template](https://github.com/livelyPeng/pl-drag-template)
* [form-generator](https://github.com/JakHuang/form-generator)：Element UI表单设计及代码生成器
* [form-render](https://github.com/alibaba/form-render)：通过 JSON Schema 生成标准 Form，基于React
* [Vue Json Design](https://github.com/fyl080801/vjdesign)

---

* https://github.com/blocks/blocks
* https://github.com/frappe/frappe
* https://github.com/ipselon/structor
* https://github.com/vigetlabs/colonel-kurtz
* https://github.com/BuilderIO/builder
* https://github.com/vuegg/vuegg
* https://webcodesk.com/
* https://github.com/odoo/odoo

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

* [黑帕云](https://hipacloud.com/)
* [维格表](https://vika.cn/)
* [阿里云-Teambition](https://www.teambition.com/tour)
* [阿里云-RPA](https://cn.aliyun.com/product/codestore)
* [SeaTable](https://seatable.cn/)
* [monday.com](https://monday.com/)
* [Airtable](https://airtable.com/)
* [Notion](https://www.notion.so/)
* https://welovenocode.com/nocodelist

## 声明式编程

* ["Probabilistic scripts for automating common-sense tasks" by Alexander Lew](https://www.youtube.com/watch?v=MiiWzJE0fEA)

## 行业综述

* [精读《对低代码搭建的理解》](https://zhuanlan.zhihu.com/p/161783546)
* [页面可视化搭建工具前生今世](https://zhuanlan.zhihu.com/p/37171897)
* [React.js 可视化编辑工具](https://juejin.im/post/5d7ae944f265da03c5033e38)
* [对低代码、零代码产品的一些看法](https://zhuanlan.zhihu.com/p/156887528)
* [对 aPaaS 的产品认知](https://zhuanlan.zhihu.com/p/149801853)
* [无代码编程](https://zhuanlan.zhihu.com/p/61288928)
* [万物代码化：从低代码、云开发到云研发的思考](https://zhuanlan.zhihu.com/p/141742525)
* [《早早聊搞搭建》搞过搭建的我收获了什么？](https://juejin.im/post/6844904106767695880) 

## 技术点

* 可逆计算
  * [可逆计算：下一代软件构造理论](https://zhuanlan.zhihu.com/p/64004026)
  * [从可逆计算看声明式编程](https://zhuanlan.zhihu.com/p/85492497)
* [161.精读《可视化搭建思考 - 富文本搭建》](https://github.com/dt-fe/weekly/issues/262)
* [面向 Model 编程的前端架构设计](https://zhuanlan.zhihu.com/p/144157268)
* [流动的数据——使用 RxJS 构造复杂单页应用的数据逻辑](https://github.com/xufei/blog/issues/38)
* [使用 React 写个简单的活动页面运营系统 - 设计篇](https://segmentfault.com/a/1190000004540256)
* [【电商】用可视化编辑，解构看起来非常炫酷的专题页面](https://www.jianshu.com/p/c4359a7338d3)
* [如何搭建一个功能复杂的前端配置化框架(一)](https://www.cnblogs.com/wukong-holmes/p/9287763.html)

## 国外

* https://www.honeycode.aws/
* https://developers.google.com/appmaker
* https://powerapps.microsoft.com/zh-cn/
* https://www.zoho.com/creator/
* https://www.salesforce.com/
* https://www.appian.com/
* https://bubble.io/
* https://www.adalo.com/
* https://thunkable.com/
* http://www.vvveb.com/vvvebjs/editor.html
* https://www.forestadmin.com/
* https://mobirise.com/
* https://paperbits.io/
* https://builderx.io/
* https://grapesjs.com/
* https://reactstudio.com/
* https://www.wix.com/
* https://university.webflow.com/
* https://www.squarespace.com/
* https://www.framer.com/
* https://www.figma.com/
* https://www.mendix.com/zh/
* https://www.outsystems.com/
* https://retool.com/
* https://www.quickbase.com/
* https://layoutit.com/
* https://www.claris.com/zh/filemaker/
* FoC 聊天记录：https://marianoguerra.github.io/future-of-coding-weekly/history/?fromDate=2017-06-13&toDate=2017-06-14&channel=general&filter=

# 一切改进都是源自于人类的缺陷

## How we think

* 人脑是串行的，无法有效并行思考多条线索
  * 人脑不适合思考并行执行的多线程
    * 【单线程】把共享变量的编程模式改成事务整体提交的模式
  * 人脑不适合思考同时呈现在屏幕上的多个独立的业务流程
    * 代码是按发生时间组织的，在一起的代码未必是逻辑上有关联的业务流程
      * 【按业务切分文件】阅读者应该可以按照自己的任务目标来跟踪索引，而不是默认一个按钮点击引起的处理逻辑都一定要写在一个大文件里
      * 【按变更频率切分文件】业务变更是阅读的首要原因，代码应该按照业务变更的频率来组织。会同时变更的代码应该放在一起
  * ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+)人脑很难管理多份独立可变的状态，本质上每个独立变化的状态就是一个独立的线程
    * 驱动状态数量熵增的三大因素：
      * 因为交互体验的要求，从后端到富客户端到3d动画，状态被复制多份，越来越靠近展示层
      * 因为硬件物理的约束，内存从CPU统一寻址，到异构计算，CUDA，每个硬件核都有一层自己的内存
      * 因为数据量的增长，从统一的OLAP从库，到Data Lake，Data Mart，数据被复制成越来越份，流水线越来越长
    * 对抗状态数量熵增的手段：
      * 【声明式数据联动】减少独立变化的状态，用表达式来表达 derived state
      * 【全局虚拟数据层】借鉴Unix的统一文件抽象，引入一层统一的虚拟数据层。尽可能把状态转化成 cache
  * 人脑很难理解新增对原有行为的剧烈变化，更习惯逐层稳定叠加。也就是人更希望“控制变量”
    * css 最大的难度在于不正交，新增一条对规则会引起意想不到的效果
      * 【局部化布局】swiftui 的 HStack/VStack/ZStack 布局规则数量少，每条规则作用都是局部的稳定的叠加
    * 性能优化往往需要破坏局部性，因为局部的自治容易引起重复劳动
      * 【局部化IO】系统自动实现 I/O 的批量等可以自动化做的全局优化
      * 【局部化IO】业务写成自治的，但是可以附加额外的手工全局调优。而不是强制要求把业务逻辑从局部抽出去
      
## How we perceive 

* 人眼只能在狭窄的感受野里获得信息
  * 人对时间的感知是来自于对空间的感知
  * 人希望在一个屏幕内从上往下的获取时间顺序上从早到晚的信息
    * callback 的编程方式破坏了屏幕上的顺序和时间顺序的直接映射关系
      * 【协程式IO】用协程取代 callback，把屏幕上的代码撸直
    * ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+)通过 status 字段驱动的业务状态机破坏了屏幕上的顺序和时间顺序的直接映射关系
      * 【协程式业务流程】用协程取代 status 状态机，把屏幕上的代码撸直
  * 因为感受野的限制，源代码没有空间展示所有的细节
    * 类型定义，内存分配等“细节”占用了大量的视觉区域
      * 【IDE细节隐藏】在文本上省略掉细节，由 IDE 进行补全，当鼠标移动上去的时候才展示出来
    * 人最习惯的空间整理方式仍然是层状的文件夹
      * 所有的“架构”设计，最终都是对文件夹和文件的设计。但是一个维度的静态索引（文件夹嵌套）无法满足所有可能的检索需求
        * 【IDE按需索引】由 IDE 来补全文件夹分类不能满足的索引需求，针对阅读者的任务来设计IDE索引
  * 视杆细胞容易忽略形状和顺序的差异，但是对颜色更敏感
    * 语法高亮占用了宝贵的资源，但是并没有考虑阅读者的诉求
      * 【IDE按需高亮】对于不同的任务，阅读者希望找到的重点是不同的，语法高亮应该结合任务来做 
      
## How we collaborate

* 人与人之间最高效的沟通的方式是面对面的交互式声波震动
  * 人类低下的沟通带宽根本上限制了一个团队的规模
    * 上线速度要求越快越好，但是加人带来的边际效益递减
      * 减少开会拉齐，团队应该尽可能地自治，而不是什么都要靠 feature team 横向拉通
        * ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+)高内聚，低耦合
          * 【静态链接包】编程工具应该提供更多的组合可能，而不是所有的组合都要在运行时用面向对象的多态来实现
          * 【按变更频率切分包】分工应该按照变更频率来确定，分工应该是明确的
  * 尽可能由最终用户，或者靠近最终用户的团队来解决问题，而不是长距离传递需求
    * 最终用户编程：直接让需求提出者自己来实现需求
      * 把“学习”内置到工具里，需要内置一个教学工具
        * 最终用户的编程工具开发难度高，成本高，投入超过了单个软件的回报
          * ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+)【编辑器预制】把“公式编辑”，“店铺装修”等常见共性需求提前预制
      * 教学工具的目标是教学，而不是把自己标杆为更先进的生产力
        * 【教学内置】提供教学模式和生产力模式的无缝切换
    * 低代码编程：通过提前预制，把工作量前置，减少应用开发者的规模，从而可以在组织架构上把开发者内置到用户组织内部。与此相对应的是文档驱动的外包式开发。
      * “预制”来自于对共性需求的提前预判
        * 【非功能性需求云化】非功能性需求的实现，都是运行在相似的机器上
          * 操作系统
          * k8s
          * RPC 框架
        * 开发者都是人类
          * 编程工具
          * 沟通工具
        * 用户都是人类
          * 【SaaS组件】IM / 电话 / 短信
          * 【Ui组件】字处理器 / 表格
          * 【CRUD生成】惯用的展现和交互
            * 列表详情
            * 树状层级
            * 表格结构
            * 可拖拽白板
        * 【SaaS组件】相对稳定的业务流程
          * 登录注册
          * 支付
        * 行业内相对稳定的业务共性流程
          * 电商
          * HR / 招聘
          * 销售管理 / CRM
          
## How we learn

* 人的“归纳/理解/学习”能力高度依赖于可视化交互式地操纵与反馈
  * 帮助应该放在任务执行的地方，与其说“可视化”，不如说是“可发现”
    * 【填空题变选择题】单独的语法手册是不好使的，必须提供界面上的按钮，把填空题变成选择题，这样才能启发学习
      * GUI 设计器 / 店铺装修
      * 公式编辑器
      * 审批 / 工作流设计器
      * trigger 流程设计器
  * 人习惯于用手触碰一下对象，然后观测其反馈，从而归纳学习
    * 不可观测的行为无法学习
      * 生产环境的bug无法本地复现，我怎么找规律？
        * ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+)【TestInProduction】tracing，大量的 tracing，流量回放
      * lowcode 平台的bug没有任何线索，除了找平台开发者，我能怎么办？
        * 不能要求用户了解所有的内部细节，“平台”要做到可依赖
        * 业务逻辑问题的定位和生产环境的bug定位一样，靠 tracing
    * 反馈太慢的行为给人的负面感受是指数增加的
      * 本地机器太慢了跑不起来，需要上公司的沙盒环境来复现问题
        * ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+)【云IDE】
      * 改完了代码需要重新编译重新加载
        * 【LanguageServer】交互式开发的时候跳过不必要的编译
        * ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+)【所见即所得】所见即所得的 GUI 开发，本质上就是用解释器执行，换取编译时间的缩减
        * 【HMR】重加载的时候保持页面状态
        
# no code / low code / pro code

一切的改进都是源自于人类的缺陷

* no code：自己编程给自己用，给用户的感觉是一个更强大的办公/实用软件。主要的手段是用图形化操作等方式降低学习曲线。no code 一定要面向非常固定的领域才能做到好用。
* low code：编程给其他人用，为此创造了一个 citizen developer 的概念。主要的手段是平台预制好常见的需求，减少需要从头写的代码。low code 也要面向指定的领域才能让平台提前预测需求，但相比 no code 可以不把使用场景限定得那么死。
* pro code：low code 的平台自己不会选择 low code 来创建这个平台本身，因为 low code 并没有降低从头构建一个系统的成本。但是 pro code 的平台自己会选择 pro code 来创建这个平台本身，比如 react 开发者会选择用 react 来创建自己的开发工具，因为 pro code 的工具和平台都是以从根本上降低从头构建一个系统的复杂度为目标的。