地图作业平台低代码实战（搭建能力提升）

背景

1、地图数据作业平台由大型的WebGIS"综合作业"逐步转换为人机结合，所见即所得的流水化"简单作业";

图1-1 综合作业与流水化作业

2、流水化作业的特点是单一车间交互简单，但每个车间都有定制的业务逻辑（难以配置化实现，适合有扩展能力的低代码方式）；

3、作业平台低代码建设过程中，即使是任何一个简单作业车间也存在数据校验，组件联动，保存结果转换等逻辑（下图标牌场景车间为例）；

4、作业平台低代码的建设目标是让产品，工艺等非研发同学能独立搭建车间，因而要尽可能将逻辑操作可视化，少写或不写逻辑代码；

5、非前端研发同学并不能很好地理解一些前端的基本概念：例如事件驱动，数据不可变 immutable原则， 数据双向绑定，组件（非）受控等；

问题与分析

一个简单的联动示例

图2-1 标牌场景判定车间

**涉及组件：**7个

**组件联动说明：**初始化时第二、三个作业项置灰禁用；当前一个作业项选"否"时，激活下一个作业项；当前一个作业项选"是"时，之后的作业项清空；

问题： 对于这样一个最基础的组件间联动，低代码引擎的解决方案是WebIDE中绑定事件回调函数，在函数中通过写代码来实现逻辑。这样的方案对于前端研发来说，十几行代码很快就可以完成，但是对于非研发的同学（产品、工艺）等，他们需要理解事件驱动，数据不可变原则等，实现起来就非常困难，因此我们需要探索一个更加友好的方案：无须代码或一个表达式便可以实现以上联动功能。

示例中代码分析

// 以上示例的伪代码实现 

class Main extends PurComponents {
  constructor() {
    this.state = {
      A: '',
      B: '',
      C: '',
    }
  }

  // 响