low-code

low-code特点：

1. 一个创造软件的开发环境，类似vs-code；

2. 通过可视化拖拽和参数配置高效开发。

1. 背景

1.1 目标

需求的交付质量和交付效率一直是中后台项目开发中非常关注的指标。

1.2 发展

各个团队也在不断探索更多的方式。

（1）开发通用业务组件。将各个特定业务场景进行封装；

（2）开发通用性组件。设定规则，通过配置化完成页面构建和逻辑处理，form-render就是如此的组件；

（3）页面配置化。对于业务比较成熟后，对于业务组件提炼已经到达一个非常高的程度（形成物料级别），我们在开发页面的时候会发现，实际开发就是将各个业务组件进行组合，于是会出现页面的配置化；

（4）页面可视化。继续发展，配置仍然需要代码开发上线，这些配置是不是可以通过可视化完成，然后存入数据库，这个时候就形成了我们low-code代码平台的基础版本。

（5）可视化平台完善。监控，埋点，页面管理，物料管理，上线流程这些功能的支持，将会形成一个完善的可视化搭建平台。此时基本是程序员可以用。

（6）产品可用。产品可搭建是一个比较高的要求，需要物料设计更简单，平台使用更简单。基本上只针对比较简单或者通用的页面支持。此时就会形成no-code平台。

2. 对开发有什么帮助

2.1 提升开发效率

开发中，即便再小的需求也会存在不少的code，即便的复制的代码也会存在一些边界值的修改，这些往往是耗费时间的。在low-code平台，将不会看到任何代码，我们能看到的仅仅是一些我们需要修改的参数，我们的关注点也可以聚焦到这些参数上。此时，我们需要关注的是页面的整体逻辑和物料的参数配置。

2.2 提升交付质量

“多做多错，少做少错”是一个生活常识，通过low-code平台，我们做的事儿更少了，我们主要是物料拖拽以及属性配置，不用再去关注边界条件，基本上只要物料不出问题，我们交付的页面也不会出问题。同时也能减少测试的工作量。

3. low-code关键组成

3.1 拖拽功能

拖拽功能可以是对用户非常友好的一种方式，同时也是比较方便的方式。实现中比较常用的库是react-dnd。

3.2 页面渲染

一般页面结构通过json schema进行描述，low-code平台需要根据schema配置完成页面渲染，所以需要提供一个渲染器。

3.3 物料协议

对于任何一个low-code平台都有自己物料的协议，只有满足协议才能接入平台。

3.4 物料属性配置

物料都有一些变量需要配置，比如一个表格，需要配置请求的url信息，需要配置每个列的列名和绑定字段。所以需要一个物料的属性配置面板，一般这个面板的配置信息配置在物料中。

3.5 事件编排

物料之间可能也会存在一些互动，比如，点击按钮，出现一个弹框。这个都需要进行事件编排，在各个事件中触发配置事件。

附上一个个人开发的小案例:

预览

代码地址