前端数据建模【原创不易，请尊重版权】

【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net【本文受版权保护】未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。

进入github主页未经授权，禁止复制转载。 使用文档【未经授权禁止转载】

TySheMo是一个前端数据（状态）管理未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】工具。它面向复杂的前端数据管理，用于在前未经授权，禁止复制转载。【访问 www.tangshuang.net 获取更多精彩内容】端结构化数据的不断变化中，清晰地控制数据【原创内容，转载请注明出处】【原创不易，请尊重版权】变动，使数据变动不引起错误，并且方便表单【未经授权禁止转载】原创内容，盗版必究。数据的恢复、校验、格式化（提交）。

在需要对数据类型进行校验，数据变动引发界【未经授权禁止转载】【原创内容，转载请注明出处】面变动，数据校验，格式化后输出数据，保证本文作者：唐霜，转载请注明出处。【原创不易，请尊重版权】数据运算时得到想要的结果等一系列复杂的数【版权所有，侵权必究】著作权归作者所有，禁止商业用途转载。据变化需求，TySheMo可以在项目中发未经授权，禁止复制转载。原创内容，盗版必究。挥不错的的作用。虽然它不追求性能，但是在【访问 www.tangshuang.net 获取更多精彩内容】【未经授权禁止转载】确保数据类型和格式安全上，它具有非常优秀【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。的思想，让对数据有强烈依赖的业务可以在复【关注微信公众号：wwwtangshuangnet】【版权所有，侵权必究】杂的逻辑中保证不出错。

类型检查系统【转载请注明来源】

虽然我们已经有typescript这样的【转载请注明来源】本文作者：唐霜，转载请注明出处。类型检查系统，但是，typescript著作权归作者所有，禁止商业用途转载。【转载请注明来源】是在编译时进行类型检查的，在运行时，我们本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】需要对一些动态的数据（特别是从后台api本文作者：唐霜，转载请注明出处。【版权所有】唐霜 www.tangshuang.net返回的数据）进行类型和格式检查。在支持g【未经授权禁止转载】【原创内容，转载请注明出处】raphql的系统中似乎不必这么担心，但【关注微信公众号：wwwtangshuangnet】著作权归作者所有，禁止商业用途转载。目前大多数的restful应用，还是需要【本文受版权保护】【关注微信公众号：wwwtangshuangnet】有一个工具去做这样的一件事。

TySheMo将数据类型的检查抽象出三个转载请注明出处：www.tangshuang.net【本文受版权保护】层面的对象：原型、类型、规则。它们分别在本文版权归作者所有，未经授权不得转载。【版权所有，侵权必究】原子、结构、逻辑层面对数据进行校验，而且【未经授权禁止转载】【版权所有】唐霜 www.tangshuang.net是在运行时。如果校验失败，你还可以通过抛【原创内容，转载请注明出处】本文作者：唐霜，转载请注明出处。出的错误得到更为详细的信息。

TySheMo内部提供了多个数据原型（类本文作者：唐霜，转载请注明出处。原创内容，盗版必究。似基础数据类型）扩展，并且直接使用js标【未经授权禁止转载】【未经授权禁止转载】准库中的内置对象作为原型，免去需要用字符【未经授权禁止转载】【关注微信公众号：wwwtangshuangnet】串来定义类型的麻烦。通过对后台api数据【本文受版权保护】著作权归作者所有，禁止商业用途转载。的检查，就可以即时避免由于api返回数据著作权归作者所有，禁止商业用途转载。【版权所有】唐霜 www.tangshuang.net类型或结构引起的错误。同时，它还提供了更本文版权归作者所有，未经授权不得转载。未经授权，禁止复制转载。为丰富的类型检查规范，你可以阅读它的文档本文版权归作者所有，未经授权不得转载。转载请注明出处：www.tangshuang.net了解更多用法。

数据模式【关注微信公众号：wwwtangshuangnet】

TySheMo提供了一种定义结构化数据的本文版权归作者所有，未经授权不得转载。本文作者：唐霜，转载请注明出处。方式，用于对一个结构化数据进行规范化定义著作权归作者所有，禁止商业用途转载。著作权归作者所有，禁止商业用途转载。。数据模式是一个抽象的数据结构范型，它不原创内容，盗版必究。本文作者：唐霜，转载请注明出处。是具体的数据，但规定了数据本身的结构规范【本文受版权保护】本文版权归作者所有，未经授权不得转载。。它基于数据类型检查系统。并且，作为工具本文版权归作者所有，未经授权不得转载。【转载请注明来源】库，TySheMo提供了Schema类，【本文受版权保护】转载请注明出处：www.tangshuang.netschema实例拥有根据定义规范数据的能转载请注明出处：www.tangshuang.net【访问 www.tangshuang.net 获取更多精彩内容】力。

更为重要的是Schema是一种数据结构和著作权归作者所有，禁止商业用途转载。未经授权，禁止复制转载。行为逻辑约束的范例。行业里有json s著作权归作者所有，禁止商业用途转载。本文版权归作者所有，未经授权不得转载。chema这样的先驱，我们在这些先行者的【原创不易，请尊重版权】【转载请注明来源】基础上，提炼出对业务有帮助的部分，形成一【关注微信公众号：wwwtangshuangnet】转载请注明出处：www.tangshuang.net套类似后台数据库结构描述一样的定义语言，【版权所有，侵权必究】【转载请注明来源】用以在前端去描述一个结构化，但随时变化的本文作者：唐霜，转载请注明出处。本文版权归作者所有，未经授权不得转载。数据对象。

对于Schema实例而言，它是无状态的，【作者：唐霜】【未经授权禁止转载】它所提供的接口是纯粹的工厂，不会产生任何【本文首发于唐霜的博客】【未经授权禁止转载】内部资源。这样的设计，使得Schema有【原创内容，转载请注明出处】【版权所有】唐霜 www.tangshuang.net可能成为规范，在开发中/测试中，确保业务著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】中给的数据是按照规范给定的，否则，就会抛著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net出错误。

数据模型著作权归作者所有，禁止商业用途转载。

TySheMo提供了基于Schema的数转载请注明出处：www.tangshuang.net【原创内容，转载请注明出处】据模型Model，是一个管理状态数据的容【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net器。数据被放在数据模型中管理时，由于Sc【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。hema的约束，数据不得不按照规范运行。本文作者：唐霜，转载请注明出处。转载请注明出处：www.tangshuang.net它提供了当代数据响应的特性，你可以观察数【版权所有，侵权必究】【未经授权禁止转载】据变化，从而来决定如何变动界面。

作为工具库，TySheMo从业务出发对数未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。据模型的写作方式进行了约束。一个数据模型本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】，是一个class，并且需要定义它的sc原创内容，盗版必究。【本文首发于唐霜的博客】hema。要将数据放到模型中进行管理，你【本文首发于唐霜的博客】【版权所有，侵权必究】必须实例化模型，并且使用模型接口进行数据本文作者：唐霜，转载请注明出处。【未经授权禁止转载】修改和格式化。但到最后，你会发现，模型的原创内容，盗版必究。【作者：唐霜】使用异常简单，真正复杂的部分，往往在于，【原创不易，请尊重版权】未经授权，禁止复制转载。如何通过Schema制定你的数据规范。

这只是对Model的数据响应最简单的一个著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】演示，你还可以通过Model提供的能力，著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】完成更多的事情。你可以把它和react,本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。 vue, angular结合使用，你可【版权所有】唐霜 www.tangshuang.net著作权归作者所有，禁止商业用途转载。以在任何应用中使用它。特别是在表单数据管著作权归作者所有，禁止商业用途转载。【本文受版权保护】理上，TySheMo可以做到非常出色。关著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net于Model的细节和更多特性，你可以阅读【转载请注明来源】未经授权，禁止复制转载。使用文档了解。

结语【原创不易，请尊重版权】

TySheMo不解决所有问题，而是专注将未经授权，禁止复制转载。【关注微信公众号：wwwtangshuangnet】一个应用中的某个局部的数据管理做到极致。【原创内容，转载请注明出处】【访问 www.tangshuang.net 获取更多精彩内容】你从来没有体验过，同一个表单的业务逻辑，著作权归作者所有，禁止商业用途转载。转载请注明出处：www.tangshuang.net你不需要修改业务代码部分，而只需要修改U转载请注明出处：www.tangshuang.net【转载请注明来源】I交互的逻辑，就可以完全适应react,本文版权归作者所有，未经授权不得转载。【转载请注明来源】 vue, angular。这是因为Ty原创内容，盗版必究。未经授权，禁止复制转载。SheMo是一种思想的抽象，是对前端业务【版权所有，侵权必究】【作者：唐霜】中数据管理的一次大总结大提炼。如果你对这【访问 www.tangshuang.net 获取更多精彩内容】【版权所有】唐霜 www.tangshuang.net个项目感兴趣，可以通过github参与项本文作者：唐霜，转载请注明出处。未经授权，禁止复制转载。目的后续开发。开源是一种力量，也是推动技本文版权归作者所有，未经授权不得转载。【本文受版权保护】术前进的最重要方式之一。TySheMo或【版权所有】唐霜 www.tangshuang.net【原创不易，请尊重版权】许只是一个点，但你可以创造一片星火。

2019-06-22 7549