平台架构团队在运营类业务实际开发过程中,针对重复性高、灵活性低、需求响应慢等业务痛点进行深入探索与优化。为了将研发人员的时间聚焦在最有价值的业务上,平台架构团队决定构建一套符合自身业务特点的低代码平台,优先解决当前业务痛点。本文主要介绍低代码平台构建方案,针对C端业务,主要聚焦在前端组件可视化,通过可视化组件的编排生成业务所需要的页面,例如大部分的运营活动页;针对B端业务,提供前后端全套解决方案,使用增删改查类简单业务逻辑,无需手动编码,提供了6种基础组件、12种高级组件来支持业务交付,下一步将聚焦于流程可视化编排及复杂业务可视化相关能力打磨。
01 案例亮点
从0到1构建低代码开发平台,结合运营平台业务特点,抽取公共组件(目前提供6种基础组件,12种高级组件),封装通用后端逻辑,改变传统开发方式,告别CRUD,降本增效,助力需求快速迭代。
![](https://i-blog.csdnimg.cn/blog_migrate/4e4da19598b090ea1c9d73832474bb8e.png)
02 用户痛点
「 重复 」
部分简单业务,开发过程类似,重复性、模版化特征明显,浪费开发资源,成就感低。
「 低效 」
简单CRUD业务及相关业务微调时,依然需要进行开发、测试、部署全流程,效率低。
「 需求响应慢 」
需求响应速度慢、周期长,强依赖于研发各个环节资源情况。
03 解决方案
| 低代码应用场景
「 广义 」
所有可以降低生产成本,减少代码开发的方式、过程或者工具/系统。
「 狭义 」
指通过图形化、可视化的开发方式,基于模型驱动和逻辑编排的能力,进行拖拽和配置,最后生成我们想要的产物(应用程序、接口等)。
![](https://i-blog.csdnimg.cn/blog_migrate/f95265aed038bdec552cf1ba536d1ab4.png)
根据应用场景的不同,我们对低代码应用策略有所差异。
| 低代码与传统开发对比
![](https://i-blog.csdnimg.cn/blog_migrate/fe3bf96ade66397c379e08e43152899a.png)
| 针对C端业务
针对C端业务,当前主要聚焦在前端组件可视化,通过可视化组件的编排生成业务所需要的页面,例如大部分的运营活动页。后端方面,为了保证C端接口效率的要求及业务逻辑灵活性和严谨性,当前需要研发人员投入开发。
![](https://i-blog.csdnimg.cn/blog_migrate/b35033ff92ee7d0233e8550d492a42c4.png)
| 针对B端业务
针对B端业务,提供前后端全套解决方案,简单通用增删改查类业务逻辑无需手动编码,高级组件中提供以下较复杂业务场景支持。
「 子表组件 」
实际业务中表单之间存在关联关系,主子表是最常见的关系类型之一,使用子表组件可以方便的配置子表信息,并自动生成相关操作类型,满足基础关联型业务模型的使用。
![](https://i-blog.csdnimg.cn/blog_migrate/643b01dc09eb819adff9d9bf21f215f7.png)
「 关联数据组件 」
通过关联数据组件,可以配置并关联外部表单信息,指定查询规则,通过表单之间的数据联动,完成比较复杂的业务功能,数据存储在外部表单中。
![](https://i-blog.csdnimg.cn/blog_migrate/666caf4d21b0176201f5cf5089522da0.png)
「 关联查询组件 」
根据当前表单中字段信息,从外部表单中根据过滤规则获取数据信息,并决定是否对关联数据进行存储。
![](https://i-blog.csdnimg.cn/blog_migrate/3d69d02638a3a9decc717436c4712853.png)
| 针对表单整体
![](https://i-blog.csdnimg.cn/blog_migrate/908d264a776cbc37296d17e6ed53802e.png)
针对表单整体,当前支持以下配置方式:
「 业务规则配置 」
支持根据表单字段规则(支持匹配固定值或表单字段),设置目标字段的可选动作(当前提供显示、隐藏、编辑、只读、必填操作)。
![](https://i-blog.csdnimg.cn/blog_migrate/f321dea798433b242d2b904ff7bf902d.png)
「 数据源配置 」
支持多数据源接入,可以指定表单对应业务数据存储的数据源,有助于业务数据私有化,直接对已有系统进行能力扩展。
![](https://i-blog.csdnimg.cn/blog_migrate/2e4f64b52f5fd082a599297e7f136c76.png)
「 表单检索配置 」
配置检索字段及检索方式,例如文本类精确或模糊查询,日期类型的选择查询或范围查询。
「 列表配置 」
配置字段的显隐及展示顺序。
「 按钮配置 」
配置当前表单支持的操作类型,例如新增、修改、删除等。
![](https://i-blog.csdnimg.cn/blog_migrate/1960c4084e65f219c12a0e0569a3e65e.png)
基于工作流引擎,关联低代码表单能力,灵活设置业务数据流转规则,实现业务流程线上化、自动化,简化流程化业务开发难度。
![](https://i-blog.csdnimg.cn/blog_migrate/912ebc663b410d4130e3fbf6ee5b1eb1.png)
04 成效价值
可视化编辑器上线后,赋能内部20+业务部门,产出作品300+,极大释放前端开发资源。低代码平台首版已于9.30发布上线后,提供了6种基础组件、12种高级组件,满足运营业务基础场景使用,提升整体交付效率。流程可视化能力已基本具备,后期计划增加流程插件市场、工作流场景模板市场等能力建设,促进跨团队分享,激发内部活力。