ABF平台设计（三）-优酷中后台低代码开发方案

背景

我们团队绝大多数工作都是在开发各种中后台应用，也一直在探索如何提升中后台应用开发的效率。为此我们建设了ABF平台，能在ABF平台上一站式完成应用创建、权限控制、开发、部署等，这篇文章将介绍ABF平台中非常重要的一部分——搭建中心。

顾名思义，搭建中心是一套中后台低代码开发的解决方案，主要有这些功能：
● 可以通过拖入组件、修改配置的可视化交互方式来开发页面
● 在编辑器里可以随时拖入物料中心的物料，无需提前确定依赖
● 可以搭建页面也可以搭建物料，能通过搭建反向补充物料中心
● 对于复杂场景，支持“代码嵌搭建”的使用方式，融合Pro Code和Low Code两者的优势

在具体介绍之前，我想先讨论几个经常会被问到的问题：

问题一：低代码开发是否真的能够提效？
很多前端开发者对于低代码开发这种“拖控件”的开发方式有一种天然的抵触和怀疑，这种方式是否真的能够提效？
我认为低代码开发的提效点并不是用“拖控件”代替写代码——从头搭建一个页面未必就比用代码写一个快。

低代码开发最重要的是和物料、模型驱动等配合，例如根据模型能自动生成一个表单页面，组件类型和校验都已经默认可用，只需要在编辑器里改一改字段描述和布局就可以用了，这样也能在开发环节中引入其他角色，非开发人员（产品/运营等）完全可以自己搭建页面。并且低代码开发方式天然偏向于物料建设，能让前端开发人员的工作模式从“开发页面”变成“开发组件”。

并且我们在过去两年也已经有过非常深入的实践：在优酷内容管理平台中，我们实现了一套特定领域的页面搭建方案，能通过字段和类型信息自动生成初始页面，然后在搭建编辑器中做些调整，即可得到一个可用的页面。这套方案已经搭建出了数百个页面，服务了近千名运营。这些页面搭建基本都是由产品完成，前端不需要参与。

但在当时，这套方案却很难推广到更广的范围使用，毕竟它是一套针对特定业务场景的搭建方案，很难推广到需求差异很大的其它中后台项目中。但我们至少能确定一点：低代码开发确实能为中后台开发提效。

问题二：复杂的业务场景能使用低代码开发吗？
有很多复杂业务逻辑，要么完全没办法用低代码开发的方式来做，要么会把配置弄得非常复杂，得不偿失，怎样处理这些场景？
对于增删改查类的简单的页面，可以用低代码开发的方式来做，对于一些复杂逻辑，搭建中心也提供一套混合开发方案：复杂逻辑仍然使用代码编写，通过渲染器将低代码搭建结果作为一个普通物料组件来使用。
代码示例：

import React from 'react';
import LowcodeRenderer from '@ali/abf-lowcode-renderer';

const MyPage = () => {