CN110990008A - 更新页面的方法、装置、存储介质以及电子设备 - Google Patents

Abstract

本公开涉及一种更新页面的方法、装置、存储介质以及电子设备，该方法包括：接收页面更新指令；从数据管理器中获取组件标识对应的第一组件配置数据；根据第一组件填充数据更新目标页面对应的第一组件配置数据；从页面组件库中确定组件标识对应的目标组件，并根据第一组件填充数据和更新后的第一组件配置数据对目标组件进行渲染，实现将目标组件从函数或者类数据转化成视图数据，以更新目标页面，由于第一组件配置数据不在目标组件内，在第一组件配置数据发生更改时，无需对目标组件进行更新，重新生成目标组件，有效的减少了数据的处理量，提高运算效率。

Description

更新页面的方法、装置、存储介质以及电子设备

技术领域

本公开涉及计算机技术领域，具体地，涉及一种更新页面的方法、装置、存储介质以及电子设备。

背景技术

现有的通过组件生成页面的方法，通常先获取目标页面所包括的组件配置数据，并根据组件配置数据在预设的组件集合中查找组件作为目标组件；再根据组件配置数据更新目标组件，并基于更新后的目标组件，生成目标页面。

但是，采用现有的组件生成页面的方法，组件配置数据每发生更改，都需要重新生成目标组件，数据的处理量较大。

发明内容

本公开的目的是提供一种更新页面的方法、装置、存储介质以及电子设备，以解决目标组件在配置数据不同时，无法复用的问题。

为了实现上述目的，本公开第一方面提供一种更新页面的方法，包括：

接收页面更新指令，所述页面更新指令用于指示更新目标页面，所述页面更新指令包括所述目标页面中组件的组件标识以及用户输入的第一组件填充数据；

从配置数据管理器中获取所述组件标识对应的第一组件配置数据；

根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据；

从页面组件库中确定所述组件标识对应的目标组件，并根据所述组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面。

可选地，所述第一组件配置数据包括组件静态配置数据和组件动态配置数据；

所述根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据包括：根据所述第一组件填充数据更新所述目标页面对应的组件动态配置数据。

可选地，在根据所述第一组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面之前，所述方法还包括：

确定与目标组件关联的关联组件；

根据所述第一组件填充数据更新所述关联组件的第二组件填充数据；

根据更新后的所述第二组件填充数据更新所述关联组件的第二组件配置数据；

相应地，所述根据所述组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面包括：

根据所述第一组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，并根据更新后的第二组件填充数据和更新后的第二组件配置数据对所述关联组件进行渲染，以更新所述目标页面。

可选地，在根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据之前，所述方法还包括：

确定所述第一组件填充数据是否为非临时态数据；

相应地，所述根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据包括：

若所述第一组件填充数据为非临时态数据，则根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据。

可选地，在接收所述页面更新指令之前，通过以下方式生成所述目标页面：

获取所述目标页面对应的页面配置文件，将所述页面配置文件解析为页面配置数据，所述页面配置数据包括至少一个组件标识以及与所述组件标识对应的第一组件配置数据和预设初始数据；

根据所述第一组件配置数据和所述预设初始数据对所述目标组件库中所述组件标识对应的组件进行渲染，生成所述目标页面。

本公开第二方面提供一种更新页面的装置，包括：

更新指令接收模块，用于接收页面更新指令，所述页面更新指令用于指示更新目标页面，所述页面更新指令包括所述目标页面中组件的组件标识以及用户输入的第一组件填充数据；

组件配置数据获取模块，用于从配置数据管理器中获取所述组件标识对应的第一组件配置数据；

组件配置数据更新模块，用于根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据；

目标页面更新模块，用于从页面组件库中确定所述组件标识对应的目标组件，并根据所述第一组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面。

可选地，所述第一组件配置数据包括组件静态配置数据和组件动态配置数据；

所述组件配置数据更新模块用于：

根据所述第一组件填充数据更新所述目标页面对应的组件动态配置数据。

可选地，所述装置还包括：

关联组件确定模块，用于确定与目标组件关联的关联组件；

根据所述第一组件填充数据更新所述关联组件的第二组件填充数据；

根据更新后的所述第二组件填充数据更新所述关联组件的第二组件配置数据；

相应地，所述目标页面更新模块用于：

根据所述第一组件填充数据和更新后的第一对所述目标组件进行渲染，并根据更新后的第二组件填充数据和更新后的第二组件配置数据对所述关联组件进行渲染，以更新所述目标页面。

可选地，所述装置还包括：

非临时态数据确定模块，用于确定所述第一组件填充数据是否为非临时态数据；

相应地，所述组件配置数据更新模块用于：

若所述第一组件填充数据为非临时态数据，则根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据。

可选地，所述装置还包括：目标页面生成模块，用于：

获取所述目标页面对应的页面配置文件，将所述页面配置文件解析为页面配置数据，所述页面配置数据包括至少一个组件标识以及与所述组件标识对应的第一组件配置数据和预设初始数据；

根据所述第一组件配置数据和所述预设初始数据对所述目标组件库中所述组件标识对应的组件进行渲染，生成所述目标页面。

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

本公开第四方面提供一种电子设备，包括：

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现第一方面中任一项所述方法的步骤。

通过上述技术方案，能够从数据管理器中获取该组件标识对应的第一组件配置数据；根据该第一组件填充数据更新该目标页面对应的第一组件配置数据；从页面组件库中确定该组件标识对应的目标组件，并根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，实现将目标组件从函数或者类数据转化成视图数据，以更新该目标页面，由于第一组件配置数据不在目标组件内，在第一组件配置数据发生更改时，无需对目标组件进行更新，重新生成目标组件，有效的减少了数据的处理量，提高运算效率。

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

附图说明

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

图1是根据一示例性实施例示出的一种更新页面的方法的流程图；

图2是根据一示例性实施例示出的另一种更新页面的方法的流程图；

图3是根据一示例性实施例示出的一种生成页面的方法的流程图；

图4是根据一示例性实施例示出的一种更新页面的装置的框图；

图5是根据一示例性实施例示出的另一种更新页面的装置的框图；

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

具体实施方式

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

首先对本公开的应用场景进行说明，本公开应用在通过组件生成页面的过程中。例如通过用户名以及密码输入框组件生成注册页面、通过关键字输入框组件生成搜索页面等过程。

现有技术中，通常先获取目标页面所包括的组件配置数据，包括组件类型、组件类型值、该组件类型值对应的组件的属性和属性值；再根据该组件类型值，在预设的组件集合中查找组件作为目标组件；再根据组件类型值对应的组件的属性和属性值，更新目标组件的相应的属性和属性值，再基于更新后的目标组件，生成目标页面。

但是，采用现有技术，由于组件配置数据例如组件的属性和属性值是目标组件本身的部分数据，组件配置数据例如组件的属性和属性值每发生更改，都需要根据组件的属性和属性值重新对目标组件进行更新，生成新的目标组件，导致数据的处理量较大；而在本公开中，从数据管理器中获取该组件标识对应的第一组件配置数据；根据该第一组件填充数据更新该目标页面对应的第一组件配置数据；从页面组件库中确定该组件标识对应的目标组件，并根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，实现将目标组件从函数或者类数据转化成视图数据，以更新该目标页面，由于第一组件配置数据不在目标组件内，在第一组件配置数据发生更改时，无需对目标组件进行更新，重新生成目标组件，有效的减少了数据的处理量，提高运算效率。

下面结合具体的实施例对本公开中的更新页面的方法进行具体说明。

图1是根据一示例性实施例示出的一种更新页面的方法的流程图。如图1所示，该方法的执行主体可以是浏览器，该方法包括：

S101、接收页面更新指令，该页面更新指令用于指示更新目标页面，该页面更新指令包括该目标页面中组件的组件标识以及用户输入的第一组件填充数据。

其中，该第一组件填充数据为待填充至该目标页面中组件的数据。

在本步骤中，接收该页面更新指令可以包括以下两种场景：

场景一：若用户输入的第一组件填充数据是用户临时创建，还未持久化的数据(即临时态数据)，为了避免用户临时创建的数据有误，则在接收到用户输入的该第一填充数据后，需由用户进行确认操作，并在用户通过确认操作确认后，触发该页面更新指令，从而接收到该用户触发的页面更新指令。

例如，在进行用户注册时，该目标页面即为注册页面，该注册页面上包括用于输入用户名和密码的输入框组件，以及用于确认输入信息的“注册”按钮，用户在该输入框组件中输入的用户名以及密码，即为该用户临时创建的数据，该数据在用户点击“注册”按钮之前，可以根据用户的意愿进行更改，当用户确认输入正确的用户名和密码后，点击注册页面上的“注册”按钮(即进行确认操作)，以触发该页面更新指令，从而接收到该用户触发的页面更新指令。

又如，在进行用户搜索时，该目标页面即为搜索页面，该搜索页面上包括用于输入搜索关键字的输入框组件，以及用于确认输入信息的“搜索”按钮，用户在该关键字的输入框组件中输入的待检索的关键字，即为该用户临时创建的数据，同样地，该数据在用户点击“搜索”按钮之前，可以根据用户的意愿进行更改，当用户确认输入正确的关键字后，点击搜索页面上的“搜索”按钮(即进行确认操作)，以触发该页面更新指令，从而接收到该用户触发的页面更新指令。

场景二：若用户输入的第一组件填充数据是已经持久化的数据(即非临时态数据)，则在获取用户输入的该第一填充数据后，即可该页面更新指令，无需用户确认。

示例地，用户在进行网络购物时，该目标页面即为购物页面，该购物页面上包括用于输入待购买物品(如衣服等)的颜色信息的输入框组件，由于商家提供的待购买物品的颜色是固定的，即预先设置好的已经持久化的数据，因此，在该购物页面上，会展示该待购买物品对应的一个或多个颜色信息，用户只能从展示的颜色信息中选择自己喜欢的颜色输入至输入框组件，无法随意输入该购物页面上未展示的颜色，此时，用户输入的颜色信息即为已经持久化的数据，用户在输入框组件输入该颜色信息后，即触发该页面更新指令，从而接收到该用户触发的页面更新指令。

S102、从配置数据管理器中获取该组件标识对应的第一组件配置数据。

其中，该第一组件配置数据可以包括组件静态配置数据和组件动态配置数据。组件静态数据是不会随着第一组件填充数据发生变化的数据。例如，该组件静态配置数据可以为组件的样式、组件与服务器通信的地址。该组件动态配置数据是会随着第一组件填充数据发生变化的数据，例如可以为根据用户输入的用户名以及密码弹出的弹窗提示信息。

S103、根据该第一组件填充数据更新该目标页面对应的第一组件配置数据。

在本步骤中，可以根据该第一组件填充数据通过预先建立的关联关系更新该第一组件配置数据，该关联关系包括该第一组件填充数据和第一组件配置数据的关联关系。

例如，该目标页面为注册页面时，该注册页面上包括用于输入用户名和密码的输入框组件以及弹窗提示数据，该弹窗提示数据即为该注册页面对应的第一组件配置数据，用户在该输入框组件输入的用户名以及密码即为第一组件填充数据。预先对用户名以及密码与弹窗提示数据建立关联关系，当用户在该输入框组件中输入用户名以及密码，根据用户名以及密码与弹窗提示数据的关联关系更新该弹窗提示数据。例如当用户输入用户名以及密码后，若确定该用户名重复，根据用户名以及密码跟弹窗提示数据的关联关系将该弹窗提示数据更新为用于提示该用户名重复的弹窗提示数据；若根据预设的密码规则(例如密码中同时包含字母、数字以及特殊字符且不小于6位)确定该密码不符合密码规则，根据用户名以及密码跟弹窗提示数据的关联关系将该弹窗提示数据更新为用于提示该密码不符合规范的弹窗提示数据。

又如，该目标页面为搜索页面时，该搜索页面上包括用于输入待搜索的关键字的输入框组件以及与该关键字相关的待展示数据，该待展示数据即为该搜索页面对应的第一组件配置数据，用户在该输入框组件输入的待搜索的关键字即为第一组件填充数据。预先对待搜索的关键字与待展示数据建立关联关系，当用户在该输入框组件中输入待搜索的关键字，根据待搜索的关键字与待展示数据的关联关系更新该待展示数据。例如当用户输入的待搜索的关键字为“组件”，根据待搜索的关键字与待展示数据的关联关系将该待展示数据更新为与“组件”相关的待展示数据；当用户输入的待搜索的关键字为“页面”，根据待搜索的关键字与待展示数据的关联关系将该待展示数据更新为与“页面”相关的待展示数据。

需要说明的是，由于第一组件填充数据可能是临时态数据，而用户可能会更改该临时态数据，如果根据该临时态数据更新该目标页面对应的第一组件配置数据，则用户更改该第一组件填充数据后，需要重新更新该目标页面对应的第一组件配置数据，会造成数据处理量较大，影响运算效率。因此，在该第一组件填充数据更新该目标页面对应的第一组件配置数据前，需确定该第一组件填充数据是否为非临时态数据，如果确定该第一组件填充数据为非临时态数据，根据该非临时态数据更新目标页面对应的第一组件配置数据。如果确定该第一组件填充数据为临时态数据，则需先将该第一组件填充数据转换为非临时态数据，并在将该第一填充数据转换为非临时态数据之后，更新该目标页面对应的第一组件配置数据，以避免用户更改临时态数据后需要重新更新该目标页面对应的第一组件配置数据，会造成数据处理量较大，影响运算效率的问题。

示例性地，可以通过该第一组件填充数据的标识信息确定该第一组件填充数据是否为非临时态数据。在本实施例中，该页面更新指令中还包括该第一组件填充数据的标识信息，该标识信息可以是字符串，若该第一组件填充数据的标识信息为字符串“state”，则确定该第一组件填充数据为非临时态数据。若该第一组件填充数据的标识信息为字符串“stash”，则确定该第一组件填充数据为临时态数据。若确定该第一组件填充数据为临时态数据，将该临时态数据存放至填充数据管理器，以便后续将该临时态数据转换为非临时态数据。

在一种可能的实现方式中，若确定该第一组件填充数据为临时态数据，可以在接收到用户发送的转换指令后，根据该转换指令将该临时态数据转换为非临时态数据，再根据该转换后的非临时态数据更新该目标页面对应的第一组件配置数据。

在本实施例中，可以根据该转换指令将该临时态数据的标识信息从“stash”更改为“state”，实现将该临时态数据转换为非临时态数据。

例如，用户在注册页面的用户名以及密码的输入框组件输入的用户名以及密码为临时态数据，在用户点击“注册”按钮前，用户可以随时更改该用户名和密码。在用户点击“注册”按钮后，即将该用户名以及密码转换为非临时态数据发送给服务器，并通过服务器进行校验，该用户名和密码不可以再更改，因此，用户点击“注册”按钮，即将该用户名以及密码转换为非临时态数据。进一步，用户点击“注册”按钮即为用户发送的转换指令。

又如，用户在搜索页面的关键字的输入框组件输入的待搜索的关键字为临时态数据，在用户点击“搜索”按钮后，即将待搜索的关键字发送给服务器，并通过服务器查找与该关键字相关的数据，该待搜索的关键字不可以再更改，因此，用户点击“搜索”按钮，即将该待搜索的关键字转换为非临时态数据。进一步，用户点击“搜索”按钮即为用户发送的转换指令。

在本实施例中，由于组件动态配置数据会随着第一组件填充数据发生变化，而组件静态配置数据不会随着第一组件填充数据发生变化，因此可以根据第一组件填充数据更新组件动态配置数据。

示例性地，可以预先对第一组件填充数据和组件动态配置数据建立关联，再根据该第一组件填充数据和组件动态配置数据之间的关联关系更新该组件动态配置数据。

例如，以该第一组件填充数据为用户输入的用户名以及密码为例进行说明，用户在注册页面的用户名以及密码的输入框组件输入用户名以及密码后，若确定该用户名重复，根据用户名以及密码跟弹窗提示数据的关联关系生成用于提示用户该用户名重复的弹窗提示数据，若根据预设的密码规则(例如密码中同时包含字母、数字以及特殊字符且不小于6位)确定该密码不符合密码规则，根据用户名以及密码跟弹窗提示数据的关联关系生成用于提示用户该密码不符合规范的弹窗提示数据，可见，用户输入不同的用户名以及密码，生成的该弹窗提示数据可能也不相同，因此，该弹窗提示数据即为组件动态配置数据。

又如，用户在搜索页面的关键字输入框组件输入待搜索的关键字后，根据该待搜索的关键字与该关键字与待展示数据的关联关系生成该关键字相关的待展示的数据。例如，用户在搜索页面的关键字输入框组件输入“组件”，将生成跟“组件”相关的待展示的数据。用户在搜索页面的关键字输入框组件输入“页面”，将生成跟“页面”相关的待展示的数据，可见，用户输入不同的待搜索的关键字，得到的待展示的数据也不相同，因此，该待展示的数据即为组件动态配置数据。

S104、从页面组件库中确定该组件标识对应的目标组件，并根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，以更新该目标页面。

在本实施例中，根据该第一组件填充数据、组件静态配置数据和更新后的组件动态配置数据对该目标组件进行渲染，以更新该目标页面。

例如，以该目标页面为注册页面为例进行说明，根据用户输入的用户名以及密码、组件动态配置数据(弹窗提示的数据)、组件静态配置数据(该用户名以及密码的输入框组件的样式数据)对该用户名以及密码的输入框组件进行渲染，以更新该注册页面。

又如，以该目标页面为搜索页面为例进行说明，根据用户输入的待搜索的关键字、组件动态配置数据(待展示的数据)、组件静态配置数据(该关键字的输入框组件的样式数据)对该关键字的输入框进行渲染，以更新该搜索页面。

采用上述方案，能够从数据管理器中获取该组件标识对应的第一组件配置数据；根据该第一组件填充数据更新该目标页面对应的第一组件配置数据；从页面组件库中确定该组件标识对应的目标组件，并根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，实现将目标组件从函数或者类数据转化成视图数据，以更新该目标页面，由于第一组件配置数据不在目标组件内，在第一组件配置数据发生更改时，无需对目标组件进行更新，重新生成目标组件，有效的减少了数据的处理量，提高运算效率。

下面结合图2所示的实施例，对目标页面中包含多个组件时，如何对目标页面刷新进行说明。

图2是根据一示例性实施例示出的另一种更新页面的方法的流程图。如图2所示，该方法包括：

S201、接收页面更新指令，该页面更新指令用于指示更新目标页面，该页面更新指令包括该目标页面中组件的组件标识以及用户输入的第一组件填充数据。

S202、从配置数据管理器中获取该组件标识对应的第一组件配置数据。

S203、根据该第一组件填充数据更新该目标页面对应的第一组件配置数据。

本实施例提供的S201-S203与图1实施例提供的S101-S103类似，本实施例此处不再赘述。

S204、确定与目标组件关联的关联组件。

在本步骤中，可以通过目标组件的组件标识与关联组件的组件标识以及目标组件与关联组件的关联关系确定与该目标组件关联的关联组件。

示例地，当该目标页面为购物页面时，该目标组件可以为购买物品(衣服)的颜色属性的输入框组件，与该目标组件关联的关联组件即为购买物品(衣服)的图片组件。

S205、根据该第一组件填充数据更新该关联组件的第二组件填充数据。

示例性地，预先对目标组件的第一组件填充数据和和关联组件的第二组件填充数据建立关联，再根据该第一组件填充数据和的关联组件的第二组件填充数据之间的关联关系更新该第二组件填充数据。

例如，此处以该第一组件填充数据为用户在该颜色属性的输入框组件输入的衣服的颜色属性值为例进行说明。用户在购物页面上的颜色属性的输入框组件输入衣服的颜色属性值后，根据颜色属性值与图片组件的图像数据之间的关联关系更新该图片组件的图像数据。例如，用户输入的衣服的颜色属性值为红色，则将该图片组件的图像数据更新为红色衣服的图像数据。例如，用户输入的衣服的颜色属性值为白色，则将该图片组件的图像数据更新为白色衣服的图像数据。用户输入不同的颜色属性值，就可以生成跟该不同的颜色属性值对应的图像数据，该图像数据即为该颜色属性的输入框组件关联的图像组件的第二填充数据。

S206、根据该更新后的第二组件填充数据更新该关联组件的第二组件配置数据。

示例性地，该关联组件的第二组件填充数据更新后，再根据该更新后的第二组件填充数据更新该关联组件的第二组件配置数据。

示例性地，可以预设第二组件填充数据和该第二组件配置数据建立关联，再根据该第二组件填充数据和第二组件配置数据之间的关联关系更新该第二组件配置数据。

根据该更新后的第二组件填充数据更新该关联组件的第二组件配置数据的过程与根据目标组件的第一组件填充数据更新目标组件的组件配置数据的过程类似，本实施例此处不再赘述。

S207、根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，并根据更新后的第二组件填充数据和更新后的第二组件配置数据对所述关联组件进行渲染，以更新该目标页面。

示例性地，当该目标页面为购物页面时，根据用户输入的第一组件填充数据(购买物品的颜色属性值)和更新后的颜色属性的输入框组件的第一组件配置数据(弹出的该颜色属性值对应的购买物品的库存以及该颜色属性的输入框组件的样式)对该颜色属性的输入框组件进行渲染，并根据更新后的第二组件填充数据(该颜色属性值对应的购买物品的图像数据)和更新后的图片组件的第二组件配置数据(弹出该购买物品的价格以及该图片组件的样式)对图片组件进行渲染，以更新该购物页面。

采用上述方案，能够根据该第一组件填充数据更新目标组件的第一组件配置数据，并根据该第一组件填充数据更新该关联组件的第二组件填充数据；再根据该更新后的第二组件填充数据更新该关联组件的第二组件配置数据；根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，并根据更新后的第二组件填充数据和更新后的第二组件配置数据对所述关联组件进行渲染，实现将目标组件从函数或者类数据转化成视图数据，以更新该目标页面，由于组件配置数据不在目标组件内，在组件配置数据发生更改时，无需对目标组件进行更新，重新生成目标组件，有效的减少了数据的处理量，提高运算效率。

下面结合图3所示的实施例，对在接收页面更新指令之前，如何生成目标页面进行说明。

图3是根据一示例性实施例示出的一种生成页面的方法的流程图。如图3所示，该方法包括：

S301、获取目标页面对应的页面配置文件，将该页面配置文件解析为页面配置数据，该页面配置数据包括至少一个组件标识以及与该组件标识对应的第一组件配置数据和预设初始数据第一组件配置数据。

示例性地，该第一组件配置数据用于配置该组件标识对应的组件的行为。例如该组件与服务器交互的地址、该组件的样式以及弹出的提示数据等。

在本实施例中，该预设初始数据为待填充至该组件标识对应的组件的中的数据。例如，当要生成的目标页面为注册页面时，获取的该目标页面对应的页面配置数据包括的预设初始数据预设的初始用户名以及密码，该预设的初始用户名以及密码可以为空的字符、“000000”的字符等，本实施例此处不作限制。

示例性地，该页面配置数据包括还包括该用户名以及密码输入框组件的第一组件配置数据以及用户名以及密码的输入框组件的组件。

需要说明的是，该页面配置数据还包括该目标页面的样式数据以及页面排版数据等。

例如，该注册页面的颜色分布、该用户名以及密码的输入框组件在页面中的位置、以及该注册页面的排版信息等。

S302、根据该第一组件配置数据和该预设初始数据对目标组件库中该组件标识对应的组件进行渲染，生成目标页面。

示例性地，根据该用户名以及密码的输入框组件的第一组件配置数据和该用户名以及密码的输入框组件的预设初始数据对目标组件库中该组件标识对应的用户名以及密码的输入框组件进行渲染，生成注册页面。

在本实施例中，该目标组件库可以为react以及vue等组件库。其中，react为可以适用于计算机的组件库，vue为可以适用于移动终端例如手机的组件库。可选地，可以通过驱动程序将该页面配置数据适配到相应的终端上，再对该目标组件库中组件标识对应的组件进行渲染，生成目标页面。

采用上述方案，能够获取页面配置文件，将该目标页面对应的页面配置文件解析为页面配置数据，该页面配置数据包括至少一个组件标识以及与该组件标识对应的第一组件配置数据和预设初始数据；根据该第一组件配置数据和该预设初始数据对目标组件库中该组件标识对应的组件进行渲染，实现将目标组件从函数或者类数据转化成视图数据，生成目标页面，由于第一组件配置数据不在组件内，在获取到第一组件配置数据后，无需根据第一组件配置数据重新生成组件，有效的减少了数据的处理量，提高运算效率。

图4是根据一示例性实施例示出的一种更新页面的装置的框图。如图4所示，该装置40包括：

更新指令接收模块401，用于接收页面更新指令，该页面更新指令用于指示更新目标页面，该页面更新指令包括该目标页面中组件的组件标识以及用户输入的第一组件填充数据；

组件配置数据获取模块402，用于从配置数据管理器中获取该组件标识对应的第一组件配置数据；

组件配置数据更新模块403，用于根据该第一组件填充数据更新该目标页面对应的第一组件配置数据；

目标页面更新模块404，用于从页面组件库中确定该组件标识对应的目标组件，并根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，以更新该目标页面。

可选地，该第一组件配置数据包括组件静态配置数据和组件动态配置数据；

该组件配置数据更新模块403用于：

根据该第一组件填充数据更新该目标页面对应的组件动态配置数据。

可选地，图5是根据图4实施例示出的一种更新页面的装置的框图。如图5所示，该装置40还包括：

关联组件确定模块405，用于确定与目标组件关联的关联组件；

根据该第一组件填充数据更新该关联组件的第二组件填充数据；

根据更新后的该第二组件填充数据更新该关联组件的第二组件配置数据；

相应地，该目标页面更新模块404用于：

根据所述第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，并根据更新后的第二组件填充数据和更新后的第二组件配置数据对该关联组件进行渲染，以更新该目标页面。

可选地，该装置还包括：

非临时态数据确定模块406，用于确定该第一组件填充数据是否为非临时态数据；

相应地，该组件配置数据更新模块403用于：

若该第一组件填充数据为非临时态数据，则根据该第一组件填充数据更新该目标页面对应的第一组件配置数据。

可选地，该装置40还包括：目标页面生成模块407，用于：

获取该目标页面对应的页面配置文件，将该页面配置文件解析为页面配置数据，该页面配置数据包括至少一个组件标识以及与所述组件标识对应的第一组件配置数据和预设初始数据；

根据该第一组件配置数据和该预设初始数据对该目标组件库中该组件标识对应的组件进行渲染，生成该目标页面。

通过上述装置，能够接收页面更新指令，该页面更新指令用于指示更新目标页面，该页面更新指令包括该目标页面中组件的组件标识以及用户输入的第一组件填充数据；从数据管理器中获取该组件标识对应的第一组件配置数据；根据该第一组件填充数据更新该目标页面对应的第一组件配置数据；从页面组件库中确定该组件标识对应的目标组件，并根据该第一组件填充数据和更新后的第一组件配置数据对该目标组件进行渲染，实现将目标组件从函数或者类数据转化成视图数据，以更新该目标页面，由于第一组件配置数据不在目标组件内，在第一组件配置数据发生更改时，无需对目标组件进行更新，重新生成目标组件，有效的减少了数据的处理量，提高运算效率。

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

图6是根据一示例性实施例示出的一种电子设备600的框图。参照图6，电子设备600包括处理器622，其数量可以为一个或多个，以及存储器632，用于存储可由处理器622执行的计算机程序。存储器632中存储的计算机程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理器622可以被配置为执行该计算机程序，以执行上述的更新页面的方法。

另外，电子设备600还可以包括电源组件626和通信组件650，该电源组件626可以被配置为执行电子设备600的电源管理，该通信组件650可以被配置为实现电子设备600的通信，例如，有线或无线通信。此外，该电子设备600还可以包括输入/输出(I/O)接口658。电子设备600可以操作基于存储在存储器632的操作系统，例如Windows ServerTM，Mac OSXTM，UnixTM，LinuxTM等等。

在另一示例性实施例中，还提供了一种包括程序指令的计算机可读存储介质，该程序指令被处理器执行时实现上述的更新页面的方法的步骤。例如，该计算机可读存储介质可以为上述包括程序指令的存储器632，上述程序指令可由电子设备600的处理器622执行以完成上述的更新页面的方法。

在另一示例性实施例中，还提供一种计算机程序产品，该计算机程序产品包含能够由可编程的装置执行的计算机程序，该计算机程序具有当由该可编程的装置执行时用于执行上述的更新页面的方法的代码部分。

以上结合附图详细描述了本公开的优选实施方式，但是，本公开并不限于上述实施方式中的具体细节，在本公开的技术构思范围内，可以对本公开的技术方案进行多种简单变型，这些简单变型均属于本公开的保护范围。另外需要说明的是，在上述具体实施方式中所描述的各个具体技术特征，在不矛盾的情况下，可以通过任何合适的方式进行组合。为了避免不必要的重复，本公开对各种可能的组合方式不再另行说明。

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

Claims (12)

1.一种更新页面的方法，其特征在于，包括：

接收页面更新指令，所述页面更新指令用于指示更新目标页面，所述页面更新指令包括所述目标页面中组件的组件标识以及用户输入的第一组件填充数据；

从配置数据管理器中获取所述组件标识对应的第一组件配置数据；

根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据；

从页面组件库中确定所述组件标识对应的目标组件，并根据所述第一组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面。

2.根据权利要求1所述的方法，其特征在于，所述第一组件配置数据包括组件静态配置数据和组件动态配置数据；

所述根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据包括：

根据所述第一组件填充数据更新所述目标页面对应的组件动态配置数据。

3.根据权利要求1所述的方法，其特征在于，在根据所述第一组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面之前，所述方法还包括：

确定与目标组件关联的关联组件；

根据所述第一组件填充数据更新所述关联组件的第二组件填充数据；

根据更新后的所述第二组件填充数据更新所述关联组件的第二组件配置数据；

相应地，所述根据所述组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面包括：

根据所述第一组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，并根据更新后的第二组件填充数据和更新后的第二组件配置数据对所述关联组件进行渲染，以更新所述目标页面。

4.根据权利要求1所述的方法，其特征在于，在根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据之前，所述方法还包括：

确定所述第一组件填充数据是否为非临时态数据；

相应地，所述根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据包括：

若所述第一组件填充数据为非临时态数据，则根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据。

5.根据权利要求1至4任一项所述的方法，其特征在于，在接收所述页面更新指令之前，通过以下方式生成所述目标页面：

获取所述目标页面对应的页面配置文件，将所述页面配置文件解析为页面配置数据，所述页面配置数据包括至少一个组件标识以及与所述组件标识对应的第一组件配置数据和预设初始数据；

根据所述第一组件配置数据和所述预设初始数据对所述目标组件库中所述组件标识对应的组件进行渲染，生成所述目标页面。

6.一种更新页面的装置，其特征在于，包括：

更新指令接收模块，用于接收页面更新指令，所述页面更新指令用于指示更新目标页面，所述页面更新指令包括所述目标页面中组件的组件标识以及用户输入的第一组件填充数据；

组件配置数据获取模块，用于从配置数据管理器中获取所述组件标识对应的第一组件配置数据；

组件配置数据更新模块，用于根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据；

目标页面更新模块，用于从页面组件库中确定所述组件标识对应的目标组件，并根据所述组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，以更新所述目标页面。

7.根据权利要求6所述的装置，其特征在于，所述第一组件配置数据包括组件静态配置数据和组件动态配置数据；

所述组件配置数据更新模块用于：

根据所述第一组件填充数据更新所述目标页面对应的组件动态配置数据。

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

关联组件确定模块，用于确定与目标组件关联的关联组件；

根据所述第一组件填充数据更新所述关联组件的第二组件填充数据；

根据更新后的所述第二组件填充数据更新所述关联组件的第二组件配置数据；

相应地，所述目标页面更新模块用于：

根据所述第一组件填充数据和更新后的第一组件配置数据对所述目标组件进行渲染，并根据更新后的第二组件填充数据和更新后的第二组件配置数据对所述关联组件进行渲染，以更新所述目标页面。

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

非临时态数据确定模块，用于确定所述第一组件填充数据是否为非临时态数据；

相应地，所述组件配置数据更新模块用于：

若所述第一组件填充数据为非临时态数据，则根据所述第一组件填充数据更新所述目标页面对应的第一组件配置数据。

10.根据权利要求6至9任一项所述的装置，其特征在于，所述装置还包括：目标页面生成模块，用于：

获取所述目标页面对应的页面配置文件，将所述页面配置文件解析为页面配置数据，所述页面配置数据包括至少一个组件标识以及与所述组件标识对应的第一组件配置数据和预设初始数据；

根据所述第一组件配置数据和所述预设初始数据对所述目标组件库中所述组件标识对应的组件进行渲染，生成所述目标页面。

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

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

存储器，其上存储有计算机程序；

处理器，用于执行所述存储器中的所述计算机程序，以实现权利要求1至5中任一项所述方法的步骤。

Images