CN107562465A - 控件展示的方法、装置和存储介质以及电子设备 - Google Patents

Abstract

本公开涉及一种控件展示的方法、装置和存储介质以及电子设备，该方法包括：接收控件局部展示指令，根据该控件局部展示指令从控件目录中获取全部控件的标识信息，获取该标识信息对应的控件信息，并将该控件信息缓存至缓存区域，获取用户从该控件目录中选定的目标控件的目标标识，从该缓存区域中获取该目标标识对应的目标控件信息，根据该目标控件信息在页面展示区域展示该目标控件，这样，设计人员可以从控件目录中选择目标控件，并从展示的目标控件中快速查找到需要编辑的控件，避免了在页面展示区域展示的全部控件中逐个查找需要编辑的控件，进而节约了查找时间，并提高了查找效率。

Description

控件展示的方法、装置和存储介质以及电子设备

技术领域

本公开涉及互联网技术领域，具体地，涉及一种控件展示的方法、装置和存储介质以及电子设备。

背景技术

随着互联网技术的快速发展，上网浏览信息已成为日常生活的一部分，为了吸引到更多的用户浏览网站的页面，设计人员可以根据用户的需求不断对页面进行编排和布局，在相关技术中，可以通过开发工具进行开发语言的编译和运行以完成上述页面的开发，例如，Microsoft.NET的IDE(集成开发环境，Integrated Development Environment)可以包括Visual Studio，Java的IDE可以包括Eclipse和IntelliJ IDEA，并且在不同的开发工具中都存在页面设计工具(如画板、控件库、属性视图以及大纲视图等)，从而使得设计人员可通过页面设计工具完成页面可视化的开发。

现有技术中，设计人员在进行页面设计时，可以将控件库中的控件拖放至画板中，此时，若设计人员需要对某个控件进行编辑，需要在画板展示的全部控件中逐个寻找需要编辑的控件，但是，若画板中的控件较多以及控件层级较深，各个控件之间可能会有重叠或者遮盖，因此，设计人员需要耗费大量时间寻找需要编辑的控件，从而降低了查找效率。

发明内容

为了解决上述问题，本公开提出了一种控件展示的方法、装置和存储介质以及电子设备。

根据本公开的第一方面，提供一种控件展示的方法，所述方法包括：接收控件局部展示指令；根据所述控件局部展示指令从控件目录中获取全部控件的标识信息；获取所述标识信息对应的控件信息，并将所述控件信息缓存至缓存区域；获取用户从所述控件目录中选定的目标控件的目标标识；从所述缓存区域中获取所述目标标识对应的目标控件信息；根据所述目标控件信息在页面展示区域展示所述目标控件。

可选地，在所述根据所述目标控件信息在页面展示区域展示所述目标控件后，还包括：接收用户对所述目标控件的编辑操作；根据所述编辑操作对所述目标控件进行编辑；根据编辑后的目标控件更新所述全部控件，并通过所述页面展示区域展示更新后的全部控件。

可选地，在所述通过所述页面展示区域展示更新后的全部控件后，还包括：清空所述缓存区域。

可选地，所述根据所述目标控件信息在页面展示区域展示所述目标控件包括：确定所述目标控件在所述页面展示区域的展示参数；根据所述展示参数和所述目标控件信息在所述页面展示区域展示所述目标控件。

根据本公开的第二方面，提供一种控件展示的装置，所述装置包括：第一接收模块，用于接收控件局部展示指令；第一获取模块，用于根据所述控件局部展示指令从控件目录中获取全部控件的标识信息；第二获取模块，用于获取所述标识信息对应的控件信息；缓存模块，用于将所述控件信息缓存至缓存区域；第三获取模块，用于获取用户从所述控件目录中选定的目标控件的目标标识；第四获取模块，用于从所述缓存区域中获取所述目标标识对应的目标控件信息；第一展示模块，用于根据所述目标控件信息在页面展示区域展示所述目标控件。

可选地，还包括：第二接收模块，用于接收用户对所述目标控件的编辑操作；编辑模块，用于根据所述编辑操作对所述目标控件进行编辑；更新模块，用于根据编辑后的目标控件更新所述全部控件；第二展示模块，用于通过所述页面展示区域展示更新后的全部控件。

可选地，还包括：清空模块，用于清空所述缓存区域。

可选地，所述第一展示模块包括：确定子模块，用于确定所述目标控件在所述页面展示区域的展示参数；展示子模块，用于根据所述展示参数和所述目标控件信息在所述页面展示区域展示所述目标控件。

根据本公开的第三方面，提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述第一方面所述方法的步骤。

根据本公开的第四方面，提供一种电子设备，包括：上述第三方面中所述的计算机可读存储介质；以及一个或者多个处理器，用于执行所述计算机可读存储介质中的程序。

通过上述技术方案，接收控件局部展示指令，根据所述控件局部展示指令从控件目录中获取全部控件的标识信息，获取所述标识信息对应的控件信息，并将所述控件信息缓存至缓存区域，获取用户从所述控件目录中选定的目标控件的目标标识，从所述缓存区域中获取所述目标标识对应的目标控件信息，根据所述目标控件信息在页面展示区域展示所述目标控件，这样，设计人员可以从控件目录中选择目标控件，并从展示的目标控件中快速查找到需要编辑的控件，避免了在页面展示区域展示的全部控件中逐个查找需要编辑的控件，进而节约了查找时间，并提高了查找效率。

本公开的其他特征和优点将在随后的具体实施方式部分予以详细说明。

附图说明

附图是用来提供对本公开的进一步理解，并且构成说明书的一部分，与下面的具体实施方式一起用于解释本公开，但并不构成对本公开的限制。在附图中：

图1是根据示例性实施例示出的一种控件展示的方法的流程图；

图2是根据示例性实施例示出的又一种控件展示的方法的流程图；

图3是根据示例性实施例示出的第一种控件展示的装置的框图；

图4是根据示例性实施例示出的第二种控件展示的装置的框图；

图5是根据示例性实施例示出的第三种控件展示的装置的框图；

图6是根据示例性实施例示出的第四种控件展示的装置的框图；

图7是根据示例性实施例示出的一种电子设备的框图。

具体实施方式

以下结合附图对本公开的具体实施方式进行详细说明。应当理解的是，此处所描述的具体实施方式仅用于说明和解释本公开，并不用于限制本公开。

本公开可以应用于设计页面的场景，在该场景下，可以通过开发工具进行开发语言的编译和运行，例如，Microsoft.NET的IDE(集成开发环境，Integrated DevelopmentEnvironment)可以包括Visual Studio，Java的IDE可以包括Eclipse和IntelliJ IDEA，在不同的开发工具中，都会提供页面设计工具，如控件库、画板(相当于本公开中的页面展示区域)、属性视图以及大纲视图等，其中，控件库中配置有基本控件(如按钮、文本框、数字框和日期框等)、容器控件(如tab容器、标题容器、向导容器和弹出框容器等)以及模式控件(如生成上述控件组合的模式向导)，使得设计人员在进行页面设计时可以从控件库中选择控件并将该控件拖放至页面展示区域中，通过属性视图给该控件设置属性(如宽度或高度等)或者编辑事件脚本，且可以通过大纲视图概览该控件的层级结构和显示顺序等，并且在大纲视图中展示有控件目录，这样，通过采用上述页面设计工具即可完成页面可视化的开发，另外，页面布局主要分为两种：一种是以像素为基准的布局；另一种是以百分比为基准的布局，在以像素为基准进行布局的情况下，若控件的像素满足页面展示区域的像素，则可以直接在该页面展示区域中展示该控件，若该控件的像素不满足页面展示区域的像素，则需要滑动滚动条以向设计人员展示完整的控件，示例地，若页面展示区域的像素为500×500，则当控件的像素为200×200时，可以在该页面展示区域中展示该控件，当控件的像素为1000×1000时，由于该页面展示区域无法将该完整的控件进行展示，因此，需要通过滑动滚动条以向设计人员展示该完整的控件，而在以百分比为基准进行布局的情况下，可以设置控件占据所在容器的百分比，从而获取到该控件相对于该容器的面积，例如，若按钮设置在容器M中，当确定按钮占据该容器M的百分比为50％时，则可以确定按钮占据容器M中50％的区域，这样，可以按照上述页面布局进行页面设计，此时，若设计人员需要对某个控件进行编辑，需要在页面展示区域展示的全部控件中逐个查找需要编辑的控件，但是，若页面展示区域中的控件较多以及控件层级较深，则各个控件之间可能会有重叠或者遮盖，因此，设计人员需要耗费大量时间寻找需要编辑的控件，从而降低了查找效率。

为了解决上述问题，本公开提出了一种控件展示的方法、装置和存储介质以及电子设备，可以在接收到控件局部展示指令时将控件目录中的全部控件的控件信息缓存至缓存区域，并获取用户从该控件目录中选定的目标控件的目标标识，从缓存区域中获取该目标标识对应的目标控件信息，并根据该目标控件信息在页面展示区域中展示目标控件，这样，设计人员可以从控件目录中选择目标控件，并从展示的目标控件中快速查找到需要编辑的控件，避免了在页面展示区域展示的全部控件中逐个查找需要编辑的控件，进而节约了查找时间，并提高了查找效率。

以下将结合具体的实施例对本公开进行详细说明。

图1是示例性实施例示出的一种控件展示的方法的流程图，如图1所示，该方法包括：

S101、接收控件局部展示指令。

其中，该控件局部展示指令可以包括按钮的触发操作，示例地，可以在大纲视图中设置有局部模式图标，若确定用户点击该局部模式图标，则接收到该控件局部展示指令；当然，该控件局部展示指令还可以包括其他快捷键的触发操作，如若确定用户右键点击控件目录中的控件标识，则接收到该控件局部展示指令，上述示例只是举例说明，本公开对此不作限定。

S102、根据该控件局部展示指令从控件目录中获取全部控件的标识信息。

在本步骤中，该控件目录可以包括设计人员从控件库中拖入页面展示区域的全部控件的列表，该标识信息可以包括该全部控件的名称或者图标，上述示例只是举例说明，本公开对此不作限定。

S103、获取该标识信息对应的控件信息，并将该控件信息缓存至缓存区域。

示例地，该控件信息可以包括控件的类型(如按钮、文本框、数字框和日期框等)、属性(如宽度或高度等尺寸)、事件脚本(如按钮的点击事件，按钮的进入事件以及鼠标的滑动事件等)、显示顺序和层级关系等。

在本公开中，该缓存区域可以是预先设置的内存空间。

S104、获取用户从该控件目录中选定的目标控件的目标标识。

其中，该目标标识用于表示该目标控件。

S105、从该缓冲区域中获取该目标标识对应的目标控件信息。

示例地，该目标控件信息可以包括该目标控件的类型、属性、事件脚本、以及显示顺序和层级关系等，上述示例只是举例说明，本公开对此不作限定。

S106、根据该目标控件信息在页面展示区域展示该目标控件。

采用上述方法，设计人员可以从控件目录中选择目标控件，并从展示的目标控件中快速查找到需要编辑的控件，避免了在页面展示区域展示的全部控件中逐个查找需要编辑的控件，进而节约了查找时间，并提高了查找效率。

图2是示例性实施例示出的一种控件展示的方法的流程图，如图2所示，该方法包括：

S201、接收控件局部展示指令。

其中，该控件局部展示指令可以包括按钮的触发操作，示例地，可以在大纲视图中设置有局部模式图标，若确定用户点击该局部模式图标，则接收到该控件局部展示指令；当然，该控件局部展示指令还可以包括其他快捷键的触发操作，如若确定用户右键点击控件目录中的控件标识，则接收到该控件局部展示指令，上述示例只是举例说明，本公开对此不作限定。

S202、根据该控件局部展示指令从控件目录中获取全部控件的标识信息。

在本步骤中，该控件目录可以包括设计人员从控件库中拖入页面展示区域的所有控件的列表，该标识信息可以包括该全部控件的名称或者图标，上述示例只是举例说明，本公开对此不作限定。

S203、获取该标识信息对应的控件信息。

示例地，该控件信息可以包括控件的类型(如按钮、文本框、数字框和日期框等)、属性(如目标控件的宽度或高度等尺寸)、事件脚本(如按钮的点击事件，按钮的进入事件以及鼠标的滑动事件等)、显示顺序、层级关系等。

S204、将该控件信息缓存至缓存区域。

在本公开中，该缓存区域可以是预先设置的内存空间。

S205、获取用户从该控件目录中选定的目标控件的目标标识。

在本实施例中，该目标标识用于表示该目标控件。

示例地，若控件目录包括A、B和C三个子目录，且子目录A包括a1、a2和a3，子目录B包括b1和b2，子目录C包括c1、c2、c3和c4，则当用户点击子目录A时，则可以确定该目标标识即为A，上述示例只是举例说明，本公开对此不作限定。

S206、从该缓存区域中获取该目标标识对应的目标控件信息。

其中，该目标控件信息可以包括目标控件的类型、属性、事件脚本、显示顺序和层级关系等，示例地，以上述目标标识包括A为例进行说明，当子目录A包括a1、a2和a3时，该目标控件信息可以是a1、a2和a3的类型、属性、事件脚本、显示顺序和层级关系等，上述示例只是举例说明，本公开对此不作限定。

S207、确定该目标控件在该页面展示区域的展示参数。

在以像素为基准进行布局的情况下，该展示参数可以为该目标控件的像素，例如，该目标控件的像素为200×200时，则对应的展示参数包括像素为200×200；在以百分比为基准进行布局的情况下，该展示参数可以为该目标控件占据该目标控件所在容器的百分比，并将该百分比作为该目标控件占据该页面展示区域的比例系数以进行放大展示，例如，若按钮设置在容器M中，当确定按钮占据该容器M的百分比为50％时，则将50％作为该按钮占据该页面展示区域的比例系数，即可以在该页面展示区域中50％的区域放大展示该按钮，上述示例只是举例说明，本公开对此不作限定。

S208、根据该展示参数和该目标控件信息在该页面展示区域展示该目标控件。

继续以上述目标标识包括A为例进行说明，当子目录A包括a1、a2和a3时，则展示的目标控件可以包括a1、a2和a3，这样，该页面展示区域不再展示该全部控件，而是根据上述的展示参数只将该目标控件进行展示，即该页面展示区域中只展示有该目标控件，进而设计人员可以从该目标控件中获取需要编辑的控件，无需在画板展示的全部控件中逐个寻找需要编辑的控件，从而提升了用户的视觉体验。

需要说明的是，通过上述方法，可以在控件较多和控件层级较深时，单独将目标控件展示在页面展示区域上，从而使得用户可以对该目标控件进行编辑操作，避免了相关技术中由于查找不到该目标控件而导致无法对目标控件编辑的情况，且若展示的目标控件中的子控件仍较多以及子控件层级仍较深，则该子控件之间可能仍存在重叠或者遮挡，为了解决这个问题，在一种可能的实现方式中，可以继续获取该目标控件中的目标子控件，并根据该展示参数在该页面展示区域中仅展示该目标子控件，从而使得设计人员可以在展示的目标子控件中快速查找到需要编辑的控件并对其进行编辑，这样，通过将所有控件中的部分控件单独进行展示，提升了设计人员的视觉体验，为了方便描述，本公开中以设计人员可以在展示的目标控件中直接进行编辑操作为例进行说明，具体过程参考步骤S209至S212。

S209、接收用户对该目标控件的编辑操作。

示例地，该编辑操作可以包括属性编辑、事件脚本编辑，显示顺序和层级关系的调整、以及控件的新增或者删除等，其中，属性编辑和事件脚本编辑可以通过属性视图进行相应的编辑，控件的显示顺序和层级关系可以通过在大纲视图中进行相应的调整，控件的新增可以从控件库中选择控件并拖放至页面展示区域，控件的删除可以直接在页面展示区域中双击进行删除，上述示例只是举例说明，本公开对此不作限定。

S210、根据该编辑操作对该目标控件进行编辑。

其中，对该目标控件进行的编辑操作均可立即生效，例如，若在属性视图上将目标控件的宽度增大为5cm，则该目标控件的宽度由原始尺寸变换为5cm；又如，若从控件库中选取控件“Grid”并拖放至页面展示区域，则在展示的目标控件中增加了控件“Grid”；再如，若在页面展示区域中双击删除控件“aclTitlepane”，则在展示的目标控件中删除控件“aclTitlepane”，上述示例只是举例说明，本公开对此不作限定。

S211、根据编辑后的目标控件更新该全部控件，并通过该页面展示区域展示更新后的全部控件。

在本公开中，可以将缓存区域中的目标控件替换为编辑后的目标控件，例如，若在该目标控件中增加了控件“Grid”，则将缓存区域中的目标控件替换为增加了控件“Grid”后的目标控件；又如，若在该目标控件中删除了控件“aclTitlepane”，则将缓存区域中的目标控件替换为删除了控件“aclTitlepane”后的目标控件；再如，若目标控件的宽度由原始尺寸变换为5cm，则将缓存区域中的目标控件替换为宽度为5cm的目标控件。

另外，在本公开中，可以展示目标控件，还可以展示更新后的全部控件，这样，可以切换展示目标控件和更新后的全部控件，便于设计人员在做页面设计时可以快速查找到需要编辑的控件并对该需要编辑的控件进行编辑，简化了繁琐的查找过程。

S212、清空该缓存区域。

由于在S211中，在该页面展示区域中展示更新后的全部控件，因此，该缓存区域中的缓存数据在后续步骤中不再需要，基于此，可以清空该缓存区域，这样，可以减少资源占用，从而提高了运行速度。

采用上述方法，设计人员可以从控件目录中选择目标控件，并从展示的目标控件中快速查找到需要编辑的控件以对其进行编辑，避免了在页面展示区域展示的全部控件中逐个查找需要编辑的控件，进而节约了查找时间，并提高了查找效率。

图3是一示例性实施例示出的一种控件展示的装置的框图，如图3所示，该装置包括：

第一接收模块301，用于接收控件局部展示指令；

第一获取模块302，用于根据该控件局部展示指令从控件目录中获取全部控件的标识信息；

第二获取模块303，用于获取该标识信息对应的控件信息；

缓存模块304，用于将该控件信息缓存至缓存区域；

第三获取模块305，用于获取用户从该控件目录中选定的目标控件的目标标识；

第四获取模块306，用于从该缓存区域中获取该目标标识对应的目标控件信息；

第一展示模块307，用于根据该目标控件信息在页面展示区域展示该目标控件。

图4是一示例性实施例示出的一种控件展示的装置的框图，如图4所示，还包括：

第二接收模块308，用于接收用户对该目标控件的编辑操作；

编辑模块309，用于根据该编辑操作对该目标控件进行编辑；

更新模块310，用于根据编辑后的目标控件更新该全部控件；

第二展示模块311，用于通过该页面展示区域展示更新后的全部控件。

图5是一示例性实施例示出的一种控件展示的装置的框图，如图5所示，还包括：

清空模块212，用于清空该缓存区域。

图6是一示例性实施例示出的一种控件展示的装置的框图，如图6所示，该第一展示模块307包括：

确定子模块3071，用于确定该目标控件在该页面展示区域的展示参数；

展示子模块3072，用于根据该展示参数和该目标控件信息在该页面展示区域展示该目标控件。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

采用上述装置，设计人员可以从控件目录中选择目标控件，并从展示的目标控件中快速查找到需要编辑的控件，避免了在页面展示区域展示的全部控件中逐个查找需要编辑的控件，进而节约了查找时间，并提高了查找效率。

图7是根据一示例性实施例示出的一种电子设备700的框图。如图7所示，该电子设备700可以包括：处理器701，存储器702，多媒体组件703，输入/输出(I/O)接口704，以及通信组件705。

其中，处理器701用于控制该电子设备700的整体操作，以完成上述提供的控件展示的方法中的全部或部分步骤。存储器702用于存储各种类型的数据以支持在该电子设备700的操作，这些数据例如可以包括用于在该电子设备700上操作的任何应用程序或方法的指令，以及应用程序相关的数据。该存储器702可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，例如静态随机存取存储器(Static RandomAccess Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-OnlyMemory，简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read-OnlyMemory，简称EPROM)，可编程只读存储器(Programmable Read-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。多媒体组件703可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏，音频组件用于输出和/或输入音频信号。例如，音频组件可以包括一个麦克风，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器702或通过通信组件705发送。音频组件还包括至少一个扬声器，用于输出音频信号。I/O接口704为处理器701和其他接口模块之间提供接口，上述其他接口模块可以是键盘，鼠标，按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件705用于该电子设备700与其他设备之间进行有线或无线通信。无线通信，例如Wi-Fi，蓝牙，近场通信(NearField Communication，简称NFC)，2G、3G或4G，或它们中的一种或几种的组合，因此相应的该通信组件705可以包括：Wi-Fi模块，蓝牙模块，NFC模块。

在一示例性实施例中，电子设备700可以被一个或多个应用专用集成电路(Application Specific Integrated Circuit，简称ASIC)、数字信号处理器(DigitalSignal Processor，简称DSP)、数字信号处理设备(Digital Signal Processing Device，简称DSPD)、可编程逻辑器件(Programmable Logic Device，简称PLD)、现场可编程门阵列(FieldProgrammable GateArray，简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述所述的控件展示的方法。

在另一示例性实施例中，还提供了一种包括程序指令的计算机可读存储介质，例如包括程序指令的存储器702，上述程序指令可由电子设备700的处理器701执行以完成上述所述的控件展示的方法。

以上结合附图详细描述了本公开的优选实施方式，但是，本公开并不限于上述实施方式中的具体细节，在本公开的技术构思范围内，可以对本公开的技术方案进行多种简单变型，这些简单变型均属于本公开的保护范围。

另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合，为了避免不必要的重复，本公开对各种可能的组合方式不再另行说明。

此外，本公开的各种不同的实施方式之间也可以进行任意组合，只要其不违背本公开的思想，其同样应当视为本公开所公开的内容。

Claims (10)

1.一种控件展示的方法，其特征在于，所述方法包括：

接收控件局部展示指令；

根据所述控件局部展示指令从控件目录中获取全部控件的标识信息；

获取所述标识信息对应的控件信息，并将所述控件信息缓存至缓存区域；

获取用户从所述控件目录中选定的目标控件的目标标识；

从所述缓存区域中获取所述目标标识对应的目标控件信息；

根据所述目标控件信息在页面展示区域展示所述目标控件。

2.根据权利要求1所述的方法，其特征在于，在所述根据所述目标控件信息在页面展示区域展示所述目标控件后，还包括：

接收用户对所述目标控件的编辑操作；

根据所述编辑操作对所述目标控件进行编辑；

根据编辑后的目标控件更新所述全部控件，并通过所述页面展示区域展示更新后的全部控件。

3.根据权利要求2所述的方法，其特征在于，在所述通过所述页面展示区域展示更新后的全部控件后，还包括：

清空所述缓存区域。

4.根据权利要求1所述的方法，其特征在于，所述根据所述目标控件信息在页面展示区域展示所述目标控件包括：

确定所述目标控件在所述页面展示区域的展示参数；

根据所述展示参数和所述目标控件信息在所述页面展示区域展示所述目标控件。

5.一种控件展示的装置，其特征在于，所述装置包括：

第一接收模块，用于接收控件局部展示指令；

第一获取模块，用于根据所述控件局部展示指令从控件目录中获取全部控件的标识信息；

第二获取模块，用于获取所述标识信息对应的控件信息；

缓存模块，用于将所述控件信息缓存至缓存区域；

第三获取模块，用于获取用户从所述控件目录中选定的目标控件的目标标识；

第四获取模块，用于从所述缓存区域中获取所述目标标识对应的目标控件信息；

第一展示模块，用于根据所述目标控件信息在页面展示区域展示所述目标控件。

6.根据权利要求5所述的装置，其特征在于，还包括：

第二接收模块，用于接收用户对所述目标控件的编辑操作；

编辑模块，用于根据所述编辑操作对所述目标控件进行编辑；

更新模块，用于根据编辑后的目标控件更新所述全部控件；

第二展示模块，用于通过所述页面展示区域展示更新后的全部控件。

7.根据权利要求6所述的装置，其特征在于，还包括：

清空模块，用于清空所述缓存区域。

8.根据权利要求5所述的装置，其特征在于，所述第一展示模块包括：

确定子模块，用于确定所述目标控件在所述页面展示区域的展示参数；

展示子模块，用于根据所述展示参数和所述目标控件信息在所述页面展示区域展示所述目标控件。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1至4任一项所述方法的步骤。

10.一种电子设备，其特征在于，包括：

权利要求9中所述的计算机可读存储介质；以及

一个或者多个处理器，用于执行所述计算机可读存储介质中的程序。