一种页面编辑方法、装置、存储介质和电子设备与流程

1.本发明涉及网页设计技术领域，具体涉及一种页面编辑方法、装置、存储介质、电子设备和计算机程序产品。


背景技术：

2.现有的页面编辑界面过于单一，且页面编辑界面中往往包括专门为技术人员所设计的页面dom树结构展示区域，以便于技术人员在页面dom树结构展示区域执行相应的组件操作，例如，组件a的添加操作，或者是将组件b嵌套至组件c中的操作。
3.实际应用场景中，若面对的用户人群是非技术人员，由于非技术人员并不熟悉或者弄不清楚树状图上各个dom节点与页面效果展示区之间的对应关系，就无法直接使用针对技术人员所开发的上述页面编辑界面进行相应的组件嵌套操作或者组件添加操作。由于页面编辑界面并不友好，从而无法得到非技术人员的用户想要的网络页面编辑效果。


技术实现要素：

4.基于此，有必要针对基于现有的页面编辑界面并不友好，非技术人员无法在页面编辑界面上直接进行组件嵌套操作或组件添加操作的问题，提供一种页面编辑方法、装置、存储介质、电子设备和计算机程序产品。
5.第一方面，本公开实施例提供了一种页面编辑方法，包括：
6.在页面效果展示区中还没有添加任何组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至所述页面效果展示区，将该目标组件添加在当前编辑的页面中并在所述页面效果展示区渲染出该目标组件；和/或
7.在所述页面效果展示区中已有至少一个第一组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至所述页面效果展示区中的一个组件上，将该目标组件嵌套在该组件中并在所述页面效果展示区渲染出该目标组件，或者响应于检测到组件列表区中的目标组件被拖拽至所述页面效果展示区中的空白区域上，将该目标组件添加在当前编辑的页面中并在所述页面效果展示区渲染出该目标组件。
8.在一种实施方式中，根据被拖拽至所述页面效果展示区中的目标组件是否触发了对应组件绑定的鼠标离开事件，确定该目标组件是被拖拽至所述页面效果展示区中的一个组件上还是空白区域上。
9.在一种实施方式中，还包括：针对当前编辑界面中的至少一个第二组件，
10.响应于所述至少一个第二组件中的一个组件被拖拽至所述至少一个第二组件中的另一个组件上且被拖拽组件在横轴方向上的移动距离小于或等于设定阈值，将被拖拽组件从原位置调整到该另一个组件之后的位置上，并重新渲染所述页面效果展示区。
11.在一种实施方式中，还包括：针对当前编辑界面中的至少一个第二组件，
12.响应于所述至少一个第二组件中的一个组件被拖拽至所述至少一个第二组件中的另一个组件上且被拖拽组件在横轴方向上的移动距离大于设定阈值，将被拖拽组件嵌套
在该另一个组件上，并重新渲染所述页面效果展示区。
13.在一种实施方式中，还包括：针对当前编辑界面中的至少一个第二组件，
14.响应于所述至少一个第二组件中的一个组件被触发，展示与该组件关联的组件复制控件和/或组件删除控件，其中，
15.通过触发所述组件复制控件可在当前编辑界面中实现对该组件的复制；
16.通过触发所述组件删除控件可在当前编辑界面中实现对该组件及其嵌套的子组件的删除。
17.在一种实施方式中，展示与该组件关联的组件复制控件和/或组件删除控件，包括以下至少之一：
18.在所述页面效果展示区中该组件所在位置的周边展示与该组件关联的组件复制控件和/或组件删除控件；
19.在页面设置区中与该组件对应的位置展示与该组件关联的组件复制控件和/或组件删除控件。
20.第二方面，本公开实施例提供了一种页面编辑装置，包括：
21.第一渲染单元，用于在页面效果展示区中还没有添加任何组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至所述页面效果展示区，将该目标组件添加在当前编辑的页面中并在所述页面效果展示区渲染出该目标组件；和/或
22.第二渲染单元，用于在所述页面效果展示区中已有至少一个第一组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至所述页面效果展示区中的一个组件上，将该目标组件嵌套在该组件中并在所述页面效果展示区渲染出该目标组件，或者响应于检测到组件列表区中的目标组件被拖拽至所述页面效果展示区中的空白区域上，将该目标组件添加在当前编辑的页面中并在所述页面效果展示区渲染出该目标组件。
23.第三方面，本公开实施例提供一种电子设备，所述电子设备包括：
24.处理器；
25.用于存储所述处理器可执行指令的存储器；
26.所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述可执行指令以实现上述的方法步骤。
27.第四方面，本公开实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序用于执行上述的方法步骤。
28.第五方面，本公开实施例提供一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现上述的方法步骤。
29.在本公开实施例中，在页面效果展示区中还没有添加任何组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件；和/或在页面效果展示区中已有至少一个第一组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的一个组件上，将该目标组件嵌套在该组件中并在页面效果展示区渲染出该目标组件，或者响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的空白区域上，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件。本公开实施例提供的页面编辑方法，由于引入了页面效果展示区，对于非技术人员的目标用户而言，可以
通过拖拽目标组件至页面效果展示区的特定位置，实现对目标组件的嵌套操作或对目标组件的添加操作，并在页面效果展示区渲染出该目标组件；从而使得页面编辑界面变得友好，也得到非技术人员的目标用户想要的网络页面编辑效果。
附图说明
30.通过参考下面的附图，可以更为完整地理解本发明的示例性实施方式。附图用来提供对本公开实施例的进一步理解，并且构成说明书的一部分，与本公开实施例一起用于解释本发明，并不构成对本发明的限制。在附图中，相同的参考标号通常代表相同部件或步骤。
31.图1为根据本公开一示例性实施例提供的页面的编辑方法的流程图；
32.图2为根据本公开一示例性实施例提供的具体应用场景下的对组件执行删除操作的示意图；
33.图3为根据本公开一示例性实施例提供的具体应用场景下的对被拖拽组件执行嵌套或调序操作的示意图；
34.图4为根据本公开一示例性实施例提供的具体应用场景下的添加任一组件的数据结构示意图；
35.图5为根据本公开一示例性实施例提供的具体应用场景下的组件及其子组件的数据结构示意图；
36.图6为根据本公开一示例性实施例提供的具体应用场景下的页面编辑方法的流程图；
37.图7为根据本公开一示例性实施例提供的页面编辑方法所采用的页面编辑界面的示意图；
38.图8为根据本公开一示例性实施例提供的页面的编辑装置800的结构示意图；
39.图9示出了本公开一示例性实施例提供的一种电子设备的示意图；
40.图10示出了本公开一示例性实施例提供的一种计算机可读介质的示意图。
具体实施方式
41.下面将参照附图更详细地描述本公开的示例性实施方式。虽然附图中显示了本公开的示例性实施方式，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
42.需要注意的是，除非另有说明，本技术使用的技术术语或者科学术语应当为本技术所属领域技术人员所理解的通常意义。
43.另外，术语“第一”和“第二”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、系统、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
44.请参考图1，其示出了本公开的一些实施方式所提供的一种页面编辑方法的流程
图，如图1所示，页面编辑方法可以包括以下步骤：
45.步骤s101：在页面效果展示区中还没有添加任何组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件；和/或
46.步骤s102：在页面效果展示区中已有至少一个第一组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的一个组件上，将该目标组件嵌套在该组件中并在页面效果展示区渲染出该目标组件，或者响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的空白区域上，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件。
47.在一种可能的实现方式中，根据被拖拽至页面效果展示区中的目标组件是否触发了对应组件绑定的鼠标离开事件，确定该目标组件是被拖拽至页面效果展示区中的一个组件上还是空白区域上。
48.在实际应用场景中，若页面效果展示区没有添加任何组件，那么正在被拖拽的组件默认添加到页面上，并同时给每一个新增的组件绑定鼠标进入和离开事件(用于后续监听组件间的交互事件)；如果页面已添加了a、b两个组件，将正在被拖拽的组件拖拽到b组件上并松开鼠标，此时会触发b组件已绑定的鼠标离开事件，在鼠标离开事件回调函数中，就可以获取到被拖拽的组件是在哪一个组件上结束拖拽的，对应的就可以将拖拽的组件添加到b组件中。反之，如果没有检测到触发鼠标离开事件，则通过拖拽目标组件的操作，往页面上添加被拖拽的目标组件。
49.在一种可能的实现方式中，本公开实施例提供的页面编辑方法还包括以下步骤：针对当前编辑界面中的至少一个第二组件，响应于至少一个第二组件中的一个组件被拖拽至至少一个第二组件中的另一个组件上且被拖拽组件在横轴方向上的移动距离小于或等于设定阈值，将被拖拽组件从原位置调整到该另一个组件之后的位置上，并重新渲染页面效果展示区。
50.在实际应用场景中，可以根据不同对上述设定阈值进行调整，在此对设定阈值不做具体限制。
51.在一种可能的实现方式中，本公开实施例提供的页面编辑方法还包括以下步骤：
52.针对当前编辑界面中的至少一个第二组件，
53.响应于至少一个第二组件中的一个组件被触发，展示与该组件关联的组件复制控件和/或组件删除控件，其中，
54.通过触发组件复制控件可在当前编辑界面中实现对该组件的复制；
55.通过触发组件删除控件可在当前编辑界面中实现对该组件及其嵌套的子组件的删除。
56.如图2所示，为根据本公开一示例性实施例提供的具体应用场景下的对组件执行删除操作的示意图。
57.正如图2所示，通过如图2所示的组件删除控件，可在当前编辑界面中实现对组件a及该组件a嵌套的子组件b和子组件c的删除，最终，在页面效果展示区展示出的组件从上到下依次为组件d、组件e和组件f。
58.在一种可能的实现方式中，展示与该组件关联的组件复制控件和/或组件删除控
件，包括以下至少之一：
59.在页面效果展示区中该组件所在位置的周边展示与该组件关联的组件复制控件和/或组件删除控件；
60.在页面设置区中与该组件对应的位置展示与该组件关联的组件复制控件和/或组件删除控件。
61.在一种可能的实现方式中，本公开实施例提供的页面编辑方法还包括以下步骤：
62.针对当前编辑界面中的至少一个第二组件，
63.响应于至少一个第二组件中的一个组件被拖拽至至少一个第二组件中的另一个组件上且被拖拽组件在横轴方向上的移动距离大于设定阈值，将被拖拽组件嵌套在该另一个组件上，并重新渲染页面效果展示区。
64.在实际应用场景中，可以根据不同对上述设定阈值进行调整，在此对设定阈值不做具体限制。
65.如图3所示，为根据本公开一示例性实施例提供的具体应用场景下的对被拖拽组件执行嵌套或调序操作的示意图。
66.正如图3所示，假定在页面效果展示区，针对任意被拖拽组件的拖拽操作，均可以将拖拽方向v分解为横轴x轴方向和垂直y轴方向。获取被拖拽c组件在横轴x轴方向上的移动距离，并判断被拖拽c组件在横轴x轴方向上的移动距离是否大于设定阈值，若判断被拖拽c组件在横轴x轴方向上的移动距离是否大于设定阈值时，则将被拖拽c组件嵌套在a组件上，并重新渲染页面效果展示区；反之，若判断被拖拽c组件在横轴x轴方向上的移动距离小于或等于设定阈值时，则将被拖拽c组件从原位置放置在a组件前面，调整后的组件从上至下依次为c组件、b组件、c组件和d组件。
67.如图4所示，为根据本公开一示例性实施例提供的具体应用场景下的添加任一组件的数据结构示意图。
68.在实际应用场景中，针对本公开实施例提供的页面编辑方法所采用的页面编辑界面，在该页面编辑界面添加的任一组件，均有固定的数据结构进行表示。
69.正如图4所示，每个开发的组件均至少包括如下关键属性，具体包括：
70.当前任一组件的组件类型；
71.当前任一组件的唯一标识；
72.当前任一组件所包括的所有子组件的属性；
73.当前任一组件的组件配置类参数。
74.如图5所示，为根据本公开一示例性实施例提供的具体应用场景下的组件及其子组件的数据结构示意图。
75.根据如图5所示的数据结构示意图可知，c组件包括的子组件为子组件a，其它关键属性跟前述如图4所示的关键属性类似，在此不再赘述。
76.在实际应用场景中，在对包括目标组件的多个组件执行调序操作的情况下，需要对组件数据列表进行更新，得到更新后的组件数据列表，并根据该更新后的组件数据列表在页面效果展示区进行重新渲染处理，最终在页面效果展示区渲染出对应的调序后的包括目标组件的各个组件。
77.示例性地，在对目标组件执行删除该目标组件或删除该目标组件的任一子组件或
删除该目标组件及其所有子组件的情况下，需要对组件数据列表进行更新，得到更新后的组件数据列表，并根据该更新后的组件数据列表在页面效果展示区进行重新渲染处理，并在页面效果展示区展示渲染后的组件。
78.示例性地，在对目标组件执行复制该目标组件或复制该目标组件的任一子组件或复制该目标组件及其所有子组件的情况下，需要对组件数据列表进行更新，得到更新后的组件数据列表，并根据该更新后的组件数据列表在页面效果展示区进行重新渲染处理，并在页面效果展示区展示渲染后的组件。
79.如图6所示，为根据本公开一示例性实施例提供的具体应用场景下的页面编辑方法的流程图。
80.基于如图6所示的页面编辑方法与前述页面编辑方法类似，参见前述相同或相似部分的描述，在此不再赘述。
81.如图7所示，为根据本公开一示例性实施例提供的页面编辑方法所采用的页面编辑界面的示意图。
82.如图7所示，示出了本公开一示例性实施例提供的页面编辑方法所采用的页面编辑界面，如图7所示的网页编辑界面，包括：组件列表区、网页dom树结构区、网页效果展示区和页面设置区。
83.除了如图7所示的上述区域之外，网页编辑界面还包括dom树显示控件和dom树隐藏控件。在实际应用场景中，dom树隐藏控件和dom树显示控件可以为同一控件的两个不同状态。示例性的，dom树显示控件和dom树隐藏控件可以用如图7所示的控件表示，其中，图7中控件的当前状态可以表示dom树隐藏控件。例如，如图7所示的应用场景下，通过触控如图7所示的左侧控件(此时该控件为dom树隐藏控件)，可将网页编辑界面中显示的网页dom树结构区隐藏起来；再者，通过再次触控该控件(此时该控件为dom树显示控件)，就可以将已隐藏的网页dom树结构区展示成如图7所示的样子。
84.在其他实施例中，dom树隐藏控件和dom树显示控件也可以是两个不同的控件。
85.通过触控dom树隐藏控件，可隐藏网页编辑界面中展示的网页dom树结构区；
86.通过触控dom树显示控件，可显示网页编辑界面中隐藏的网页dom树结构区；
87.网页dom树结构区在隐藏状态下，网页效果展示区用于通过组件操作和组件列表区提供的组件实现网页编辑；以及
88.网页dom树结构区在显示状态下，网页dom树结构区和/或网页效果展示区用于通过组件操作和组件列表区提供的组件实现网页编辑。
89.本公开实施例提供的网页编辑界面还包括页面设置隐藏控件和页面设置显示控件。在实际应用场景中，页面设置隐藏控件和页面设置显示控件也可以为同一控件的两个不同状态。示例性的，页面设置隐藏控件和页面设置显示控件可以通过如图7所示的控件2表示，其中，图7中控件的当前状态可以表示页面设置隐藏控件。例如，如图7所示的应用场景下，通过触控如图7所示的右侧控件2(此时该控件2为页面设置隐藏控件)，可将网页编辑界面中显示的页面设置区隐藏起来；通过再次触控如图7所示的右侧控件2(此时该控件2为页面设置显示控件)，就可以将如图2所示的已隐藏的页面设置区重新展示出来。
90.通过触控页面设置隐藏控件，可隐藏网页编辑界面中展示的页面设置区；
91.通过触控页面设置显示控件，可显示网页编辑界面中隐藏的页面设置区；
92.页面设置区在显示状态下，用于通过组件编辑操作对网页dom树结构区中各组件节点对应的组件和/或网页效果展示区中展示的组件进行组件样式和组件参数配置。
93.在本公开实施例中，在页面效果展示区中还没有添加任何组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件；和/或在页面效果展示区中已有至少一个第一组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的一个组件上，将该目标组件嵌套在该组件中并在页面效果展示区渲染出该目标组件，或者响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的空白区域上，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件。本公开实施例提供的页面编辑方法，由于引入了页面效果展示区，对于非技术人员的目标用户而言，可以通过拖拽目标组件至页面效果展示区的特定位置，实现对目标组件的嵌套操作或对目标组件的添加操作，并在页面效果展示区渲染出该目标组件；从而使得页面编辑界面变得友好，也得到非技术人员的目标用户想要的网络页面编辑效果。
94.在上述的实施例中，提供了一种页面编辑方法，与之相对应的，本技术还提供一种页面编辑装置。本公开实施例提供的页面编辑装置可以实施上述页面编辑方法，该页面编辑装置可以通过软件、硬件或软硬结合的方式来实现。例如，该页面编辑装置可以包括集成的或分开的功能模块或单元来执行上述各方法中的对应步骤。
95.请参考图8，其示出了本技术的一些实施方式所提供的一种页面编辑装置的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
96.如图8所示，页面编辑装置800可以包括：
97.第一渲染单元801，用于在页面效果展示区中还没有添加任何组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件；和/或
98.第二渲染单元802，用于在页面效果展示区中已有至少一个第一组件的情况下，响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的一个组件上，将该目标组件嵌套在该组件中并在页面效果展示区渲染出该目标组件，或者响应于检测到组件列表区中的目标组件被拖拽至页面效果展示区中的空白区域上，将该目标组件添加在当前编辑的页面中并在页面效果展示区渲染出该目标组件。
99.在本公开实施例的一些实施方式中，所述装置800，还可以包括：
100.确定单元(在图8中未示出)，用于根据被拖拽至页面效果展示区中的目标组件是否触发了对应组件绑定的鼠标离开事件，确定该目标组件是被拖拽至页面效果展示区中的一个组件上还是空白区域上。
101.在本公开实施例的一些实施方式中，所述装置800，还可以包括：
102.调整及渲染单元(在图8中未示出)，用于针对当前编辑界面中的至少一个第二组件，响应于至少一个第二组件中的一个组件被拖拽至至少一个第二组件中的另一个组件上且被拖拽组件在横轴方向上的移动距离小于或等于设定阈值，将被拖拽组件从原位置调整到该另一个组件之后的位置上，并重新渲染页面效果展示区。
103.在本公开实施例的一些实施方式中，所述装置800，还可以包括：
104.嵌套及渲染单元(在图8中未示出)，用于针对当前编辑界面中的至少一个第二组件，响应于至少一个第二组件中的一个组件被拖拽至至少一个第二组件中的另一个组件上且被拖拽组件在横轴方向上的移动距离大于设定阈值，将被拖拽组件嵌套在该另一个组件上，并重新渲染页面效果展示区。
105.在本公开实施例的一些实施方式中，所述装置800，还可以包括：
106.展示单元(在图8中未示出)，用于针对当前编辑界面中的至少一个第二组件，响应于至少一个第二组件中的一个组件被触发，展示与该组件关联的组件复制控件和/或组件删除控件，其中，
107.通过触发组件复制控件可在当前编辑界面中实现对该组件的复制；
108.通过触发组件删除控件可在当前编辑界面中实现对该组件及其嵌套的子组件的删除。
109.在本公开实施例的一些实施方式中，展示单元具体用于：
110.在页面效果展示区中该组件所在位置的周边展示与该组件关联的组件复制控件和/或组件删除控件；
111.在页面设置区中与该组件对应的位置展示与该组件关联的组件复制控件和/或组件删除控件。
112.在本公开实施例的一些实施方式中本公开实施例提供的页面编辑装置800，与本技术前述实施例提供的页面编辑方法出于相同的发明构思，具有相同的有益效果。
113.本技术实施方式还提供一种与前述实施方式所提供的页面编辑方法对应的电子设备，所述电子设备可以是用于服务端的电子设备，例如服务器，包括独立的服务器和分布式服务器集群等，以执行上述页面编辑方法；所述电子设备也可以是用于客户端的电子设备，例如手机、笔记本电脑、平板电脑、台式机电脑等，以执行上述页面编辑方法。
114.请参考图9，其示出了本技术的一些实施方式所提供的一种电子设备的示意图。如图9所示，所述电子设备90包括：处理器900，存储器901，总线902和通信接口903，所述处理器900、通信接口903和存储器901通过总线902连接；所述存储器901中存储有可在所述处理器900上运行的计算机程序，所述处理器900运行所述计算机程序时执行本技术前述页面编辑方法。
115.其中，存储器901可能包含高速随机存取存储器(ram：random access memory)，也可能还包括非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个通信接口903(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网、广域网、本地网、城域网等。
116.总线902可以是isa总线、pci总线或eisa总线等。所述总线可以分为地址总线、数据总线、控制总线等。其中，存储器901用于存储程序，所述处理器900在接收到执行指令后，执行所述程序，前述本公开实施例任一实施方式揭示的页面编辑方法可以应用于处理器900中，或者由处理器900实现。
117.处理器900可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器900中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器900可以是通用处理器，包括中央处理器(central processing unit，简称cpu)、网络处理器(network processor，简称np)等；还可以是数字信号处理器(dsp)、专用
集成电路(asic)、现成可编程门阵列(fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本公开实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本公开实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器901，处理器900读取存储器901中的信息，结合其硬件完成上述方法的步骤。
118.本公开实施例提供的电子设备与本公开实施例提供的页面编辑方法出于相同的发明构思，具有与其采用、运行或实现的方法相同的有益效果。
119.本技术实施方式还提供一种与前述实施方式所提供的页面编辑方法对应的计算机可读介质，请参考图10，其示出的计算机可读存储介质为光盘50，其上存储有计算机程序(即程序产品)，所述计算机程序在被处理器运行时，会执行前述页面编辑方法。
120.需要说明的是，所述计算机可读存储介质的例子还可以包括，但不限于相变内存(pram)、静态随机存取存储器(sram)、动态随机存取存储器(dram)、其他类型的随机存取存储器(ram)、只读存储器(rom)、电可擦除可编程只读存储器(eeprom)、快闪记忆体或其他光学、磁性存储介质，在此不再一一赘述。
121.本技术的上述实施例提供的计算机可读存储介质与本公开实施例提供的页面编辑方法出于相同的发明构思，具有与其存储的应用程序所采用、运行或实现的方法相同的有益效果。
122.需要说明的是，附图中的流程图和框图显示了根据本技术的多个实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
123.所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
124.在本技术所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
125.所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个
网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
126.另外，在本技术各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
127.所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本技术的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本技术各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-only memory)、随机存取存储器(ram，random access memory)、磁碟或者光盘等各种可以存储程序代码的介质。
128.最后应说明的是：以上各实施例仅用以说明本技术的技术方案，而非对其限制；尽管参照前述各实施例对本技术进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本技术各实施例技术方案的范围，其均应涵盖在本技术的权利要求和说明书的范围当中。