ToB类产品有非常丰富的需求变更，而大多【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】数多样化的需求背后，反应到系统层面都是业【未经授权禁止转载】【本文首发于唐霜的博客】务核心实体的变更，因此，一套可定制化的业【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】务系统对于这类场景而言非常有帮助，不仅可【原创不易，请尊重版权】【作者：唐霜】以大大缩短研发过程，同时更有利于整个系统【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。的扩展。本文将探索此类可定制化业务系统的【原创不易，请尊重版权】【转载请注明来源】架构，试图找到一些共性，提供一种架构思路【作者：唐霜】【转载请注明来源】。

原创内容，盗版必究。【转载请注明来源】【版权所有】唐霜 www.tangshu本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。ang.net【本文首发于唐霜的博客】

背景

我在长期的工作中，需要不断的面对业务的变【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】更所带来的各种细碎的需求。其中很多需求只本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net是改动一些细节，但是，从研发层面，却要经【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。历需求评审->开发->测试-本文作者：唐霜，转载请注明出处。原创内容，盗版必究。>发布等一系列过程，而在我看来，这【本文受版权保护】【关注微信公众号：wwwtangshuangnet】些处理费时费力，非常浪费。有没有一种可能转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。，类似这样的变更，不需要更改代码，只需要【未经授权禁止转载】未经授权，禁止复制转载。通过在线的配置变更，就可以完成细节功能的【作者：唐霜】未经授权，禁止复制转载。变更呢？

【版权所有】唐霜 www.tangshu【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。ang.net【作者：唐霜】【访问 www.tangshuang.n【未经授权禁止转载】【原创内容，转载请注明出处】et 获取更多精彩内容】

其实，这一想法也正是需求方在想的，他们也【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】希望系统能够根据需求主动进行配置，而无需【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。每次都需要进行漫长的研发流程。对于需求方著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。来说，迭代发版太漫长了，有时候根本等不到著作权归作者所有，禁止商业用途转载。【本文受版权保护】发版周期就想要上某一个更改。同时，有时候【转载请注明来源】【原创内容，转载请注明出处】，研发同学实现的需求还不一定准确，如果能本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】将一些可定制的能力交给需求方自己去定制，【版权所有，侵权必究】【原创不易，请尊重版权】那么实现的也更准确。

【访问 www.tangshuang.n本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】et 获取更多精彩内容】转载请注明出处：www.tangshua【原创不易，请尊重版权】未经授权，禁止复制转载。ng.net【作者：唐霜】

于是，我们开始了业务系统可定制化的探索。

【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】【版权所有，侵权必究】

可定制化业务系统与低代码平台的区别

看上去，上面所表述的可定制化与低代码平台未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。的效果非常像，都是可以让非开发人员可以主【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。动参与到产品的创建过程中。然而，它们存在本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。着本质的区别。

【转载请注明来源】转载请注明出处：www.tangshua【本文首发于唐霜的博客】【原创内容，转载请注明出处】ng.net【本文首发于唐霜的博客】

• 产物不同：低代码平台的产物是具体的界面，【本文受版权保护】本文作者：唐霜，转载请注明出处。同时包含了用于存储数据的数据结构；可定制【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。化的产物是具体的元数据，对于应用来说，是转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。用这些元数据去实现效果
著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】
• 素材不同：低代码平台的素材是有平台提供的著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】组件，而可定制化围绕业务，需要的组件得根【本文受版权保护】本文作者：唐霜，转载请注明出处。据业务需求进行定制
原创内容，盗版必究。原创内容，盗版必究。
• 资源不同：低代码平台的用户不需要自己设计【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】数据库，只把平台产品当作设计工具使用；可【本文受版权保护】原创内容，盗版必究。定制化是在原有数据库的基础上进行扩展定制未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】，其数据库结构虽有改动，但大部分还是继承【原创不易，请尊重版权】【转载请注明来源】业务本身的特性
未经授权，禁止复制转载。【本文受版权保护】本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】
• 侵入程度不同：低代码平台要求你把整个功能【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。托管在平台上，从底层到应用都是由平台提供本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。；可定制化则在原来的系统基础上改造，或者本文作者：唐霜，转载请注明出处。【转载请注明来源】作为系统的一部分参与完成整个业务
未经授权，禁止复制转载。未经授权，禁止复制转载。【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.netang.net未经授权，禁止复制转载。

总而言之，低代码平台是相对而言独立的完整【原创内容，转载请注明出处】著作权归作者所有，禁止商业用途转载。的设计工具，而可定制化是在原有系统上提供本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net可扩展的灵活的元数据编辑能力。

本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。

可定制化业务系统的设计

我们需要去思考，一个业务系统中，在什么情【作者：唐霜】本文作者：唐霜，转载请注明出处。况下，我们使用可定制化的方案比传统固定死著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。的方案更能带来价值和效益。我个人认为，主【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。要有以下这些情况：

转载请注明出处：www.tangshua【本文首发于唐霜的博客】【转载请注明来源】ng.net【版权所有】唐霜 www.tangshu【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。ang.net【本文受版权保护】

• 字段的格式化、多语言等展示信息
著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。【转载请注明来源】【原创不易，请尊重版权】
• 字段的计算规则/公式
【原创不易，请尊重版权】【版权所有】唐霜 www.tangshu著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】ang.net
• 表单中字段的各种逻辑，例如必填、隐藏、校【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net验逻辑等等
【原创不易，请尊重版权】原创内容，盗版必究。转载请注明出处：www.tangshua著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】ng.net
• 业务的流程，每一个节点的逻辑
转载请注明出处：www.tangshua【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.netng.net【版权所有，侵权必究】
• 详情页的展示顺序
原创内容，盗版必究。【本文首发于唐霜的博客】【本文受版权保护】
• 列表页根据配置展示需要的字段、顺序、筛选著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。功能等
【访问 www.tangshuang.n【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。et 获取更多精彩内容】原创内容，盗版必究。

基于上面这些思考，我认为定制化的内容主要【本文受版权保护】【关注微信公众号：wwwtangshuangnet】包括四方面：字段可定制化、流程可定制化、本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】表单可定制化、界面可定制化。

【本文首发于唐霜的博客】【本文受版权保护】【未经授权禁止转载】

字段可定制化

字段可定制是实现灵活化的第一步，看上去挺【转载请注明来源】【版权所有】唐霜 www.tangshuang.net简单的，不就是可以去配置嘛。但是，当我们【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】真正去分析的时候，发现，并没有想象的那么原创内容，盗版必究。【原创不易，请尊重版权】简单。

【关注微信公众号：wwwtangshua【作者：唐霜】未经授权，禁止复制转载。ngnet】本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。

分析

我们需要去思考，什么样的字段是可以定制化转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。的。在业务系统中，有些字段具有特殊逻辑，【转载请注明来源】【原创不易，请尊重版权】在业务中，是不可更改的，而有些字段则仅仅【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。是为了记录一个数据，可随意更改。因此，我【转载请注明来源】【关注微信公众号：wwwtangshuangnet】们可以把字段分为3类：

【版权所有，侵权必究】【转载请注明来源】 【访问 www.tangshuang.n【原创内容，转载请注明出处】【转载请注明来源】et 获取更多精彩内容】【原创不易，请尊重版权】 【原创内容，转载请注明出处】【访问 www.tangshuang.n转载请注明出处：www.tangshuang.net原创内容，盗版必究。et 获取更多精彩内容】本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】 著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。

字段可定制的本质，实质上是让我们可以主动【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。去定制业务对象（上图中的“维度”）。业务【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net对象及当前业务事件发生的主体，及其参与者【本文受版权保护】【转载请注明来源】。和低代码那种从零开始自己搭建不同，我们转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。定制业务对象，一般可以通过脚本把一些基础转载请注明出处：www.tangshuang.net转载请注明出处：www.tangshuang.net的固定的内容先倒入到数据库中，即初始化阶未经授权，禁止复制转载。【本文首发于唐霜的博客】段。只有到后期需要进行细节变更的时候，管【关注微信公众号：wwwtangshuangnet】【原创不易，请尊重版权】理员可到后台主动变更字段属性。

【关注微信公众号：wwwtangshua【本文受版权保护】【关注微信公众号：wwwtangshuangnet】ngnet】【未经授权禁止转载】【未经授权禁止转载】【转载请注明来源】

这种强烈的业务属性还会带来另外一种情况，原创内容，盗版必究。【转载请注明来源】即如果一个业务中存在一个字段，那么必然存本文作者：唐霜，转载请注明出处。【作者：唐霜】在另外一个字段。这两个字段可能是一因一果【本文受版权保护】著作权归作者所有，禁止商业用途转载。，也可能是合因一果中的因子，总之，当一个【转载请注明来源】【转载请注明来源】字段出现的时候，意味着另外一个字段必须在原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net当前这个业务对象中。

【版权所有，侵权必究】【访问 www.tangshuang.n【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】et 获取更多精彩内容】【未经授权禁止转载】 本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】 【未经授权禁止转载】【作者：唐霜】【版权所有，侵权必究】

无论是添加，还是编辑字段，都是对字段属性【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】的编辑。字段属性是用以描述这个字段的元数本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net据，可以和字段值剖离，也可以和字段值相互【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】影响（例如通过元数据决定字段的值如何计算【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net得到）。因此，实际上，字段的定制化的核心【作者：唐霜】【未经授权禁止转载】，是提供可覆盖业务需求的字段属性的定制化【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。。怎么才能覆盖业务需求呢？我们慢慢分析。

【版权所有】唐霜 www.tangshu【版权所有，侵权必究】【本文首发于唐霜的博客】ang.net转载请注明出处：www.tangshua【访问 www.tangshuang.net 获取更多精彩内容】【原创不易，请尊重版权】ng.net本文版权归作者所有，未经授权不得转载。

首先，和字段一样，属性也分3种：固定属性【本文受版权保护】【未经授权禁止转载】、预设属性、自定义属性。它们在行为上和字本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】段的种类的行为相似。

【作者：唐霜】【转载请注明来源】 【版权所有，侵权必究】原创内容，盗版必究。【关注微信公众号：wwwtangshua【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】ngnet】

固定属性必须被设定值。预设属性可以留空不原创内容，盗版必究。本文作者：唐霜，转载请注明出处。设置值，并且在默认状态下收缩起来，点击上著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】图中的“显示所有选项”时在展示出来用于设【本文首发于唐霜的博客】【原创不易，请尊重版权】置。自定义属性默认情况下（第一次创建时）【版权所有，侵权必究】【原创内容，转载请注明出处】不存在，需要手动添加属性用于设置。

未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。

在一些场景下，某些属性是被绑定在一起的。

【版权所有】唐霜 www.tangshu本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.netang.net【访问 www.tangshuang.n【原创不易，请尊重版权】【作者：唐霜】et 获取更多精彩内容】

转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】ng.net【未经授权禁止转载】

上图中，当“数据类型”被选中为数字时，“【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。格式”属性被立马展示出来，它们本质上是两【本文受版权保护】【版权所有，侵权必究】个属性，类型是一个属性，格式是一个属性，【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】只是它们强关联而已。并且不同的数据类型，【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。其格式的配置完全不同。例如日期需要配置日【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。期/时间格式等。

【转载请注明来源】【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。

属性可以分为3个大类：

【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshua原创内容，盗版必究。转载请注明出处：www.tangshuang.netng.net

分类	定义	举例
业务性质	描述和业务本身的定义，业务逻辑相关的属性	字段类型、校验器
交互性质	描述在界面上用于控制该字段的展示逻辑或交互逻辑的属性	字段在表单中是否需要展示（在什么情况下需要展示）
技术性质	描述在数据提交时（前后端交互时）数据应该以什么方式提交到后端接口	名为gp_name的字段实际上对应后端接口的gp.gp_name，其中gp是一个对象

属性可以分为9个子类：

【访问 www.tangshuang.n【作者：唐霜】【本文首发于唐霜的博客】et 获取更多精彩内容】【本文首发于唐霜的博客】

属性子类	定义	举例
值相关	该属性在前端运行时，使用该属性作为状态	value, compute, getter
校验器相关	在验证该字段值时使用	required, validators
类型相关	控制该字段的数据类型时使用	type
存储相关	导出数据时，该字段以什么形式进行转化	save, create
提交相关	提交数据到后端接口时，该字段要怎么处理	map, flat
逻辑相关	当前字段在当前环境下是否形成了某种状态	required, readonly, hidden
监听相关	当前字段的值发生变化时被调用	watch, catch
衍生资源相关	当前字段依赖另外一个字段，那么在对象中就必须同时存在这两个字段，否则就会出错	deps
自定义	其他自己自定义的属性

这些类型在具体设计时不一定都会用得到，即转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。使在同一系统中，不同字段可能也各不相同。

未经授权，禁止复制转载。【访问 www.tangshuang.n著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。et 获取更多精彩内容】

相同的属性，在被不同字段使用时，也有权限本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。的区别，例如在字段A中readonly这本文作者：唐霜，转载请注明出处。【作者：唐霜】个字段是可以被定制化的，但是在字段B中r未经授权，禁止复制转载。【本文受版权保护】eadonly这个属性是规定死的。这需要【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。我们在设计时，让我们的系统可以灵活的保持【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net这种权限关系。

原创内容，盗版必究。【转载请注明来源】未经授权，禁止复制转载。

属性值必须是支持动态计算的，例如requ【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。ired属性可能由对象的另外一个字段的值【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。来决定，此时的required在进行定制本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net时，一定时一个表达式，而非固定死的值。在本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net很多定制场景下，甚至设计者不会想到还有这【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net个设计，因为他们没有接触过同一字段的同一【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net属性在不同情况下内容不同。

【关注微信公众号：wwwtangshua【原创内容，转载请注明出处】未经授权，禁止复制转载。ngnet】本文作者：唐霜，转载请注明出处。

属性值需要在不同的条件下动态的给出结果。

【原创内容，转载请注明出处】【未经授权禁止转载】

【转载请注明来源】【访问 www.tangshuang.n【原创内容，转载请注明出处】【未经授权禁止转载】et 获取更多精彩内容】【版权所有，侵权必究】

上图中，“提示语”这个属性需要去“报价单【转载请注明来源】【原创内容，转载请注明出处】”这个维度中找，查找的条件可以自己配置，【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】找到的是多个报价单对象，取值只取其中一个未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。，且取的是报简单的“报价时间”这个字段的【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】值，取值条件是取（筛选结果中的）“最大值【原创内容，转载请注明出处】【本文受版权保护】”。

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshu【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。ang.net原创内容，盗版必究。

动态取属性值的设计意味着你不能在设计时把本文作者：唐霜，转载请注明出处。【转载请注明来源】属性值直接当作一个固定值对待而设计死，你原创内容，盗版必究。【作者：唐霜】需要创建一套表达式规则，通过表达式来动态【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。读取需要的值。

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。

提到这里，字段的值也可以是动态的，我们称本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】为“关联类型”。例如，“订单”的“商品”【本文受版权保护】【访问 www.tangshuang.net 获取更多精彩内容】字段实际上是关联“商品”对象的ID，而且【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。它们之间的关系是1:n（一对多）关系。这【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。个设计需要在数据类型这个固定属性处实现。

【版权所有，侵权必究】【转载请注明来源】

最后一种情况是，在我们的产品中，同一个属著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。性，可能在不同情况下，需要采用不同的值。未经授权，禁止复制转载。【本文受版权保护】例如，“消费额”这个字段的“格式”属性，【版权所有，侵权必究】【原创内容，转载请注明出处】在个人详情页需要使用“$10,000,0著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net00.00”这种格式，而在记录页面为了省转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】空间又需要使用“$10mn”这种缩略形式著作权归作者所有，禁止商业用途转载。【本文受版权保护】。这也就意味着，同一个字段，其属性有多套【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】方案。这该怎么设计呢？

本文作者：唐霜，转载请注明出处。【转载请注明来源】【未经授权禁止转载】 本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。本文作者：唐霜，转载请注明出处。【作者：唐霜】

也就说，同一个字段的同一属性，在不同情况【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net下还有的选择。不过，是否启用方案应该是可原创内容，盗版必究。未经授权，禁止复制转载。选的，如果某些属性没必要启用方案，那么就转载请注明出处：www.tangshuang.net【转载请注明来源】没必要勉强去设定多套方案。

未经授权，禁止复制转载。未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。

表设计

为了支撑上面的分析中提到的这些点，我们必【原创内容，转载请注明出处】未经授权，禁止复制转载。须在设计时尽可能的让表可以灵活扩展。

【原创内容，转载请注明出处】【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。 转载请注明出处：www.tangshua著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。ng.net【未经授权禁止转载】本文作者：唐霜，转载请注明出处。

这些表与实际的业务表分开，与业务表没有本【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。质上的关联，如果不使用字段定制化的能力，未经授权，禁止复制转载。【本文首发于唐霜的博客】这些表可以从业务系统中删除而不影响原有业原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。务数据。

原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。

dimensions表即维度表，它的作用【版权所有】唐霜 www.tangshuang.net【转载请注明来源】是让我们方便的快速找到一个维度都有哪些字【原创内容，转载请注明出处】未经授权，禁止复制转载。段，通过维度表fields字段可以从fi未经授权，禁止复制转载。【本文受版权保护】elds表中读取出这些字段。不过需要强调【转载请注明来源】未经授权，禁止复制转载。的是，dimensions维度表中的一个【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】维度并不等于一个数据库表的引用，一个维度原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。实际上可以囊括多张表中的多个字段。fie本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。lds中的key建议使用table.co未经授权，禁止复制转载。未经授权，禁止复制转载。lumn的方式命名，这也就意味着，维度中【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。引用的字段table部分可以不同。

【作者：唐霜】【原创不易，请尊重版权】【版权所有】唐霜 www.tangshu【版权所有，侵权必究】【原创内容，转载请注明出处】ang.net

fields是字段表，它指明了字段可定制【转载请注明来源】转载请注明出处：www.tangshuang.net化系统中的字段（key）和原始业务表字段本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net（table+column）之间的关系。【原创不易，请尊重版权】【本文首发于唐霜的博客】fields这个表里面的key是原始业务【访问 www.tangshuang.net 获取更多精彩内容】【作者：唐霜】表字段的别称，在字段可定制化系统中使用。【本文首发于唐霜的博客】未经授权，禁止复制转载。name是字段的展示名。type是字段的原创内容，盗版必究。【转载请注明来源】数据类型，用以控制原始字段数据类型和实际未经授权，禁止复制转载。转载请注明出处：www.tangshuang.net需要的数据类型不一致时的调度。polic原创内容，盗版必究。【未经授权禁止转载】y用以表示当前这个字段是固定、预设、自定【本文受版权保护】原创内容，盗版必究。义字段。deps则是前文提到的，一个字段未经授权，禁止复制转载。【原创内容，转载请注明出处】可能必须依赖其他字段，如果定制化系统中d【本文受版权保护】【原创内容，转载请注明出处】eps里有值，意味着这套字段是绑定在一起著作权归作者所有，禁止商业用途转载。【转载请注明来源】的。

【转载请注明来源】转载请注明出处：www.tangshua【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】ng.net【作者：唐霜】【版权所有】唐霜 www.tangshu未经授权，禁止复制转载。原创内容，盗版必究。ang.net

attributes是整个字段可定制化的【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】核心表，虽然它的字段比较少。一个字段有哪【本文受版权保护】转载请注明出处：www.tangshuang.net些属性被设置了值，全部在attribut著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。es表中（不包含方案部分），一条attr转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。ibute就是其中一个属性。从上文的图中转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。，你可以看到，不同的属性，在进行配置的时著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。候，交互非常不同，可以说是千差万别。

转载请注明出处：www.tangshua【本文首发于唐霜的博客】【本文受版权保护】ng.net【版权所有，侵权必究】

这时，我们看attribute_conf本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。igs表，这个表是用于打开属性编辑弹窗时【作者：唐霜】本文版权归作者所有，未经授权不得转载。，展示出来可配置的属性的列表，然后从at著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.nettributes表和schemes表中拉转载请注明出处：www.tangshuang.net原创内容，盗版必究。取数据进行填充。

著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】

当我们打开属性弹窗时，首先从attrib【本文首发于唐霜的博客】【作者：唐霜】ute_configs中读取所有备选属性本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。，其中根据policy进行分类，0:固定原创内容，盗版必究。【转载请注明来源】属性立即展示在界面上，预设属性1:立即展【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net示在界面上，2:可以通过“更多”展开，3【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。:自定义属性不会出现（在添加自定义属性时本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net，可通过下拉复用）。type属性决定了当【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。前这个属性的基础交互类型，比如字符串、数【未经授权禁止转载】著作权归作者所有，禁止商业用途转载。字、下拉列表等等，这个type是决定属性著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net的交互类型，而非字段的类型，这里需要避免【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】混淆。required代表这个属性必须填【原创不易，请尊重版权】【关注微信公众号：wwwtangshuangnet】写，不能留空（固定属不能留空，因此，可以著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。认为required只针对预设属性）。n【版权所有，侵权必究】【转载请注明来源】eeds表示当前这个属性依赖其他属性，如本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。果被依赖的属性不存在，会造成错误。com本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。ponent这个字段是交互的关键，它是一本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。个复杂的结构，里面包含了这个属性在界面上本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】的配置，也就是说，当前这个属性在配置界面原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】上怎么交互完全由component决定。【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。同时，component中的内容决定（t转载请注明出处：www.tangshuang.net【未经授权禁止转载】ype字段也有影响，因为基础type可能著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。不需要component）了attrib原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。utes表中value字段的值，attr本文版权归作者所有，未经授权不得转载。【本文受版权保护】ibutes.value这个字段和sch【原创不易，请尊重版权】转载请注明出处：www.tangshuang.netemes.value字段也是一个复杂结构【作者：唐霜】【版权所有，侵权必究】（这两个字段结构相同）。为什么是复杂结构转载请注明出处：www.tangshuang.net原创内容，盗版必究。呢？因为每一个component输出的结转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】果不同，比如有的输出的是固定的数值，有的本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net输出的是动态表达式，有的输出的是字符串，【原创不易，请尊重版权】未经授权，禁止复制转载。甚至输出JSON数组，所以，value必著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】须是一个字符串类型，实质上是一个JSON本文作者：唐霜，转载请注明出处。【作者：唐霜】在数据库中的表达形式。它的结构可以设计为未经授权，禁止复制转载。【未经授权禁止转载】复合json-schema的结构。

转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。ng.net【作者：唐霜】本文作者：唐霜，转载请注明出处。

scheme_configs归档了有哪些原创内容，盗版必究。原创内容，盗版必究。方案可以使用。其中一个需要理解的地方在于本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。attributes字段，它代表当前这个【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。方案仅支持这些属性。在交互上，仅当处于a【本文首发于唐霜的博客】【原创内容，转载请注明出处】ttributes中的属性被选中时，右侧【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net的方案列表中才会出现这个方案。

【访问 www.tangshuang.n【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】et 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。

schemes这个表实际上和attrib【作者：唐霜】原创内容，盗版必究。utes这个表是平行的，或者你可以认为它【本文受版权保护】【转载请注明来源】是attributes表的补充。如果没有【本文首发于唐霜的博客】原创内容，盗版必究。“方案”这个东西，那么不需要它，如果需要转载请注明出处：www.tangshuang.net【作者：唐霜】“方案”，那么在读取属性值时，需要考虑从原创内容，盗版必究。【原创不易，请尊重版权】对应的方案中读取，如果没有对应方案，就退未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。回到attributes中的值。为了查询【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。方便，schemes中冗余了name字段未经授权，禁止复制转载。【转载请注明来源】，这样在查的时候就不需要去读scheme转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。_configs表。

【原创内容，转载请注明出处】【作者：唐霜】【访问 www.tangshuang.n【原创不易，请尊重版权】【原创不易，请尊重版权】et 获取更多精彩内容】【本文首发于唐霜的博客】

让我们回到具体的某个业务场景下。现在，我【原创内容，转载请注明出处】未经授权，禁止复制转载。们需要展示公司详情，展示时，需要根据字段未经授权，禁止复制转载。【原创不易，请尊重版权】定制的结果展示这些信息。此时，我们后端在【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。处理时大致流程如下：

【作者：唐霜】未经授权，禁止复制转载。

【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshu本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。ang.net

基于这一设计，我们可以在完全不该动原有业本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net务，在原有业务之外再建立一套系统实现可定【本文首发于唐霜的博客】未经授权，禁止复制转载。制化的能力。

【版权所有】唐霜 www.tangshu【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】ang.net【原创内容，转载请注明出处】

架构设计

要支撑上述设计，我们需要一个可以独立于原【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net有业务的系统，同时又有一定扩展性的功能。本文版权归作者所有，未经授权不得转载。【转载请注明来源】我们采用微服务架构将字段的定制化设计为独未经授权，禁止复制转载。原创内容，盗版必究。立于原有业务的服务，再改造原有业务中关于【版权所有】唐霜 www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】数据读取的逻辑来配合微服务获取最终的结果【转载请注明来源】本文版权归作者所有，未经授权不得转载。。

未经授权，禁止复制转载。【未经授权禁止转载】本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】

【版权所有】唐霜 www.tangshu【关注微信公众号：wwwtangshuangnet】【关注微信公众号：wwwtangshuangnet】ang.net【版权所有，侵权必究】【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。

字段定制服务作为基础服务中的一项，保持自【作者：唐霜】本文作者：唐霜，转载请注明出处。己的数据，通过接口形式与业务服务交互。一【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。个业务服务只针对一个业务提供服务，它会同著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。时调度多个基础服务，完成必要的各种功能，本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】其中包含字段定制服务。在请求中，按照上述【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】请求逻辑获取数据，并返回给请求方。

【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。

流程可定制化

业务流程是业务系统的重要一部分，甚至是核著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。心部分。业务流程的本质，是提前规划各种触【转载请注明来源】【本文首发于唐霜的博客】发事件与事件被触发后的行为方式。流程服务【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net已经有比较成熟的解决方案，因此，我们在做【未经授权禁止转载】【未经授权禁止转载】流程定制化时，可以把目光集中在定制化这个【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net方面，而对于服务，可以直接寻找适合的成熟【原创不易，请尊重版权】【本文受版权保护】方案。本文将会对流程定制化在概念层面进行【转载请注明来源】未经授权，禁止复制转载。拆分，让你可以更好的理解业务流程的设计方【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net式。

【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。

分析

业务流程简单讲就是业务事件的限定触发与业原创内容，盗版必究。本文版权归作者所有，未经授权不得转载。务对象的变更。流程系统本质上就是一个状态【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】机，只不过由于需要和业务结合，并且需要考【原创内容，转载请注明出处】【原创不易，请尊重版权】虑到融入整套系统中，在设计上会更加复杂。未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。既然是状态机，那么理解和设计起来就更容易本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。了。

【未经授权禁止转载】【版权所有，侵权必究】【原创内容，转载请注明出处】【原创不易，请尊重版权】

一条业务流程分为两个部分：

本文版权归作者所有，未经授权不得转载。【原创不易，请尊重版权】未经授权，禁止复制转载。【未经授权禁止转载】

• 流程图
【版权所有】唐霜 www.tangshu【原创不易，请尊重版权】【本文首发于唐霜的博客】ang.net【转载请注明来源】【原创不易，请尊重版权】转载请注明出处：www.tangshua原创内容，盗版必究。【作者：唐霜】ng.net
• 流程运行时
本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。

你可以把流程图理解为模型，本质上也就是状原创内容，盗版必究。转载请注明出处：www.tangshuang.net态机。运行时则是在将状态机放在具体的环境【作者：唐霜】本文版权归作者所有，未经授权不得转载。中，用一个变量记录当前状态；同时，与程序【原创不易，请尊重版权】【作者：唐霜】绑定，从而当发生状态变更时，可以执行对应【原创不易，请尊重版权】【转载请注明来源】的程序，变更对应的业务对象，从而实现业务【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。推进。

【原创内容，转载请注明出处】原创内容，盗版必究。转载请注明出处：www.tangshua【关注微信公众号：wwwtangshuangnet】【本文首发于唐霜的博客】ng.net

目前市面上有BPMN标准，该标准目前最新【版权所有，侵权必究】【本文首发于唐霜的博客】版是2.0版本，BPMN的描述语言是xm转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】l。基于BPMN标准实现的运行时环境有很【版权所有，侵权必究】【本文首发于唐霜的博客】多，我们称这类运行时为BPM。其中比较知本文作者：唐霜，转载请注明出处。【本文受版权保护】名的还有flowable，我们将会采用f【转载请注明来源】本文作者：唐霜，转载请注明出处。lowable作为我们的运行时，因为它还本文作者：唐霜，转载请注明出处。原创内容，盗版必究。提供了微服务的API，有利于我们后微服务【原创内容，转载请注明出处】【版权所有，侵权必究】化。

【版权所有，侵权必究】【作者：唐霜】

流程图由节点、连接组成。节点类型繁多，链未经授权，禁止复制转载。【未经授权禁止转载】接也有很多种。

原创内容，盗版必究。转载请注明出处：www.tangshua著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】ng.net

【本文受版权保护】未经授权，禁止复制转载。【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshu原创内容，盗版必究。原创内容，盗版必究。ang.net

流程可定制化中的定制，主要包含定制流程图著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。、定制节点/连接及其上的参数。简单讲，就【原创不易，请尊重版权】【本文受版权保护】是让我们做到流程不是用代码实现的，而是由【本文受版权保护】转载请注明出处：www.tangshuang.net引擎实现的，改变流程不需要我们改代码，只本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net需要我们通过界面操作改流程图即可。这些界著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.net 获取更多精彩内容】面定制化的内容，我们需要把它放到我们可定【转载请注明来源】【版权所有】唐霜 www.tangshuang.net制化系统中去整合。索性flowable提本文作者：唐霜，转载请注明出处。【本文受版权保护】供了非常丰富的接口和素材，我们可以在自己【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net的系统中编辑流程图和展示流程图。

著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】

从状态机的视角，每一个状态发生变更时，本【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。质上通过触发事件，事件带来行为产生副作用【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。。现在，我想的是，在什么地方去执行副作用原创内容，盗版必究。原创内容，盗版必究。呢？我想的是，将我们的节点任务以云函数的原创内容，盗版必究。【本文首发于唐霜的博客】形式与节点进行绑定，流程图有多少节点，就【原创内容，转载请注明出处】【未经授权禁止转载】实现多少云函数来执行其副作用。这样设计的【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net好处是，首先，流程服务与业务解耦，我们不本文作者：唐霜，转载请注明出处。【本文受版权保护】需要把业务逻辑侵入流程服务；其次，云函数【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】和流程实现可插拔，我们在没有变更流程的情【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net况下如果需要变更业务逻辑，则只需要修改对著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。应节点的云函数，如果我们不需要修改业务逻【原创不易，请尊重版权】【本文受版权保护】辑，只需要通过拖拽流程图即可，这样带来的本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。重新部署的成本非常小；最后，这样可以不受【版权所有，侵权必究】【版权所有】唐霜 www.tangshuang.net技术栈的束缚，虽然同一语言有利于管理，但【版权所有，侵权必究】原创内容，盗版必究。在某些场景下，我们可以使用更高效的语言来【原创不易，请尊重版权】原创内容，盗版必究。开发某个节点的业务。

【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】

架构设计

基于上述分析，我们现在大概可以把业务流程【作者：唐霜】【版权所有】唐霜 www.tangshuang.net拆分为以下几大块：

【本文首发于唐霜的博客】【未经授权禁止转载】【未经授权禁止转载】

• 流程图管理界面、流程图展示界面组件
【本文受版权保护】未经授权，禁止复制转载。【转载请注明来源】【作者：唐霜】
• flowable流程引擎服务
【本文首发于唐霜的博客】【未经授权禁止转载】【本文受版权保护】【访问 www.tangshuang.n【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。et 获取更多精彩内容】
• 云函数
【原创不易，请尊重版权】【版权所有】唐霜 www.tangshu未经授权，禁止复制转载。原创内容，盗版必究。ang.net【版权所有，侵权必究】
• 业务服务部分
【访问 www.tangshuang.n本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】et 获取更多精彩内容】【关注微信公众号：wwwtangshua【本文首发于唐霜的博客】【未经授权禁止转载】ngnet】【原创内容，转载请注明出处】

我们用一个图来表示业务服务、流程服务、云本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。函数的关系：

【版权所有，侵权必究】未经授权，禁止复制转载。【访问 www.tangshuang.n原创内容，盗版必究。【作者：唐霜】et 获取更多精彩内容】【本文首发于唐霜的博客】

转载请注明出处：www.tangshua【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。ng.net【原创内容，转载请注明出处】【版权所有，侵权必究】【原创不易，请尊重版权】

由于流程服务每一条流程起来以后保管自己的【原创内容，转载请注明出处】【未经授权禁止转载】当前状态，因此，对于业务服务而言，只需要本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。在每次发生变更的时候，向流程服务请求状态【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。变更即可，流程服务会根据当前状态，调用底【版权所有】唐霜 www.tangshuang.net【作者：唐霜】层的无状态服务进行计算，如果不需要状态流【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】转，就不需要调用云函数，而是直接返回业务本文作者：唐霜，转载请注明出处。【转载请注明来源】服务null，业务服务就知道当前这个变更【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】不会触发流程变更。

原创内容，盗版必究。未经授权，禁止复制转载。

【原创内容，转载请注明出处】【版权所有，侵权必究】

我们将上面的流程引擎服务和流程图服务打包未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。成流程服务提供给系统使用，这样可以提供统【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】一的进出口API，而云函数本质上和其他服【未经授权禁止转载】【本文首发于唐霜的博客】务解耦，但会操作共同的底层数据。

【作者：唐霜】【作者：唐霜】【作者：唐霜】【作者：唐霜】

【作者：唐霜】本文版权归作者所有，未经授权不得转载。【本文受版权保护】【访问 www.tangshuang.n转载请注明出处：www.tangshuang.net【作者：唐霜】et 获取更多精彩内容】

虽然我将云函数放在业务服务的范畴，但实际【原创内容，转载请注明出处】【原创内容，转载请注明出处】上它们不会被上层的应用层调用，而是被流程【本文受版权保护】【原创不易，请尊重版权】服务调用，听上去并不合理，但是由于云函数本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。本质上还是业务逻辑处理，因此，我把它放在【版权所有】唐霜 www.tangshuang.net【未经授权禁止转载】了业务服务的范畴内。

本文版权归作者所有，未经授权不得转载。【转载请注明来源】【访问 www.tangshuang.n【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。et 获取更多精彩内容】

表单可定制化

表单在业务系统中扮演着极其重要的角色，是原创内容，盗版必究。【本文受版权保护】必要的部分，你很难想象一个业务系统中没有著作权归作者所有，禁止商业用途转载。【转载请注明来源】表单。表单是业务数据生产的地方，在业务对著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net象的创建、编辑过程中，在业务流程的推进过【本文首发于唐霜的博客】【原创内容，转载请注明出处】程中，都需要表单来输入数据。但无论在什么【本文受版权保护】原创内容，盗版必究。场景下，表单的结构体系，都可以被标准化。著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】关于表单，我在之前的文章《动态表单引擎，转载请注明出处：www.tangshuang.net【本文受版权保护】向低代码迈出最关键的一步》和《Robus【版权所有，侵权必究】未经授权，禁止复制转载。t 第 014 期：三角金字塔 web 【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】表单开发新范式》中已经较为详细的阐述过，【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。有兴趣可以去看一看。由于此前的文章对动态【本文受版权保护】未经授权，禁止复制转载。表单的底层逻辑和设计都梳理的比较清晰了，【原创不易，请尊重版权】【版权所有，侵权必究】所以，本文主要将从架构层面，结合可定制化未经授权，禁止复制转载。未经授权，禁止复制转载。体系，给出比较合理的架构体系。

【版权所有】唐霜 www.tangshu【转载请注明来源】转载请注明出处：www.tangshuang.netang.net转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】ng.net

分析

被定制化表单有两部分配置来源，一部分是来【作者：唐霜】【版权所有，侵权必究】自自定定制的元数据，另一部分是来自表单配【作者：唐霜】著作权归作者所有，禁止商业用途转载。置的界面安排。

【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】

【未经授权禁止转载】【作者：唐霜】

和网上常见的表单定制工具不同，主要有两点【版权所有】唐霜 www.tangshuang.net【本文受版权保护】：

【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。

• 其他方案在表单之前没有真正的字段概念，但原创内容，盗版必究。著作权归作者所有，禁止商业用途转载。在业务系统中，先有字段，才有表单
【本文首发于唐霜的博客】【本文首发于唐霜的博客】【本文首发于唐霜的博客】
• 其他方案表单中一行就是一个字段，但实际上未经授权，禁止复制转载。【未经授权禁止转载】，业务系统中往往字段有强关联性，一行可能【版权所有】唐霜 www.tangshuang.net本文版权归作者所有，未经授权不得转载。需要填多个字段
【本文首发于唐霜的博客】转载请注明出处：www.tangshua【版权所有，侵权必究】未经授权，禁止复制转载。ng.net【作者：唐霜】

同时，在原有字段的定制信息中，还要考虑到转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。，不同表单同一字段可能存在不同逻辑。这一【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net点虽然我们可以通过方案来解决，但是我们还转载请注明出处：www.tangshuang.net【作者：唐霜】是需要在表单中合并特殊逻辑。因此，表单本【本文首发于唐霜的博客】【版权所有】唐霜 www.tangshuang.net身是基于字段的独立实体，会用字段元数据作本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。为基础数据，在用自己的配置数据与元数据进著作权归作者所有，禁止商业用途转载。【原创内容，转载请注明出处】行合并。

未经授权，禁止复制转载。【版权所有，侵权必究】【未经授权禁止转载】

表设计

实际上表单的表没有什么特别需要设计的，因【未经授权禁止转载】原创内容，盗版必究。为表单的描述是一个静态的配置。

【版权所有】唐霜 www.tangshu【未经授权禁止转载】原创内容，盗版必究。ang.net【原创内容，转载请注明出处】转载请注明出处：www.tangshua【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。ng.net未经授权，禁止复制转载。

原创内容，盗版必究。转载请注明出处：www.tangshua本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。ng.net

就只有一个表，所以没有什么表层面的复杂度【访问 www.tangshuang.net 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。，其中的fields用于作为生成conf【作者：唐霜】【访问 www.tangshuang.net 获取更多精彩内容】ig之前的基础信息，由于我们可以在管理平【版权所有】唐霜 www.tangshuang.net本文作者：唐霜，转载请注明出处。台上修改字段的配置信息，所以，字段的基础【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net元数据，需要通过fields动态拉取。表著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。单和字段并非一对一的关系，表单中提交的数本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】据，可能写入到维度业务对象，也可能写入到原创内容，盗版必究。本文作者：唐霜，转载请注明出处。流程信息，或者写入到文档服务，总之，本质原创内容，盗版必究。【作者：唐霜】上，表单本身是独立的，只不过当需要fie【作者：唐霜】【本文首发于唐霜的博客】lds时，需要依赖字段定制服务。

【未经授权禁止转载】【原创内容，转载请注明出处】【原创内容，转载请注明出处】

架构设计

表单在业务系统中会存在很多很多实例，而且【本文受版权保护】【本文受版权保护】每一个都不同。表单最终提交到哪个接口，可【原创内容，转载请注明出处】【转载请注明来源】以由表单配置本身决定，也可以由调用表单服原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】务的业务自己决定。如果想要通过选取的方式【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】决定提交的目标，那么还需要依赖一个分发服【版权所有，侵权必究】本文作者：唐霜，转载请注明出处。务，用于分发请求。我们这里暂时不考虑这一【转载请注明来源】未经授权，禁止复制转载。功能。

【版权所有，侵权必究】原创内容，盗版必究。【关注微信公众号：wwwtangshua【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。ngnet】

对于表单业务而言，它的数据流大致如下：

【原创不易，请尊重版权】【本文受版权保护】【本文受版权保护】

本文作者：唐霜，转载请注明出处。【本文首发于唐霜的博客】【原创不易，请尊重版权】【原创内容，转载请注明出处】

表单引擎不仅可以在业务服务中使用，在流程本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。节点上，也可以用来作为审批等节点操作的表未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。单。但是，这里需要注意，流程引擎本身是业【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】务无关的，具体的业务服务去集成流程和表单【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】，对于表单本身而言，它的数据流和上图是一原创内容，盗版必究。【本文受版权保护】致的，只不过提交的表单数据，是用以推进流本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net程的。

本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshua【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】ng.net原创内容，盗版必究。

著作权归作者所有，禁止商业用途转载。【访问 www.tangshuang.n本文作者：唐霜，转载请注明出处。著作权归作者所有，禁止商业用途转载。et 获取更多精彩内容】【版权所有，侵权必究】

另外，flowable也有自己的表单引擎【原创内容，转载请注明出处】未经授权，禁止复制转载。，但是你需要按照它的设计来使用，不是很符【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】合我们现代前端的开发方式。表单引擎是为业本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net务服务的。表单的配置页面和填写页面，都由【本文受版权保护】【版权所有】唐霜 www.tangshuang.net对应的react组件来承载。

【转载请注明来源】未经授权，禁止复制转载。【未经授权禁止转载】本文作者：唐霜，转载请注明出处。

界面可定制化

我们这里讲的界面可定制化，主要包含两个方未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net面：1.数据的展示定制；2.布局的展示定【本文受版权保护】转载请注明出处：www.tangshuang.net制。其中，布局的展示定制比较像部分低代码【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】的实现，但由于我们的业务系统往往比较单调【关注微信公众号：wwwtangshuangnet】原创内容，盗版必究。，因此，难度上会小很多。数据的展示定制就【版权所有】唐霜 www.tangshuang.net【版权所有，侵权必究】相对复杂一些，需要前后端有较强的协议来约【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net束接口（前后端耦合）。

【转载请注明来源】【未经授权禁止转载】【访问 www.tangshuang.n【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】et 获取更多精彩内容】【本文首发于唐霜的博客】

分析

数据的展示又分为：1.列表的展示；2.筛【原创内容，转载请注明出处】转载请注明出处：www.tangshuang.net选器的展示；3.对象详情信息的展示。常用本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】的定制点包含：1.要展示哪些信息/字段；【本文首发于唐霜的博客】【作者：唐霜】2.它们的顺序是什么；3.要使用那个字段【访问 www.tangshuang.net 获取更多精彩内容】本文作者：唐霜，转载请注明出处。属性方案。更复杂的展示逻辑没有必要让前端本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net来实现，与其通过配置给前端进行解析，不如【原创不易，请尊重版权】【作者：唐霜】直接ssr更直接。因此，我认为只需要解决【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。上述这些可定制点就行了，没必要把整个业务本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net系统用一个JSON写完。

【本文首发于唐霜的博客】【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。

先来看下列表，列表实际上由表头和数据行组【本文首发于唐霜的博客】【转载请注明来源】成，表头和字段的元数据相关，通过表头信息【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。，我们可以知道一列的数据具体代表了什么意原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net义，要使用什么格式来展示等等。每一行的展未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.net示内容，则是根据各列的这些信息，再加上当【本文首发于唐霜的博客】【未经授权禁止转载】前行的数据，最终生成。

【本文首发于唐霜的博客】【原创内容，转载请注明出处】

本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】

但是，列的顺序是散列的，因此，我们需要有【本文受版权保护】【原创内容，转载请注明出处】一个配置来记录列的顺序、是否可以过滤、是【未经授权禁止转载】【未经授权禁止转载】否支持排序等等。因此，我们用以保存列表配本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。置的信息里，一方面要记录这个列表所需要哪【关注微信公众号：wwwtangshuangnet】【作者：唐霜】些字段、字段的排序、字段支持的能力这些信本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】息。因此，如果我们要在一个接口中返回列表【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。数据，至少需要包含三部分信息：列表配置、【本文受版权保护】【本文受版权保护】字段元数据（含方案）、列表原始数据。

转载请注明出处：www.tangshua原创内容，盗版必究。原创内容，盗版必究。ng.net著作权归作者所有，禁止商业用途转载。

GET /api/productions
{
  "config": {
    "columns": [
      {
        "key": "field1", // 字段key
        "filterable": 1, // 支持过滤
        "sortable": 1 // 支持排序
      }
    ],
    "scheme": "some"
  },
  "fields": {
     "field1": {
       "formatter": "1.1f",
       "title": "字段名"
     }
  },
  "rows": [
    {
      "field1": 10000
    }
  ]
}

当然，如果还有其他配置的可能，还可以在c【原创不易，请尊重版权】【转载请注明来源】onfig中添加，其中，columns是转载请注明出处：www.tangshuang.net【本文受版权保护】该列表的列配置，数组就可以表达它们的顺序未经授权，禁止复制转载。原创内容，盗版必究。。

【原创内容，转载请注明出处】本文版权归作者所有，未经授权不得转载。本文版权归作者所有，未经授权不得转载。【访问 www.tangshuang.n转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】et 获取更多精彩内容】

本文作者：唐霜，转载请注明出处。【转载请注明来源】著作权归作者所有，禁止商业用途转载。原创内容，盗版必究。

不同的用户，甚至可以定制自己的视图。此时【作者：唐霜】转载请注明出处：www.tangshuang.net，存储的配置信息要根据用户来保管。不过上原创内容，盗版必究。转载请注明出处：www.tangshuang.net图中没有给出是否支持过滤、排序，以及选择未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。哪个方案的配置，这些你可以脑补出来。

未经授权，禁止复制转载。【作者：唐霜】【访问 www.tangshuang.n【版权所有，侵权必究】【访问 www.tangshuang.net 获取更多精彩内容】et 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。

筛选器配置本质上和字段配置差不多，也是要【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。与不要，以及顺序问题。

原创内容，盗版必究。【作者：唐霜】【本文首发于唐霜的博客】未经授权，禁止复制转载。

详情页的定制则更偏重布局的配置，不过具体【转载请注明来源】【本文首发于唐霜的博客】的某个区域内的配置，也和字段的配置是一样【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net的。当然，我们可以和前端通过协议来决定一【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。些界面的布局，比如界面上一些区块的排列顺本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。序。

【访问 www.tangshuang.n【原创不易，请尊重版权】【访问 www.tangshuang.net 获取更多精彩内容】et 获取更多精彩内容】著作权归作者所有，禁止商业用途转载。

架构设计

界面的定制化其实是最简单的一个部分，它不转载请注明出处：www.tangshuang.net【转载请注明来源】需要过度设计，只需要在布局协议上前后端沟本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。通好就可以了。

原创内容，盗版必究。【本文受版权保护】【本文首发于唐霜的博客】

本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。

结语

本文详细阐述了业务系统可定制化中的字段定【原创不易，请尊重版权】【版权所有】唐霜 www.tangshuang.net制化、流程定制化、表单定制化、界面定制化著作权归作者所有，禁止商业用途转载。本文作者：唐霜，转载请注明出处。的设计思路和方法。业务系统与那些通用的系【原创不易，请尊重版权】本文作者：唐霜，转载请注明出处。统之间有着明确的区别，即业务系统有非常明本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net确的领域边界，业务内某些逻辑是固定的，这【访问 www.tangshuang.net 获取更多精彩内容】本文版权归作者所有，未经授权不得转载。些固定的，或领域特有的，就没有必要做成通著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。用化的东西，而应该提炼成独立的领域组件，本文版权归作者所有，未经授权不得转载。【关注微信公众号：wwwtangshuangnet】这样才能避免无止尽的自定义搭建，同时也可本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net以避免通用自定义搭建系统无法实现某些具体本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】逻辑的问题。

本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。

虽然本文展示了自己的架构设计，但是，这个【原创不易，请尊重版权】本文版权归作者所有，未经授权不得转载。设计是建立在整套系统通盘考虑都基于微服务转载请注明出处：www.tangshuang.net【版权所有，侵权必究】搭建，但在真实场景中，我们的业务系统往往著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net是从最初的单体应用发展而来的，原有的设计原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】不一定可以服务化，而如果推翻重来，风险也本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】很大。因此，我们上面的这套设计，还可以兼【作者：唐霜】【未经授权禁止转载】容已有的系统，或者说，现有的这套正在运行【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。的单体，对于定制化体系，是可有可无的，如【原创不易，请尊重版权】转载请注明出处：www.tangshuang.net果想花功夫接入定制化系统，那么可以在原来【关注微信公众号：wwwtangshuangnet】【原创内容，转载请注明出处】的系统上做好粘合，就可以逐渐迁移，避免高本文作者：唐霜，转载请注明出处。【未经授权禁止转载】成本的一次性重构带来的风险。

转载请注明出处：www.tangshua未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。ng.net【版权所有】唐霜 www.tangshu未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。ang.net【本文首发于唐霜的博客】本文作者：唐霜，转载请注明出处。

2021-10-21 10204