树组件生成方法、装置、设备和计算机存储介质制造方法及图纸

本申请公开了一种树组件生成方法、装置、设备和计算机存储介质。所述树组件生成方法，包括：接收树组件生成请求；所述组件生成请求中包括用于生成所述树组件的预配置数据；所述预配置数据用于生成所述树组件的至少一个子组件的可定义属性；获取与所述树组件生成请求对应的父组件和至少一个子组件；根据所述父组件、所述至少一个子组件和所述预配置数据，生成所述树组件。本申请提供的树组件生成方法、装置、设备和计算机存储介质，能够应用于San，不依赖用户界面库，生成自定义的树组件。

【技术实现步骤摘要】
树组件生成方法、装置、设备和计算机存储介质
本申请涉及计算机
，尤其涉及数据

技术介绍
MVVM是Model-View-ViewModel的简写。San是一个前端MVVM框架，是百度自己研发的前端技术框架。目前，基于San开发的开源UI(UserInterface，用户界面)库中，比较出名的有SUI-MUI、SAN-XUI，树组件对应的节点都是由组件自身固定的，面对多样化的用后需求，现有的UI库往往难以达到要求。
技术实现思路
本公开提供了一种树组件生成方法、装置、设备和计算机存储介质。根据本公开的一方面，提供了一种树组件生成方法，包括：接收树组件生成请求；树组件生成请求中包括用于生成树组件的预配置数据；预配置数据用于生成树组件的至少一个子组件的可定义属性；获取与树组件生成请求对应的父组件和至少一个子组件；根据父组件、至少一个子组件和预配置数据，生成树组件。根据本公开的另一方面，提供了一种树组件生成装置，包括：请求接收模块：用于接收树组件生成请求；树组件生成请求中包括用于生成树组件的预配置数据；预配置数据用于生成树组件的至少一个子组件的可定义属性；获取模块：用于获取与树组件生成请求对应的父组件和至少一个子组件；生成模块：用于根据父组件、至少一个子组件和预配置数据，生成树组件。根据本公开的另一方面，提供了一种电子设备，包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行本申请任意一项实施例所提供的方法。根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，计算机指令用于使计算机执行本申请任意一项实施例所提供的方法。本实施例中，能够根据预配置数据生成子组件，然后根据子组件和父组件生成树组件，从而能够对树组件进行自定义生成，无需依赖UI库，从而能够满足应用过程中树组件的定制化需求。应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。附图说明附图用于更好地理解本方案，不构成对本申请的限定。其中：图1是根据本申请实施例的树组件生成方法示意图；图2是根据本申请实施例的树组件生在一具体场景下的示意图；图3是根据本申请实施例的树组件生在另一具体场景下的示意图；图4是根据本申请实施例的树组件生在另一具体场景下的示意图；图5是根据本申请另一实施例的树组件生成方法示意图；图6是根据本申请另一实施例的树组件生成方法示意图；图7是根据本申请再一实施例的树组件生成装置示意图；图8是根据本申请再一实施例的树组件生成装置示意图；图9是根据本申请再一实施例的树组件生成装置示意图；图10是根据本申请再一实施例的树组件生成装置示意图；图11是根据本申请再一实施例的树组件生成装置示意图；图12是用来实现本申请实施例的树组件生成方法的电子设备的框图。具体实施方式以下结合附图对本申请的示范性实施例做出说明，其中包括本申请实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本申请的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。需要说明的是，在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。图1示出了根据本申请一种实施例的树组件生成方法流程示意图，如图1所示，包括以下步骤：步骤101：接收树组件生成请求；树组件生成请求中包括用于生成树组件的预配置数据；预配置数据用于生成树组件的至少一个子组件的可定义属性。步骤102：获取与树组件生成请求对应的父组件和至少一个子组件。步骤103：根据父组件、至少一个子组件和预配置数据，生成树组件。本实施例中，树组件生成请求可以是由客户端发送的用于生成树组件的请求。预配置数据可以是用户预先自定义的数据，用于生成树组件的一个或多个子组件的可定义属性。这些可定义属性是允许用户进行自行配置的，比如树组件的子组件内容、名称、下拉菜单(删除、添加按钮)，以及子组件的自定义元素。本实施例中，一个树组件对应一个父组件和至少一个子组件，针对树组件生成请求，获取相应的父组件成为树组件的根节点，至少一个子组件作为树组件的根节点的子节点。树组件主要是拆分成两大组件：父组件Tree、子组件TreeNode。父组件中包含一些标准的限制，例如树组件是否默认展开、树组件的形态。子组件一般包含节点信息，例如节点名称、是否选中的展示。在一种示例中，父组件和子组件可以如图2所示。在树组件中，一般包括一个父组件201，可以包含多个子组件202。这些子组件202以父组件201的子节点的形式与父组件201一起，形成树组件。在本示例中，树组件包括一层子组件202。子组件202中可以包括子节点的名称。父组件201中所包括的信息可以是，限定树组件默认展开，树组件的形态为一层子组件。在其它示例中，父组件中也可以存储限制树组件默认不展开的信息，这种情况下，树组件的子组件可不显示。在一种示例中，父组件和子组件可以如图3所示。在树组件中，包括一个父组件301和多层子组件302。第一层子组件302的子节点为第二层子组件。在本实例中，树组件包括两层子组件302。子组件302中可以包括该子组件是否选中等。父组件301中所包括的信息可以是，限定树组件默认展开，树组件的形态为二层子组件。在其它示例中，父组件中也可以存储限制树组件默认非展开的信息，这种情况下，树组件的子组件可不显示。根据父组件、至少一个子组件和预配置数据，生成树组件，将预配置数据加入与之对应的子组件中，将子组件作为父组件的子节点，生成包含父组件、子组件和预配置数据的树组件。本实施例中，预配置数据可以是在子组件原显示名称的位置显示子组件生成的时间戳，也可以用于给子组件添加按钮，比如菜单、删除按钮等。本实施例中，树组件为基于San的树组件。目前Tree组件(树组件)所使用的库中，比较有名的库包括ElementUI(为一种Vue组件库，目前San语法和Vue相近，但不完全一致)。通过ElementUI生成树组件的解决方案是：Tree组件，具有数据管理Store(存储单元)，Store是一个对象，包括数据和方法。其中，Store的数据：Store初始化时，会遍历Data(数据)的数据，然后通过newNode(新节点工具)来新建每个节点。这个Node包括了checked(检查)、Data(数据)、Parent(父母)等数据信息。这个Store会作为真正的数据传递到TreeNode(子组件)组件；Store的方法：由本文档来自技高网...

【技术保护点】
1.一种树组件生成方法，包括：/n接收树组件生成请求；所述树组件生成请求中包括用于生成所述树组件的预配置数据；所述预配置数据用于生成所述树组件的至少一个子组件的可定义属性；/n获取与所述树组件生成请求对应的父组件和至少一个子组件；/n根据所述父组件、所述至少一个子组件和所述预配置数据，生成所述树组件。/n

【技术特征摘要】
1.一种树组件生成方法，包括：
接收树组件生成请求；所述树组件生成请求中包括用于生成所述树组件的预配置数据；所述预配置数据用于生成所述树组件的至少一个子组件的可定义属性；
获取与所述树组件生成请求对应的父组件和至少一个子组件；
根据所述父组件、所述至少一个子组件和所述预配置数据，生成所述树组件。


2.根据权利要求1所述的方法，其中，根据所述父组件、所述至少一个子组件和所述预配置数据，生成所述树组件，包括：
根据所述预配置数据生成所述至少一个子组件的临时对象；
将所述临时对象作为所述至少一个子组件的子节点；
将所述至少一个子组件作为所述父组件的子节点，得到所述树组件。


3.根据权利要求2所述的方法，其中，还包括：
接收用户对所述至少一个子组件的预配置数据的更新请求；
根据所述预配置数据更新请求，更新所述至少一个子组件的临时对象；
根据更新后的所述至少一个子组件的临时对象，更新所述至少一个子组件。


4.根据权利要求3所述的方法，其中，还包括：
所述树组件根据更新后的所述临时对象，生成派发消息；
将所述派发消息发送到所述树组件的外层组件，使得所述外层组件得知所述更新后的临时对象。


5.根据权利要求2所述的方法，其中，还包括：
根据所述父组件，生成可视化的父组件对象；
根据所述子组件和所述临时对象，生成可视化的子组件对象；
根据所述可视化的父组件对象和所述可视化的子组件对象，生成可视化的树组件对象。


6.一种树组件生成装置，包括：
请求接收模块：用于接收树组件生成请求；所述树组件生成请求中包括用于生成所述树组件的预配置数据；所述预配置数据用于生成所述树组件的至少一个子组件的可定义属性；
获取模块：用于获取与所述树组件生成请求对应的父组件和至少一个子组件；
生成模块：用于根据所述父组件、所述至少一个子组件和所...

【专利技术属性】
技术研发人员：周胜强，
申请(专利权)人：北京百度网讯科技有限公司，
类型：发明
国别省市：北京;11