我们抛开前端的实现，去理解和整理业务建模【访问 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未经授权，禁止复制转载。我们的系统中，往往是以围绕业务事件为中心【作者：唐霜】【作者：唐霜】进行的，特别是在前端，因为前端涉及用户的未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。交互，而在界面上一次性呈现的，往往是这一本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】业务事件的全部，而几乎不会以某个业务实体【关注微信公众号：wwwtangshuangnet】【未经授权禁止转载】为单位进行独立呈现。这也就意味着，在前端【版权所有】唐霜 www.tangshuang.net未经授权，禁止复制转载。，实际比在后端要进行更复杂的串联思考。

事件边界

如上所述，一个业务事件往往囊括多个业务实【作者：唐霜】【原创不易，请尊重版权】体，比如一次投资行为，要囊括投资方、被投【原创内容，转载请注明出处】未经授权，禁止复制转载。方、投资团队（业务人员）、基金方（如果存【本文首发于唐霜的博客】【转载请注明来源】在SPV），同时要囊括该次投资的交易信息本文作者：唐霜，转载请注明出处。转载请注明出处：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带出来的，我们可以在项目里面加一个流程的未经授权，禁止复制转载。【版权所有，侵权必究】引用，也可以在流程里加一个项目的引用，都【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。是可以的，因此，这两者就有比较明确的边界【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net，我们建模的时候不需要把流程的问题考虑在【版权所有，侵权必究】【本文受版权保护】该事件内。

总而言之，“业务事件”虽然用动词表示，但【转载请注明来源】转载请注明出处：www.tangshuang.net是往往具有名词意义。比如，我现在要“做一转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。次投资”，这里的“投资”本身虽然是动词，本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。但在“做一次”的动词前提下，它就是名词。未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。而名词的建模往往具备通用的方法论。

业务逻辑

业务逻辑本质上是业务规则，所谓规则，就是本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。一条一条的前提与指令集合，这在本栏目的其【原创不易，请尊重版权】【原创不易，请尊重版权】他文章中有解释。所谓“前提与指令”，就是【版权所有，侵权必究】【原创不易，请尊重版权】“当A的时候，应该B“，A是前提，B是指未经授权，禁止复制转载。【原创不易，请尊重版权】令。而指令在前端是非常难以固定化的，因为【本文首发于唐霜的博客】【访问 www.tangshuang.net 获取更多精彩内容】在前端，指令除了变更数据、状态，往往还要【作者：唐霜】未经授权，禁止复制转载。求UI层面作出响应，而后端在这一点上就轻原创内容，盗版必究。转载请注明出处：www.tangshuang.net松很多，常常只需要变更数据或状态即可。因本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】此，在前端，这一部分不得不分开，虽然它们未经授权，禁止复制转载。【本文首发于唐霜的博客】原本应该耦合在一起，但是从前端的特性出发未经授权，禁止复制转载。原创内容，盗版必究。，我们必须把它们原子化拆分，其中“前提”转载请注明出处：www.tangshuang.net【作者：唐霜】往往被集中管理，而“指令”则被分散，有的本文作者：唐霜，转载请注明出处。【原创内容，转载请注明出处】不设计UI层面，只涉及数据和状态，就可以本文版权归作者所有，未经授权不得转载。【版权所有】唐霜 www.tangshuang.net和“前提”并且放置，而涉及UI层面的，只本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】能在视图层中管理。而真正要执行该逻辑时，【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】我们必须从多个地方取出“前提”和“指令”【版权所有，侵权必究】【本文首发于唐霜的博客】，然后进行运行。

另外，“前提”和“前提”之间往往还有一定【转载请注明来源】【本文受版权保护】的先后、嵌套顺序，但是常常“指令”又仅对本文版权归作者所有，未经授权不得转载。【未经授权禁止转载】单一“前提”进行响应，这也就意味着在管理本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。上其实需要非常小心，即使做了非常强的封装【版权所有】唐霜 www.tangshuang.net转载请注明出处：www.tangshuang.net，也必须考虑分散管理和集中使用之间的冲突【原创不易，请尊重版权】【转载请注明来源】所带来的不确定性。而大部分前端系统出现业【关注微信公众号：wwwtangshuangnet】【作者：唐霜】务层面的bug，都是因为这个管理和使用的【访问 www.tangshuang.net 获取更多精彩内容】原创内容，盗版必究。不当造成的。

我们要探索一种合理且高效的业务逻辑管理模本文版权归作者所有，未经授权不得转载。著作权归作者所有，禁止商业用途转载。式，在这种模式下，前提和前提之间的顺序关【转载请注明来源】未经授权，禁止复制转载。系可以很好维护，与此同时，前提和指令具有【访问 www.tangshuang.net 获取更多精彩内容】【本文首发于唐霜的博客】绑定关系，有这样的机制的话，当逻辑开始运原创内容，盗版必究。本文作者：唐霜，转载请注明出处。行，它们就必须按照特定的顺序，以及在特定原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】的节点上执行特定指令，如此运行，这一就可本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net以避免很多问题。

流程阶段

流程往往是针对事件的，可以说它是事件的衍【转载请注明来源】【本文受版权保护】生品，当一个业务（事件）发生时，如果它没原创内容，盗版必究。本文作者：唐霜，转载请注明出处。有特殊的需要，就不需要流程，它仅仅成为一【本文首发于唐霜的博客】【转载请注明来源】个事件的记录。但是，如果这一业务需要不同原创内容，盗版必究。【本文受版权保护】层面的人在不同的情况下参与进来，最为常见本文作者：唐霜，转载请注明出处。本文作者：唐霜，转载请注明出处。的参与方式就是审批，当然还有补充信息、修著作权归作者所有，禁止商业用途转载。【本文受版权保护】订错误、线下处理某些事情后记录到线上等等【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net。流程分阶段，人员在这个事件中的出场和离未经授权，禁止复制转载。【本文首发于唐霜的博客】场也可能随着阶段的迁跃而发生。同时，非常原创内容，盗版必究。【作者：唐霜】重要的一点是，事件中所包含的实体的字段，【版权所有】唐霜 www.tangshuang.net【版权所有】唐霜 www.tangshuang.net在不同阶段可能会附加对应的业务逻辑。例如著作权归作者所有，禁止商业用途转载。【本文首发于唐霜的博客】，在阶段1时字段a不需要填写，但是到了阶未经授权，禁止复制转载。本文作者：唐霜，转载请注明出处。段2就必须填写。

狭义的流程往往只发生在事件出现之后，但是【本文首发于唐霜的博客】【作者：唐霜】广义的流程从事件出现之前就开始了。比如我【版权所有】唐霜 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【原创内容，转载请注明出处】为这个事件从还未开始到事件结束，都处在流本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。程中，而大部分逻辑都可以被确定在某个流程转载请注明出处：www.tangshuang.net原创内容，盗版必究。阶段。（当然，有些逻辑是很底层的，应该直转载请注明出处：www.tangshuang.net著作权归作者所有，禁止商业用途转载。接在实体或事件模型中写死，例如某一个字段【关注微信公众号：wwwtangshuangnet】【访问 www.tangshuang.net 获取更多精彩内容】具有特定的业务性质，它的值一定是另外两个【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】字段计算而来，这种逻辑就不属于流程上的逻本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】辑，而是底层逻辑。）

交互

交互是真正意义上的“动词”，所有的文档中转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】有关交互的描述都是“要干什么”“应该怎样本文版权归作者所有，未经授权不得转载。【本文受版权保护】”“必须如何”，例如“字段A大于10时，【作者：唐霜】【原创不易，请尊重版权】弹出提示语xxxx“，其中”弹出提示语“【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。就是一个交互行为。而这一整段话就是一个业原创内容，盗版必究。原创内容，盗版必究。务逻辑，但是注意，它是一个“业务的交互逻转载请注明出处：www.tangshuang.net未经授权，禁止复制转载。辑”，因为它是基于业务的某个前提，执行交【版权所有，侵权必究】转载请注明出处：www.tangshuang.net互的某个指令。

在前端，处理交互其实是很麻烦的，因为它一【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net半具有视图层面的意义，一半具有非视图层面未经授权，禁止复制转载。【转载请注明来源】（操作数据）的意义。因此，我们要想办法把著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。交互从中解放出来。我们需要建立交互模型，【版权所有】唐霜 www.tangshuang.net【关注微信公众号：wwwtangshuangnet】它一半提供给视图层，让视图去调用它，作为原创内容，盗版必究。本文作者：唐霜，转载请注明出处。视图层的响应，另一半它要读取和操作数据，【本文受版权保护】【访问 www.tangshuang.net 获取更多精彩内容】使得业务发生演进。

另外，下面我们会讲到，视图本质上是抽象的著作权归作者所有，禁止商业用途转载。【转载请注明来源】状态的具体表现，在交互模型中，我们可以提【版权所有】唐霜 www.tangshuang.net原创内容，盗版必究。前定义好作为视图抽象的状态，并且在面对某【未经授权禁止转载】转载请注明出处：www.tangshuang.net个与视图有关的交互指令时，操作其状态，从本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net而达到与视图层完全没关系的效果。

视图

视图是前端最熟悉的部分，也是业务系统最无原创内容，盗版必究。【转载请注明来源】关紧要的部分，因为对于非常多的业务系统而【本文首发于唐霜的博客】转载请注明出处：www.tangshuang.net言，其核心价值在于数据，即使没有前端的界【版权所有】唐霜 www.tangshuang.net【原创内容，转载请注明出处】面，只要你有手段让我准确获得数据，我也是转载请注明出处：www.tangshuang.net本文作者：唐霜，转载请注明出处。可以接受的。当然，如果没有前端的界面，数著作权归作者所有，禁止商业用途转载。【版权所有，侵权必究】据的创建、补充、修订，审批的进行，文件的【本文首发于唐霜的博客】著作权归作者所有，禁止商业用途转载。上传，都是非常麻烦的，所以，不能因为它对【原创内容，转载请注明出处】未经授权，禁止复制转载。于业务无关紧要就直接否定它的存在。

视图的本质是抽象的状态的具体表现，也就是【作者：唐霜】【作者：唐霜】著名的公式ui=f(state)，在业务【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net系统中，我们需要对业务数据状态化，使“业【转载请注明来源】【访问 www.tangshuang.net 获取更多精彩内容】务的数据+界面的状态”成为一个大状态，交【版权所有，侵权必究】【转载请注明来源】给视图，视图拿到这个大状态之后，按照不同【关注微信公众号：wwwtangshuangnet】本文版权归作者所有，未经授权不得转载。端的特征进行渲染，提供人机交互的入口，调未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】用交互模型的方法，响应新的大状态的变更。

在很多情况下，视图具有相似性，对视图进行未经授权，禁止复制转载。【本文受版权保护】建模，可以有效的解决此类复用问题，例如在【访问 www.tangshuang.net 获取更多精彩内容】【原创不易，请尊重版权】PC上有一个罗列字段的列表，在APP上也【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。有一个同样的列表，只不过它们的长相不同，本文作者：唐霜，转载请注明出处。【转载请注明来源】但是它们都是一个列表，有label和va【作者：唐霜】原创内容，盗版必究。lue两个部分，value部分还需要进行【转载请注明来源】本文版权归作者所有，未经授权不得转载。一些格式化处理，以及一些操作上的按钮。这【版权所有，侵权必究】【未经授权禁止转载】些相同的部分，我们可以在模型（用抽象类更【转载请注明来源】本文版权归作者所有，未经授权不得转载。好）中撰写，再在两端各自实现界面的呈现。