web树组件自动生成方法、装置、电子设备及存储介质与流程

1.本技术涉及计算机技术领域，具体而言，涉及一种web树组件自动生成方法、装置、电子设备及存储介质。


背景技术：

2.现有树组件通过会采用一次加载，即懒加载的方式来加载大量数据来填充节点，但懒加载方式在存在较多子节点时，懒加载虽然能够快速加载父节点，但其在加载子节点时，数据加载速度较慢。


技术实现要素：

3.本技术实施例的目的在于提供一种web树组件自动生成方法、装置、电子设备及存储介质，用以改善子节点加载速度。
4.第一方面，本技术实施例提供一种web树组件自动生成方法，包括：获取待渲染数据的原数据和第一配置信息，并生成虚拟dom节点；基于所述原数据和所述第一配置信息，生成虚拟dom节点配置模板；获取第二配置信息；所述第二配置信息包括节点懒加载配置信息和/或节点分页配置信息；将所述第二配置信息加入所述虚拟dom节点配置模板，获取更新后的虚拟dom节点配置模板；基于所述更新后的虚拟dom节点配置模板，生成web树组件。
5.在上述方案的实现过程中，通过第二配置信息来配置节点是否进行懒加载以及是否进行节点分页，使得web树组件可以在内置代码层面同时实现懒加载以及节点分页加载，提高了节点渲染加载速度；同时，与现有技术中需要用户重新编辑代码以实现分页加载的方式，上述web树组件自动生成方法在内置代码层面即可实现节点分页加载，大大提高了树组件的生成效率，进而提高了数据渲染的效率。
6.在第一方面的一种实现方式中，所述基于所述原数据和所述第一配置信息生成虚拟dom节点配置模板，包括：基于所述第一配置信息，获取节点名称信息和节点类型信息；基于所述节点名称信息、所述节点类型信息以及所述原数据，生成虚拟dom节点基础模板；将所述第一配置信息中除所述节点名称信息和所述节点类型信息的其他配置信息加入所述虚拟dom节点基础模板，生成虚拟dom节点配置模板。
7.在上述方案的实现过程中，通过自动生成虚拟dom节点配置模板的方式，为用户自定义web树组件提供基础，用户可以通过后续的第二配置信息对虚拟dom节点配置模板进行修改，实现对web树组件的灵活配置，提高了上述web树组件自动生成方法的可扩展性。
8.在第一方面的一种实现方式中，所述将所述第二配置信息加入所述虚拟dom节点配置模板，包括：基于第二配置信息，获取配置字段以及所述配置字段所对应的待配置节点名称；基于所述待配置节点名称，查找待配置节点；将所述配置字段加入所述待配置节点的所述虚拟dom节点配置模板。
9.在上述方案的实现过程中，用户可以通过设置第二配置信息来对节点实现包括分页操作和懒加载操作在内的操作，实现对web树组件的灵活配置，大大提高了树组件的生成
效率，进而提高了数据渲染的效率。
10.在第一方面的一种实现方式中，所述节点分页配置信息包括：节点是否开启分页配置信息，以及节点开启分页后每页数量配置信息。
11.在上述方案的实现过程中，用户可以通过设置第二配置信息来对父节点实现分页操作，并且可以灵活配置每页所加载子节点的数量，实现对web树组件的灵活配置，提高了上述web树组件自动生成方法的可扩展性；同时，还可以同时实现懒加载与分页加载，大大提高了树组件的生成效率，进而提高了数据渲染的效率。
12.在第一方面的一种实现方式中，所述第一配置信息和所述第二配置信息均为json格式的配置信息。
13.在上述方案的实现过程中，采用json格式的配置信息，能够实现数据的高效传输，简化了web树组件的生成业务逻辑，提高了web树组件的生成效率，进而提高了网页渲染效率。
14.在第一方面的一种实现方式中，所述第二配置信息为自定义配置信息。
15.在上述方案的实现过程中，用户可以自定义配置信息来实现对web树组件的灵活配置，实现对web树组件的自主扩展，提高了上述web树组件自动生成方法的可扩展性；同时，上述web树组件自动生成方法采用配置字段的方式来对web树组件进行控制，用户无需重新编码代码来实现对web树组件的扩展，仅需修改对应节点的配置字段即可实现对该节点的控制，简化了web树组件的生成业务逻辑，大大提高了web树组件的生成效率，进而提高了网页渲染效率。
16.第二方面，本技术实施例提供一种网页渲染方法，包括：采用上述第一方面或第一方面的任意一种可能的实现方式提供的web树组件自动生成方法，获取web树组件；基于所述web树组件，对网页进行数据渲染。
17.在上述方案的实现过程中，采用可以同时进行懒加载和分页加载方式的web树组件自动生成方法，使得可以更高效率的生成web树组件，从而提高了数据渲染的效率。
18.第三方面，本技术实施例提供一种web树组件自动生成装置，包括：
19.原数据和第一配置信息获取模块，用于获取待渲染数据的原数据和第一配置信息；
20.虚拟dom节点生成模块，用于生成虚拟dom节点；
21.虚拟dom节点配置模板生成模块，用于基于所述原数据和所述第一配置信息生成虚拟dom节点配置模板；
22.第二配置信息获取模块，用于获取第二配置信息；所述第二配置信息包括节点是否进行懒加载和/或节点是否进行分页加载；
23.第二配置信息加载模块，用于将所述第二配置信息加入所述虚拟dom节点配置模板；
24.web树组件生成模块，用于基于所述虚拟dom节点配置模板，生成web树组件。
25.第四方面，本技术实施例提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序指令，所述计算机程序指令被处理器读取并运行时，执行第一方面或第一方面的任意一种可能的实现方式提供的方法。
26.第五方面，本技术实施例提供一种电子设备，包括：存储器以及处理器，所述存储
器中存储有计算机程序指令，所述计算机程序指令被所述处理器读取并运行时，执行第一方面或第一方面的任意一种可能的实现方式提供的方法。
27.本技术的其他特征和优点将在随后的说明书阐述，并且，部分地从说明书中变得显而易见，或者通过实施本技术实施例了解。本技术的目的和其他优点可通过在所写的说明书、权利要求书、以及附图中所特别指出的结构来实现和获得。
附图说明
28.为了更清楚地说明本技术实施例的技术方案，下面将对本技术实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本技术的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
29.图1为本技术实施例提供的web树组件自动生成方法的流程示意图；
30.图2为本技术实施例提供的由web树组件自动生成方法所生成的web树的示例1的web树组件示意图；
31.图3为本技术实施例提供的由web树组件自动生成方法所生成的web树的示例2的web树组件示意图；
32.图4为本技术实施例提供的由web树组件自动生成方法所生成的web树的示例3的web树组件示意图；
33.图5为本技术实施例提供的web树组件自动生成装置的结构示意图；
34.图6为本技术实施例提供的电子设备的结构示意图。
具体实施方式
35.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行描述。以下实施例仅用于更加清楚地说明本技术的技术方案，因此只作为示例，而不能以此来限制本技术的保护范围。
36.除非另有定义，本文所使用的所有的技术和科学术语与属于本技术的技术领域的技术人员通常理解的含义相同；本文中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本技术；本技术的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。
37.在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本技术的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。
38.在本技术实施例的描述中，术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。
39.请参见图1，本技术实施例提供一种web树组件自动生成方法，包括：
40.步骤s110：获取待渲染数据的原数据和第一配置信息，并生成虚拟dom节点；
41.步骤s120：基于原数据和第一配置信息，生成虚拟dom节点配置模板；
42.步骤s130：获取第二配置信息；
43.第二配置信息包括节点懒加载配置信息和/或节点分页配置信息；
44.步骤s140：将第二配置信息加入虚拟dom节点配置模板，获取更新后的虚拟dom节点配置模板；
45.步骤s150：基于更新后的虚拟dom节点配置模板，生成web树组件。
46.在上述方案的实现过程中，通过第二配置信息来配置节点是否进行懒加载以及是否进行节点分页，使得web树组件可以在内置代码层面同时实现懒加载以及节点分页加载，提高了节点渲染加载速度；同时，与现有技术中需要用户重新编辑代码以实现分页加载的方式，上述web树组件自动生成方法在内置代码层面即可实现节点分页加载，大大提高了树组件的生成效率，进而提高了数据渲染的效率。
47.下面分别对上述步骤s110～s150进行详细介绍：
48.首先，对步骤s110进行详细介绍：步骤s110中的待渲染数据为需要渲染到网页中的数据，在虚拟dom(document object model，文档对象类型)技术中，待渲染数据需要先构建虚拟dom树，然后将所构建出的新的虚拟dom树与根据当前网页内容所抽象出的旧的虚拟dom树进行对比，获取新的虚拟dom树与旧的虚拟dom树之间的差异，最后将差异数据渲染至网页，从而完成网页渲染。
49.上述虚拟dom节点是指虚拟dom树中的节点，本技术实施例在获取待渲染数据后，将待渲染数据转化为虚拟dom的target数据，包括原数据data、虚拟dom节点domobj以及第一配置信息opt1。其中，原数据data可以理解不带有配置字段的数据信息，而第一配置信息opt1可以理解为原数据的配置字段，例如节点名称字分段id、节点类型字段type等，而节点字段名称id、节点类型字段type等字段也可以被称为节点的属性字段。通过原数据data以及包含有上述属性字段的第一配置信息opt1即可构建一个基础的虚拟dom节点，domobj即为虚拟转换后为了便于快速查询到虚拟dom节点所设置的节点标识字段。
50.需要指出，可以采用字段匹配的方式从待渲染数据中获取第一配置信息opt1，而除去第一配置信息opt1之外的待渲染数据即为原数据data。具体字段匹配的方法可以参照现有技术。
51.作为上述web树组件自动生成方法的一种可选实施方式，步骤s120中基于原数据和第一配置信息生成虚拟dom节点配置模板，包括：基于第一配置信息，获取节点名称信息和节点类型信息；基于节点名称信息、节点类型信息以及原数据，生成虚拟dom节点基础模板；将第一配置信息中除节点名称信息和节点类型信息的其他配置信息加入所述虚拟dom节点基础模板，生成虚拟dom节点配置模板。该实施方式例如：基于原数据data以及第一配置信息opt1所生成的虚拟dom节点基础模板例如：
52.{
[0053]“id”:”topsec_tree”,
[0054]“type”:”ngtree”，
[0055]“data”:[]
[0056]
}
[0057]
上述虚拟dom节点配置模板中的id即为第一配置信息opt1中的节点名称字段id，上述虚拟dom节点的节点名称为topsec_tree。上述虚拟dom节点配置模板中的type即为第
一配置信息opt1中的节点类型字段type，上述虚拟dom节点的节点类型为ngtree。上述虚拟dom节点配置模板中的data即为由待渲染数据获取的原数据。
[0058]
需要指出，上述虚拟dom节点基础模板可以通过工厂模式获取。
[0059]
在生成上述虚拟dom节点基础模板后，将第一配置信息opt1中出节点名称字段id以及节点类型字段type以外的配置字段加入上述虚拟dom节点基础模板，生成虚拟dom节点配置模板。
[0060]
在上述方案的实现过程中，通过自动生成虚拟dom节点配置模板的方式，为用户自定义web树组件提供基础，用户可以通过后续的第二配置信息对虚拟dom节点配置模板进行修改，实现对web树组件的灵活配置，提高了上述web树组件自动生成方法的可扩展性。
[0061]
需要指出，第一配置信息opt1节点名称字段id以及节点类型字段type外，还可以包含的配置字段例如：
[0062]
(1)checkbox配置字段：设置字段checkbox来配置是否为当前节点设置复选框；
[0063]
(2)cascadecheck配置字段：在对节点设置复选框后，设置字段cascadecheck来配置是否为复选框设置级联操作，级联操作例如：若子集都被选中，则父级选中；若父级选中，则所有子集都进行选中；
[0064]
(3)children配置字段，用于配置当前节点所包含的子节点信息，当然若当前节点不含有子节点，则children配置字段可以为空。
[0065]
(4)请求子节点的方式配置字段onexpandrequest，用于配置当前阶段请求子节点的方式。当然，只有当前节点的children配置字段不为空才可以配置onexpandrequest字段，通过配置onexpandrequest字段即可实现对当前节点的懒加载操作。
[0066]
下面详细介绍步骤s130和步骤s140：步骤s130所获取的第二配置信息opt2为用户输入配置信息。在步骤s120生成虚拟dom节点配置模板后，用户可以根据虚拟dom节点配置模板中的内容增加自定义配置信息。第二配置信息opt2可以包括节点懒加载配置信息和/或节点分页配置信息，其中节点懒加载配置信息即为上述请求子节点的方式配置字段onexpandrequest，节点分页配置信息包括：
[0067]
(1)ispaging配置字段，用于配置当前父节点是否开启分页加载操作；
[0068]
(2)pagenumber配置字段，用于配置开启分页加载操作的父节点在每个分页中所加载的子节点数量。
[0069]
在上述方案的实现过程中，用户可以通过设置第二配置信息来对父节点实现分页操作，并且可以灵活配置每页所加载子节点的数量，实现对web树组件的灵活配置，提高了上述web树组件自动生成方法的可扩展性；同时，还可以同时实现懒加载与分页加载，大大提高了树组件的生成效率，进而提高了数据渲染的效率。
[0070]
作为上述web树组件自动生成方法的一种可选实施方式，步骤s140将第二配置信息加入虚拟dom节点配置模板，包括：基于第二配置信息，获取配置字段以及配置字段所对应的待配置节点名称；基于待配置节点名称，查找待配置节点；将配置字段加入所述待配置节点的所述虚拟dom节点配置模板。该实施方式例如：在用户输入的第二配置信息中，包含针对某父节点的分页加载字段，包括字段ispaging:true、字段pagenumber:200，上述web树组件自动生成方法在获取上述两个字段后，通过查找父节点名称的方式寻找需要进行分页加载操作的父节点，然后在该父节点的虚拟dom节点配置模板中加入字段ispaging:true和
字段pagenumber:200，其中字段ispaging:true表示开启分页加载，字段pagenumber:200表示每个分页所加载的子节点数量为200个。
[0071]
在上述方案的实现过程中，用户可以通过设置第二配置信息来对节点实现包括分页操作和懒加载操作在内的操作，实现对web树组件的灵活配置，大大提高了树组件的生成效率，进而提高了数据渲染的效率。
[0072]
作为上述web树组件自动生成方法的一种可选实施方式，第二配置信息opt2为用户的自定义配置信息，该自定义配置信息不局限于上述checkbox配置字段、cascadecheck配置、字段请求子节点的方式配置字段onexpandrequest、是否开启分页字段ispaging以及每个分页所加载的子节点数量配置字段pagenumber，还可以设置其他字段来实现对web树组件的灵活配置，例如与请求相关的request字段，与初始化相关的onbeforeinit字段，与搜索相关的find字段，与展开节点相关的onexpand字段等。
[0073]
在上述方案的实现过程中，用户可以自定义配置信息来实现对web树组件的灵活配置，实现对web树组件的自主扩展，提高了上述web树组件自动生成方法的可扩展性；同时，上述web树组件自动生成方法采用配置字段的方式来对web树组件进行控制，用户无需重新编码代码来实现对web树组件的扩展，仅需修改对应节点的配置字段即可实现对该节点的控制，简化了web树组件的生成业务逻辑，大大提高了web树组件的生成效率，进而提高了网页渲染效率。
[0074]
下面详细介绍步骤s150：步骤s150基于更新后的虚拟dom节点配置模板生成web树组件。通过上述对步骤s110～s140的相似描述，可以理解，虚拟dom节点配置模板中含有若干配置字段，通过若干配置字段所限定的虚拟dom节点可以进行可视化显示，例如：请参见图2，若配置字段中含有checkbox配置字段，则在可视化显示时设置在该节点前设置复选框；若配置字段中含有是否开启分页字段ispaging以及每个分页所加载的子节点数量配置字段pagenumber，则在可视化显示时将该父节点所包含的子节点进行分页显示操作，分页数量为由字段pagenumber设置。在图2所示的示例中，还在web树组件中加入了控制分页的按钮，该按钮信息包括：图标、节点名称、下一页按钮，由此可以实现对分页加载的可视化控制。步骤s150生成web树组件的过程即为根据虚拟dom节点配置模板对各虚拟dom节点进行可视化的过程。
[0075]
作为上述web树组件自动生成方法的一种可选实施方式，第一配置信息和第二配置信息均为json(javascript object notation)格式的配置信息，json格式是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。
[0076]
在上述方案的实现过程中，采用json格式的配置信息，能够实现数据的高效传输，简化了web树组件的生成业务逻辑，提高了web树组件的生成效率，进而提高了网页渲染效率。
[0077]
本技术实施例提供了三个使用上述web树组件自动生成方法所生成的web树的示例，针对三个示例的描述如下：
[0078]
一、示例1
[0079]
请参见图2，示例1中的web树组件配置采用默认配置，根据待渲染数据新添加的节点，即a1-新添加m0～a1新添加m9，采用懒加载的方式加载。
[0080]
采用懒加载方式的配置方法为：
[0081]
(1)配置onexpandrequest:functon()字段，该字段包含了请求的地址以及请求的方式，上述web树组件自动生成方法获取到待渲染数据后自动拼接形成子节点，对比现有技术中需要重新编辑代码来实现数据懒加载的方式，上述web树组件自动生成方法不需要额外写方法处理数据，只需要配置对应信息即可，大大简化了业务逻辑；
[0082]
(2)配置父节点的children字段，这样可以表示此节点有子节点。
[0083]
二、示例2
[0084]
请参见图3，示例2为在示例1基础上实现分页加载，在示例2所配置字段的基础上，配置ispaging字段和pagenumber字段，同时还新添加一个控制进入下一页的按钮，按钮信息包括图标、节点和下一页按钮。用户点击某节点后，控制进行下一页的按钮中的节点信息调整为用户所点击的节点名称。
[0085]
三、示例3
[0086]
请参见图4，示例3示出了在示例2中若某节点无子节点或者所有子节点已经请求完成的情况的处理方式。当用户所点击的节点无子节点，或者该节点的所有子节点均已完成数据请求时，控制进入下一页的按钮中的节点信息调整为用户所点击的节点名称，但下一页按钮调整为禁止点击。
[0087]
需要指出，上述三个示例展示了上述web树组件自动生成方法的部分功能，并不是全部功能。
[0088]
上述web树组件自动生成方法可以应用在网页渲染场景中，针对该应用场景，本技术实施例提供一种网页渲染方法，包括：采用上述web树组件自动生成方法获取web树组件；基于web树组件，对网页进行数据渲染。
[0089]
需要指出，基于web树组件对网页进行数据渲染的方法为：
[0090]
获取利用上述web树组件自动生成方法所获取的web树组件与针对网页所抽象出的web树之间的差异；
[0091]
根据差异，对针对网页所抽象出的web树进行更新；
[0092]
根据更新后的针对网页所抽象出的web树，对网页进行数据渲染。
[0093]
需要指出，可以使用diff算法来获取web树之间的差异，可以使用patch算法对针对网页所抽象出的web树进行更新。diff算法和patch算法的详细内容请参见现有技术。
[0094]
在上述方案的实现过程中，采用可以同时进行懒加载和分页加载方式的web树组件自动生成方法，使得可以更高效率的生成web树组件，从而提高了数据渲染的效率。
[0095]
请参见图5，基于与上述web树组件自动生成方法相同的技术构思，本技术实施例还提供了一种web树组件自动生成装置200，包括：
[0096]
原数据和第一配置信息获取模块210，用于获取待渲染数据的原数据和第一配置信息；
[0097]
虚拟dom节点生成模块220，用于生成虚拟dom节点；
[0098]
虚拟dom节点配置模板生成模块230，用于基于所述原数据和所述第一配置信息生成虚拟dom节点配置模板；
[0099]
第二配置信息获取模块240，用于获取第二配置信息；所述第二配置信息包括节点是否进行懒加载和/或节点是否进行分页加载；
[0100]
第二配置信息加载模块250，用于将所述第二配置信息加入所述虚拟dom节点配置
模板；
[0101]
web树组件生成模块260，用于基于所述虚拟dom节点配置模板，生成web树组件。
[0102]
在上述方案的实现过程中，通过第二配置信息获取模块所获取的第二配置信息来配置节点是否进行懒加载以及是否进行节点分页，使得web树组件可以在内置代码层面同时实现懒加载以及节点分页加载，提高了节点渲染加载速度；同时，上述web树组件自动生成装置在内置代码层面即可实现节点分页加载，大大提高了树组件的生成效率，进而提高了数据渲染的效率。
[0103]
作为上述web树组件自动生成装置的一种可选实施方式，虚拟dom节点配置模板生成模块230基于所述原数据和所述第一配置信息生成虚拟dom节点配置模板，包括：基于所述第一配置信息，获取节点名称信息和节点类型信息；基于所述节点名称信息、所述节点类型信息以及所述原数据，生成虚拟dom节点基础模板；将所述第一配置信息中除所述节点名称信息和所述节点类型信息的其他配置信息加入所述虚拟dom节点基础模板，生成虚拟dom节点配置模板。
[0104]
在上述方案的实现过程中，通过自动生成虚拟dom节点配置模板的方式，为用户自定义web树组件提供基础，用户可以通过后续的第二配置信息对虚拟dom节点配置模板进行修改，实现对web树组件的灵活配置，提高了上述web树组件自动生成装置的可扩展性。
[0105]
作为上述web树组件自动生成装置的一种可选实施方式，第二配置信息加载模块250将所述第二配置信息加入所述虚拟dom节点配置模板，包括：基于第二配置信息，获取配置字段以及所述配置字段所对应的待配置节点名称；基于所述待配置节点名称，查找待配置节点；将所述配置字段加入所述待配置节点的所述虚拟dom节点配置模板。
[0106]
在上述方案的实现过程中，用户可以通过设置第二配置信息来对节点实现包括分页操作和懒加载操作在内的操作，实现对web树组件的灵活配置，大大提高了上述web树组件自动生成装置的web树生成效率。
[0107]
作为上述web树组件自动生成装置的一种可选实施方式，所述节点分页配置信息包括：节点是否开启分页配置信息，以及节点开启分页后每页数量配置信息。
[0108]
在上述方案的实现过程中，用户可以通过设置第二配置信息来对父节点实现分页操作，并且可以灵活配置每页所加载子节点的数量，实现对web树组件的灵活配置，提高了上述web树组件自动生成装置的可扩展性；同时，还可以同时实现懒加载与分页加载，大大提高了树组件的生成效率，进而提高了数据渲染的效率。
[0109]
作为上述web树组件自动生成装置的一种可选实施方式，所述第一配置信息和所述第二配置信息均为json格式的配置信息，json格式是一种轻量级的数据交换格式，易于阅读和编写，同时也易于机器解析和生成。
[0110]
在上述方案的实现过程中，采用json格式的配置信息，能够实现数据的高效传输，简化了web树组件的生成业务逻辑，提高了web树组件的生成效率，进而提高了网页渲染效率。
[0111]
作为上述web树组件自动生成装置的一种可选实施方式，所述第二配置信息为自定义配置信息，该自定义配置信息不局限于上述checkbox配置字段、cascadecheck配置、字段请求子节点的方式配置字段onexpandrequest、是否开启分页字段ispaging以及每个分页所加载的子节点数量配置字段pagenumber，还可以设置其他字段来实现对web树组件的
灵活配置，例如与请求相关的request字段，与初始化相关的onbeforeinit字段，与搜索相关的find字段，与展开节点相关的onexpand字段等。
[0112]
在上述方案的实现过程中，用户可以自定义配置信息来实现对web树组件的灵活配置，实现对web树组件的自主扩展，提高了上述web树组件自动生成装置的可扩展性；同时，上述web树组件自动生成装置采用配置字段的方式来对web树组件进行控制，用户无需重新编码代码来实现对web树组件的扩展，仅需修改对应节点的配置字段即可实现对该节点的控制，简化了web树组件的生成业务逻辑，大大提高了web树组件的生成效率，进而提高了网页渲染效率。
[0113]
图6为本技术实施例提供的一种电子设备的示意图。参照图6，电子设备300包括：处理器310、存储器320以及通信接口330，这些组件通过通信总线340和/或其他形式的连接机构(未示出)互连并相互通讯。
[0114]
其中，存储器320包括一个或多个(图中仅示出一个)，其可以是，但不限于，随机存取存储器(random access memory，简称ram)，只读存储器(read only memory，简称rom)，可编程只读存储器(programmable read-only memory，简称prom)，可擦除只读存储器(erasable programmable read-only memory，简称eprom)，电可擦除只读存储器(electric erasable programmable read-only memory，简称eeprom)等。处理器310以及其他可能的组件可对存储器320进行访问，读和/或写其中的数据。
[0115]
处理器310包括一个或多个(图中仅示出一个)，其可以是一种集成电路芯片，具有信号的处理能力。上述的处理器310可以是通用处理器，包括中央处理器(central processing unit，简称cpu)、微控制单元(micro controller unit，简称mcu)、网络处理器(network processor，简称np)或者其他常规处理器；还可以是专用处理器，包括数字信号处理器(digital signal processor,简称dsp)、专用集成电路(application specific integrated circuits，简称asic)、现场可编程门阵列(field programmable gate array，简称fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
[0116]
通信接口330包括一个或多个(图中仅示出一个)，可以用于和其他设备进行直接或间接地通信，以便进行数据的交互。例如，通信接口330可以是以太网接口；可以是移动通信网络接口，例如3g、4g、5g网络的接口；还是可以是具有数据收发功能的其他类型的接口。
[0117]
在存储器320中可以存储一个或多个计算机程序指令，处理器310可以读取并运行这些计算机程序指令，以实现本技术实施例提供的web树组件自动生成方法以及其他期望的功能。
[0118]
可以理解，图6所示的结构仅为示意，电子设备300还可以包括比图6中所示更多或者更少的组件，或者具有与图6所示不同的配置。图6中所示的各组件可以采用硬件、软件或其组合实现。例如，电子设备300可以是单台服务器(或其他具有运算处理能力的设备)、多台服务器的组合、大量服务器的集群等，并且，既可以是物理设备也可以是虚拟设备。
[0119]
本技术实施例还提供一种计算机可读存储介质，该计算机可读存储介质上存储有计算机程序指令，所述计算机程序指令被计算机的处理器读取并运行时，执行本技术实施例提供的web树组件自动生成方法。例如，计算机可读存储介质可以实现为图6中电子设备300中的存储器320。
[0120]
在本技术所提供的实施例中，应该理解到，所揭露装置和方法，可以通过其它的方
式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
[0121]
另外，作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
[0122]
再者，在本技术各个实施例中的各功能模块可以集成在一起形成一个独立的部分，也可以是各个模块单独存在，也可以两个或两个以上模块集成形成一个独立的部分。
[0123]
以上所述仅为本技术的实施例而已，并不用于限制本技术的保护范围，对于本领域的技术人员来说，本技术可以有各种更改和变化。凡在本技术的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本技术的保护范围之内。