CN110058856A - 页面配置方法及装置 - Google Patents

Abstract

本申请公开了一种页面配置方法，应用于页面配置系统，页面配置系统配置有至少一个页面配置模板，不同的用户可以从中选择与其负责的业务类型对应的目标开发模板生成模板选择指令，并将模板选择指令发送给页面配置系统，页面配置系统在接收到模板选择指令之后，对目标开发模板进行渲染生成模板配置页面，以使用户触发模板配置页面配置的操作选项生成页面配置指令，并将页面配置指令发送给页面配置系统，页面配置系统根据接收到的页面配置指令对模板配置页面进行配置。基于上述方法，用户可在目标开发模板规定的页面的轮廓的基础上，通过简单的页面配置操作即可快速开发一个可用页面，工作量大幅度降低。

Description

页面配置方法及装置

技术领域

本申请涉及页面配置技术领域，更具体的说，是涉及一种页面配置方法及装置。

背景技术

为了实现项目的规模化开发，往往会将大的项目划分为不同模块，再将模块细分为各个业务，具体到某一个业务，多以一个页面为单位。页面的开发速度决定项目的开发速度。

现有页面开发多以手动直接编写前端页面代码和复制并修改已写好的前端页面代码两种方式，但是，用户在采用上述两种方式进行页面开发的过程中，如果对于前端页面代码不是很熟悉，则无法进行快速开发。

因此，如何实现页面的快速开发成为本领域技术人员亟待解决的技术问题。

发明内容

鉴于上述问题，提出了本申请以便提供一种克服上述问题或者至少部分地解决上述问题的页面配置方法及装置。具体方案如下：

一种页面配置方法，应用于页面配置系统，所述页面配置系统配置有至少一个页面配置模板，所述方法包括：

接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

根据页面配置指令对所述模板配置页面进行配置。

可选地，

在所述接收模板选择指令之前，所述方法还包括：

接收页面创建指令；

响应于所述页面创建指令，获取所述至少一个页面配置模板的标识和预览信息；

对所述至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面，以使用户通过触发所述模板选择页面配置的操作选项生成所述模板选择指令。

可选地，

所述响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面，具体包括：

获取所述目标页面配置模板的元数据；

根据所述元数据确定所述目标页面配置模板的可用组件信息，以及，所述目标页面配置模板的分区结构信息；

对所述目标页面配置模板的可用组件信息进行渲染生成所述模板配置页面的可用组件展示区域，所述可用组件展示区域展示有所述目标页面配置模板的可用组件；

对所述目标页面配置模板的分区结构信息进行渲染生成所述模板配置页面的模板配置区域，所述模板配置区域展示有所述目标页面配置模板的各个分区，以及每个分区中包含的默认组件。

可选地，

所述接收页面配置指令，具体包括：

接收组件添加指令，所述组件添加指令中包括待添加的第一组件的标识，所述第一组件为所述目标页面配置模板的可用组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件添加指令，确定所述第一组件对应的第一分区；

在所述第一分区显示提示信息，以引导用户将所述第一组件添加至所述第一分区；

响应于组件添加完成指令，将所述第一组件渲染至所述第一分区，所述组件添加完成指令为用户将所述第一组件添加至所述第一分区之后触发生成的。

可选地，

所述接收页面配置指令，具体包括：

接收组件属性编辑指令，所述组件属性编辑指令包括待编辑属性的第二组件的标识，所述第二组件为所述模板配置区域展示的组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件属性编辑指令，确定所述第二组件的可编辑属性信息；

对所述第二组件的可编辑属性信息进行渲染，生成所述模板配置页面的组件属性编辑区域，以使用户对所述组件属性编辑区域展示的所述第二组件的可编辑属性进行编辑；

获取用户对所述第二组件的可编辑属性的编辑结果；

根据所述编辑结果重新渲染所述第二组件。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面转换指令；

响应所述页面转换指令，将所述模板配置页面转化为XML代码，以使用户再次启动所述页面配置系统时，根据所述XML代码恢复所述模板配置页面。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面预览指令；

响应所述页面预览指令，将所述模板配置页面转化为XML代码；

执行所述XML代码生成与所述模板配置页面对应的预览页面。

可选地，

所述执行所述XML代码生成与所述模板配置页面对应的预览页面，包括：

确定所述XML代码执行是否有误；

如果确定所述XML代码执行有误，则显示错误提示信息，所述错误提示信息中包含造成所述XML代码执行有误的组件的标识及属性，以提示用户根据所述错误提示信息对所述模板配置页面进行配置。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面保存指令；

响应所述页面保存指令，将所述模板配置页面进行保存，以使用户再次启动页面配置系统时，调取保存的模板配置页面进行配置。

一种页面配置装置，应用于页面配置系统，所述页面配置系统配置有至少一个页面配置模板，所述装置包括：

接收单元，用于接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

模板配置页面生成单元，用于响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

所述接收单元，还用于接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

配置单元，用于根据页面配置指令对所述模板配置页面进行配置。

可选地，所述接收单元还用于在所述接收模板选择指令之前，接收页面创建指令；所述装置还包括：

模板选择页面生成单元，用于响应于所述页面创建指令，获取所述至少一个页面配置模板的标识和预览信息；对所述至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面，以使用户通过触发所述模板选择页面配置的操作选项生成所述模板选择指令。

可选地，所述模板配置页面生成单元，具体用于：

获取所述目标页面配置模板的元数据；

根据所述元数据确定所述目标页面配置模板的可用组件信息，以及，所述目标页面配置模板的分区结构信息；

对所述目标页面配置模板的可用组件信息进行渲染生成所述模板配置页面的可用组件展示区域，所述可用组件展示区域展示有所述目标页面配置模板的可用组件；

对所述目标页面配置模板的分区结构信息进行渲染生成所述模板配置页面的模板配置区域，所述模板配置区域展示有所述目标页面配置模板的各个分区，以及每个分区中包含的默认组件。

可选地，

所述接收单元，具体用于：

接收组件添加指令，所述组件添加指令中包括待添加的第一组件的标识，所述第一组件为所述目标页面配置模板的可用组件中的任意一个；

则，所述配置单元，具体用于：

响应于所述组件添加指令，确定所述第一组件对应的第一分区；

在所述第一分区显示提示信息，以引导用户将所述第一组件添加至所述第一分区；

响应于组件添加完成指令，将所述第一组件渲染至所述第一分区，所述组件添加完成指令为用户将所述第一组件添加至所述第一分区之后触发生成的。

可选地，

所述接收单元，具体用于：

接收组件属性编辑指令，所述组件属性编辑指令包括待编辑属性的第二组件的标识，所述第二组件为所述模板配置区域展示的组件中的任意一个；

则，所述配置单元，具体包括：

响应于所述组件属性编辑指令，确定所述第二组件的可编辑属性信息；

对所述第二组件的可编辑属性信息进行渲染，生成所述模板配置页面的组件属性编辑区域，以使用户对所述组件属性编辑区域展示的所述第二组件的可编辑属性进行编辑；

获取用户对所述第二组件的可编辑属性的编辑结果；

根据所述编辑结果重新渲染所述第二组件。

可选地，

所述接收单元，还用于在所述根据页面配置指令对所述模板配置页面进行配置之后，接收页面转换指令；

所述装置还包括：页面转换指令，用于响应所述页面转换指令，将所述模板配置页面转化为XML代码，以使用户再次启动所述页面配置系统时，根据所述XML代码恢复所述模板配置页面。

可选地，

所述接收单元，还用于在所述根据页面配置指令对所述模板配置页面进行配置之后，接收页面预览指令；

所述方法还包括：页面预览单元，用于响应所述页面预览指令，将所述模板配置页面转化为XML代码；执行所述XML代码生成与所述模板配置页面对应的预览页面。

可选地，

所述页面预览单元，具体用于：确定所述XML代码执行是否有误；如果确定所述XML代码执行有误，则显示错误提示信息，所述错误提示信息中包含造成所述XML代码执行有误的组件的标识及属性，以提示用户根据所述错误提示信息对所述模板配置页面进行配置。

可选地，

所述接收单元，还用于在所述根据页面配置指令对所述模板配置页面进行配置之后，接收页面保存指令；

所述装置还包括：页面保存单元，用于响应所述页面保存指令，将所述模板配置页面进行保存，以使用户再次启动页面配置系统时，调取保存的模板配置页面进行配置。

一种存储介质，其上存储有程序，该程序被处理器执行时实现如上所述的页面配置方法。

一种电子设备，所述电子设备包括存储器和处理器，所述存储器用于存储程序，所述处理器用于运行程序，其中，所述程序运行时执行如上所述的页面配置方法。借由上述技术方案，本申请提供的页面配置方法，应用于页面配置系统，页面配置系统配置有至少一个页面配置模板，不同的用户可以从中选择与其负责的业务类型对应的目标开发模板生成模板选择指令，并将模板选择指令发送给页面配置系统，页面配置系统在接收到模板选择指令之后，对目标开发模板进行渲染生成模板配置页面，以使用户触发模板配置页面配置的操作选项生成页面配置指令，并将页面配置指令发送给页面配置系统，页面配置系统根据接收到的页面配置指令对模板配置页面进行配置。基于上述方法，用户可在目标开发模板规定的页面的轮廓的基础上，通过简单的页面配置操作即可快速开发一个可用页面，工作量大幅度降低。

上述说明仅是本申请技术方案的概述，为了能够更清楚了解本申请的技术手段，而可依照说明书的内容予以实施，并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂，以下特举本申请的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本申请的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1为本申请实施例公开的一种页面配置方法的具体流程示意图；

图2为本申请实施例公开的一种页面开发页面示意图；

图3为本申请实施例公开的一种模板选择页面示意图；

图4为本申请实施例公开的一种模板配置页面示意图；

图5为本申请实施例公开的又一种模板配置页面示意图；

图6为本申请实施例公开的一种页面配置装置的具体结构示意图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

请参阅附图1，图1为本申请实施例公开的一种页面配置方法的具体流程示意图，该方法应用于页面配置系统，所述页面配置系统配置有至少一个页面配置模板，该方法包括如下步骤：

S101：接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

作为一种可实施方式，用户可通过触发页面配置系统配置的操作选项生成页面创建指令，并将页面创建指令发送至页面配置系统，如图2所示，页面配置系统配置有“页面创建”操作选项，当用户通过鼠标点击“页面创建”这一操作选项时，即触发生成所述页面创建指令，并将页面创建指令发送至页面配置系统。页面配置系统接收页面创建指令之后，响应于所述页面创建指令，获取至少一个页面配置模板的标识和预览信息，并对至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面。

作为一种可实施方式，页面配置模板的标识具体为该页面配置模板的名称；页面配置模板的预览信息具体包括页面配置模板的分区组成、可用组件类型、使用场景说明信息、关键字信息以及使用该模板创建的页面示例链接信息中的任意一项或多项。页面配置系统中配置的至少一个页面配置模板中，每个页面配置模板对应一个标识，不同的页面配置模板的标识不同，不同的页面配置模板的标识对应的预览信息不同。

作为一种可实施方式，对至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面，包括：根据至少一个页面配置模板的标识生成页面配置模板列表，所述页面配置模板列表的每个列表项均对应一个页面配置模板的标识；对所述页面配置模板列表进行渲染生成模板选择页面的模板列表区域；用户可通过鼠标移至某个列表项之上或通过鼠标左键点击某个列表项时触发生成模板预览指令，并将模板预览指令发送至页面配置系统，页面配置系统在接收到模板预览指令之后，获取模板预览指令中的模板标识，并对该模板标识对应的预览信息进行渲染生成模板选择页面的模板展示区域。具体请参阅图3示出的模板选择页面的示例，由图3可以看出，模板选择页面包括模板列表区域和模板展示区域。用户可通过查看模板展示区域展示的预览信息确定是否选择该模板进行页面创建。

用户决定选择某个模板进行页面创建时，可通过触发所述模板选择页面配置的操作选项即可生成所述模板选择指令，并将所述模板选择指令发送至页面配置系统。作为一种可实施方式，当鼠标移至模板列表区域中的某个列表项时，或鼠标右键点击模板列表区域中的某个列表项时，出现包含“使用该模板”的操作选项，当鼠标点击该操作选项时，即触发所述模板选择指令。作为一种可实施方式，模板选择指令中可包括用户选择的目标开发模板的标识。

S102：响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

页面配置系统在接收到用户发送的模板选择指令之后，响应于所述模板选择指令，根据模板选择指令中的目标开发模板标识确定目标开发模板，并对目标开发模板进行渲染生成模板配置页面。

作为一种可实施方式，所述响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面，具体包括：获取所述目标页面配置模板的元数据；然后，根据所述元数据确定所述目标页面配置模板的可用组件信息，以及，所述目标页面配置模板的分区结构信息；在一种可实施方式中，目标页面配置模板的元数据中，有一个字段是表示该模版每个分区所支持的组件类型，如顶栏支持按钮类型，表单支持输入框类型等，页面配置系统会根据该字段确定所述目标页面配置模板的可用组件，以及，所述目标页面配置模板的分区结构；之后，对所述目标页面配置模板的可用组件信息进行渲染生成所述模板配置页面的可用组件展示区域，所述可用组件展示区域展示有所述目标页面配置模板的可用组件；并对所述目标页面配置模板的分区结构信息进行渲染生成所述模板配置页面的模板配置区域，所述模板配置区域展示有所述目标页面配置模板的各个分区，以及每个分区中包含的默认组件。

具体请参阅图4示出的模板配置页面的示例，由图4可以看出，模板配置页面包括可用组件展示区域和模板配置区域。用户通过鼠标移至可用组件展示区域的某个组件之上可以看到该组件的具体形式，以确定是否将该组件添加至模板配置区域。

S103：接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

作为一种可实施方式，页面配置指令包括：组件添加指令、组件位置调整指令、组件属性编辑指令、组件移除指令中的任意一种或多种。

S104：根据页面配置指令对所述模板配置页面进行配置。

作为一种可实施方式，所述接收页面配置指令具体包括：接收组件添加指令，所述组件添加指令中包括待添加的第一组件的标识，所述第一组件为所述目标页面配置模板的可用组件中的任意一个。组件添加指令可以由用户通过鼠标从可用组件展示区域中展示的可用组件中拖拽第一组件触发。

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：先响应于所述组件添加指令，确定所述第一组件对应的第一分区；在一种可实施方式中，页面配置系统根据模板配置页面配置模板的元数据确定所述第一组件的属性信息，根据第一组件的属性信息确定第一组件的类型，如按钮组件对应按钮类型；根据模板配置页面配置模板的元数据确定目标页面配置模板中支持该组件类型的第一分区。然后，在所述第一分区显示提示信息，以引导用户将所述第一组件添加至所述第一分区；在确定目标分区之后，页面配置系统控制第一分区显示提示信息，以引导用户将将第一组件添加至第一分区，比如，第一组件为按钮类型时，顶栏会高亮闪烁，并出现“拖拽至此放置”的字样。用户在将第一组件添加至所述第一分区之后，触发生成组件添加完成指令，并将所述组件添加完成指令发送至页面配置系统，页面配置系统响应于组件添加完成指令，将所述第一组件渲染至所述第一分区。模板配置页面与模板配置页面的区别在于，模板配置页面的第一分区中不包括第一组件，而模板配置页面的第一分区中包括第一组件。

作为另一种可实施方式，所述接收页面配置指令具体包括：接收组件属性编辑指令，所述组件属性编辑指令包括待编辑属性的第二组件的标识，所述第二组件为所述模板配置区域展示的组件中的任意一个；组件属性编辑指令可以由用户通过鼠标移至第二组件时，或，鼠标右键点击所述第二组件时，出现用于触发组件属性编辑指令的操作选项，比如，包含“编辑”字样的操作选项，当用户通过鼠标点击该操作选项时，即触发生成所述组件属性编辑指令。

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：响应于所述组件属性编辑指令，确定所述第二组件的可编辑属性信息；对所述第二组件的可编辑属性信息进行渲染，生成所述模板配置页面的组件属性编辑区域，以使用户对所述组件属性编辑区域展示的所述第二组件的可编辑属性进行编辑；获取用户对所述第二组件的可编辑属性的编辑结果；根据所述编辑结果重新渲染所述第二组件。需要说明的是，所述模板配置页面的组件属性编辑区域展示有所述第二组件的可编辑属性，用户对所述第二组件的可编辑属性进行编辑时，可以看到每个字段的含义，并对于不用组件的不同属性配置进行分类操作：如选择类型的使用下拉框配置、波尔类型的使用开关配置、文本输入使用文本输入框配置、对象输入使用多行的文本域配置、数字输入使用数字输入框配置以及复杂的资源输入使用带有搜索功能的下拉框加上可编辑文本框配置；另外，当用户对第二组件的可编辑属性进行编辑时，模板配置区域会实时显示出配置的更改情况，如组件名称、表格列情况、区块顺序等，让用户在不预览的情况下实时感知页面的基本效果；实现对组件和模板的实时可视化编辑。

作为又一种可实施方式，所述接收页面配置指令具体包括：接收组件位置调整指令；所述组件位置调整指令包括待调整位置的第三组件的标识，所述第三组件为所述模板配置区域展示的组件中的任意一个，所述组件位置调整指令包括拖拽起始位置和拖拽结束位置。组件位置调整指令可以由用户通过鼠标拖拽所述第三组件触发。

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：将所述第三组件的位置由所述拖拽起始位置调整至所述拖拽结束位置。

作为又一种可实施方式，所述接收页面配置指令具体包括：接收组件移除指令，所述组件移除指令包括待移除的第四组件的标识，所述第四组件为所述模板配置区域展示的组件中的任意一个；组件移除指令可以由用户通过鼠标移至所述第四组件时，或，鼠标右键点击所述目标分区中展示的所述目标组件时，出现用于触发组件移除指令的操作选项，比如包含“移除”的按钮，当用户通过鼠标点击该操作选项时，即触发所述组件移除指令。

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：将所述第四组件从所述模板配置区域移除。

作为一种可实施方式，本申请的方案在所述根据页面配置指令对所述模板配置页面进行配置之后，用户可通过触发所述模板配置页面中的操作选项生成页面转换指令，并将所述页面转换指令发送至页面配置系统，作为一种示例，如图5所示，模板配置页面配置有“生成XML代码”操作选项，当鼠标点击“生成XML代码”这一操作选项时，即触发生成所述页面转换指令；页面配置系统在接收页面转换指令之后，响应所述页面转换指令，将所述模板配置页面转化为XML代码，以使用户再次启动所述页面配置系统时，根据所述XML代码恢复所述模板配置页面。

作为一种又可实施方式，本申请的方案在所述根据页面配置指令对所述模板配置页面进行配置之后，用户可通过触发所述模板配置页面中的操作选项生成页面预览指令，并将所述页面预览指令发送至页面配置系统，作为一种示例，如图5所示，模板配置页面配置有“一键预览”操作选项，当鼠标点击“一键预览”这一操作选项时，即触发生成所述页面预览指令；页面配置系统在接收页面预览指令之后，响应所述页面预览指令，将所述模板配置页面转化为XML代码；执行所述XML代码生成与所述模板配置页面对应的预览页面。

需要说明的是，在将所述模板配置页面转化为XML代码的过程中，首先对处于开发状态的模板配置页面进行去冗余处理：保证处于开发状态的模板配置页面中不包含多余内容，如表单空行，表格空列的情况；在成功转化为XML代码之后，还可对XML代码进行可执行性的校验，确保格式正确，结构完整；以此保证页面配置系统的健壮性。

进一步需要说明的是，在执行所述XML代码生成与所述模板配置页面对应的预览页面的过程中，还可确定所述XML代码执行是否有误；如果确定所述XML代码执行有误，则显示错误提示信息，所述错误提示信息中包含造成所述XML代码执行有误的组件的标识及属性，以提示用户根据所述错误提示信息对所述模板配置页面进行配置。

作为一种又可实施方式，本申请的方案在所述根据页面配置指令对所述模板配置页面进行配置之后，用户可通过触发所述模板配置页面中的操作选项生成页面保存指令，并将所述页面保存指令发送至页面配置系统，作为一种示例，如图5所示，模板配置页面配置有“保存到最近编辑”操作选项，当鼠标点击“保存到最近编辑”这一操作选项时，即触发生成所述页面保存指令；页面配置系统在接收页面保存指令之后，响应所述页面保存指令，将所述模板配置页面进行保存，以使用户再次启动页面配置系统时，调取保存的模板配置页面进行配置。

另外，为了避免页面配置系统故障退出时可能出现的处于开发状态的模板配置页面丢失的情况，还可在页面配置系统中设置自动保存页面的周期，这样，在对模板配置页面的过程中，可间隔预设对处于开发状态的模板配置页面进行保存。

本实施例提供的页面配置方法，应用于页面配置系统，页面配置系统配置有至少一个页面配置模板，不同的用户可以从中选择与其负责的业务类型对应的目标开发模板生成模板选择指令，并将模板选择指令发送给页面配置系统，页面配置系统在接收到模板选择指令之后，对目标开发模板进行渲染生成模板配置页面，以使用户触发模板配置页面配置的操作选项生成页面配置指令，并将页面配置指令发送给页面配置系统，页面配置系统根据接收到的页面配置指令对模板配置页面进行配置。基于上述方法，用户可在目标开发模板规定的页面的轮廓的基础上，通过简单的页面配置操作即可快速开发一个可用页面，工作量大幅度降低。

请参阅附图6，图6为本发明实施例公开的一种页面配置装置的结构示意图，该装置应用于页面配置系统，所述页面配置系统配置有至少一个页面配置模板，所述装置包括：

接收单元61，用于接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

模板配置页面生成单元62，用于响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

所述接收单元61，还用于接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

配置单元63，用于根据页面配置指令对所述模板配置页面进行配置。

可选地，所述接收单元还用于在所述接收模板选择指令之前，接收页面创建指令；所述装置还包括：

模板选择页面生成单元，用于响应于所述页面创建指令，获取所述至少一个页面配置模板的标识和预览信息；对所述至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面，以使用户通过触发所述模板选择页面配置的操作选项生成所述模板选择指令。

可选地，所述模板配置页面生成单元，具体用于：

获取所述目标页面配置模板的元数据；

根据所述元数据确定所述目标页面配置模板的可用组件信息，以及，所述目标页面配置模板的分区结构信息；

对所述目标页面配置模板的可用组件信息进行渲染生成所述模板配置页面的可用组件展示区域，所述可用组件展示区域展示有所述目标页面配置模板的可用组件；

对所述目标页面配置模板的分区结构信息进行渲染生成所述模板配置页面的模板配置区域，所述模板配置区域展示有所述目标页面配置模板的各个分区，以及每个分区中包含的默认组件。

可选地，

所述接收单元，具体用于：

接收组件添加指令，所述组件添加指令中包括待添加的第一组件的标识，所述第一组件为所述目标页面配置模板的可用组件中的任意一个；

则，所述配置单元，具体用于：

响应于所述组件添加指令，确定所述第一组件对应的第一分区；

在所述第一分区显示提示信息，以引导用户将所述第一组件添加至所述第一分区；

响应于组件添加完成指令，将所述第一组件渲染至所述第一分区，所述组件添加完成指令为用户将所述第一组件添加至所述第一分区之后触发生成的。

可选地，

所述接收单元，具体用于：

接收组件属性编辑指令，所述组件属性编辑指令包括待编辑属性的第二组件的标识，所述第二组件为所述模板配置区域展示的组件中的任意一个；

则，所述配置单元，具体包括：

响应于所述组件属性编辑指令，确定所述第二组件的可编辑属性信息；

对所述第二组件的可编辑属性信息进行渲染，生成所述模板配置页面的组件属性编辑区域，以使用户对所述组件属性编辑区域展示的所述第二组件的可编辑属性进行编辑；

获取用户对所述第二组件的可编辑属性的编辑结果；

根据所述编辑结果重新渲染所述第二组件。

可选地，

所述接收单元，还用于在所述根据页面配置指令对所述模板配置页面进行配置之后，接收页面转换指令；

所述装置还包括：页面转换指令，用于响应所述页面转换指令，将所述模板配置页面转化为XML代码，以使用户再次启动所述页面配置系统时，根据所述XML代码恢复所述模板配置页面。

可选地，

所述接收单元，还用于在所述根据页面配置指令对所述模板配置页面进行配置之后，接收页面预览指令；

所述方法还包括：页面预览单元，用于响应所述页面预览指令，将所述模板配置页面转化为XML代码；执行所述XML代码生成与所述模板配置页面对应的预览页面。

可选地，

所述页面预览单元，具体用于：确定所述XML代码执行是否有误；如果确定所述XML代码执行有误，则显示错误提示信息，所述错误提示信息中包含造成所述XML代码执行有误的组件的标识及属性，以提示用户根据所述错误提示信息对所述模板配置页面进行配置。

可选地，

所述接收单元，还用于在所述根据页面配置指令对所述模板配置页面进行配置之后，接收页面保存指令；

所述装置还包括：页面保存单元，用于响应所述页面保存指令，将所述模板配置页面进行保存，以使用户再次启动页面配置系统时，调取保存的模板配置页面进行配置。

需要说明的是，上述各个单元的具体功能实现已在方法实施例中详细说明，本实施例不再赘述。

所述数据查询装置包括处理器和存储器，上述各个单元均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。

处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过调整内核参数来实现用户可在目标开发模板规定的页面的轮廓的基础上，通过简单的页面配置操作即可快速开发一个可用页面的需求。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。

本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述页面配置方法。

本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述页面配置方法。

本发明实施例提供了一种电子设备，电子设备包括处理器、存储器及存储在存储器上并可在处理器上运行的程序，处理器执行程序时实现以下步骤：

接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

根据页面配置指令对所述模板配置页面进行配置。

可选地，

在所述接收模板选择指令之前，所述方法还包括：

接收页面创建指令；

响应于所述页面创建指令，获取所述至少一个页面配置模板的标识和预览信息；

对所述至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面，以使用户通过触发所述模板选择页面配置的操作选项生成所述模板选择指令。

可选地，

所述响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面，具体包括：

获取所述目标页面配置模板的元数据；

根据所述元数据确定所述目标页面配置模板的可用组件信息，以及，所述目标页面配置模板的分区结构信息；

对所述目标页面配置模板的可用组件信息进行渲染生成所述模板配置页面的可用组件展示区域，所述可用组件展示区域展示有所述目标页面配置模板的可用组件；

对所述目标页面配置模板的分区结构信息进行渲染生成所述模板配置页面的模板配置区域，所述模板配置区域展示有所述目标页面配置模板的各个分区，以及每个分区中包含的默认组件。

可选地，

所述接收页面配置指令，具体包括：

接收组件添加指令，所述组件添加指令中包括待添加的第一组件的标识，所述第一组件为所述目标页面配置模板的可用组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件添加指令，确定所述第一组件对应的第一分区；

在所述第一分区显示提示信息，以引导用户将所述第一组件添加至所述第一分区；

响应于组件添加完成指令，将所述第一组件渲染至所述第一分区，所述组件添加完成指令为用户将所述第一组件添加至所述第一分区之后触发生成的。

可选地，

所述接收页面配置指令，具体包括：

接收组件属性编辑指令，所述组件属性编辑指令包括待编辑属性的第二组件的标识，所述第二组件为所述模板配置区域展示的组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件属性编辑指令，确定所述第二组件的可编辑属性信息；

对所述第二组件的可编辑属性信息进行渲染，生成所述模板配置页面的组件属性编辑区域，以使用户对所述组件属性编辑区域展示的所述第二组件的可编辑属性进行编辑；

获取用户对所述第二组件的可编辑属性的编辑结果；

根据所述编辑结果重新渲染所述第二组件。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面转换指令；

响应所述页面转换指令，将所述模板配置页面转化为XML代码，以使用户再次启动所述页面配置系统时，根据所述XML代码恢复所述模板配置页面。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面预览指令；

响应所述页面预览指令，将所述模板配置页面转化为XML代码；

执行所述XML代码生成与所述模板配置页面对应的预览页面。

可选地，

所述执行所述XML代码生成与所述模板配置页面对应的预览页面，包括：

确定所述XML代码执行是否有误；

如果确定所述XML代码执行有误，则显示错误提示信息，所述错误提示信息中包含造成所述XML代码执行有误的组件的标识及属性，以提示用户根据所述错误提示信息对所述模板配置页面进行配置。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面保存指令；

响应所述页面保存指令，将所述模板配置页面进行保存，以使用户再次启动页面配置系统时，调取保存的模板配置页面进行配置。

本文中的电子设备可以是服务器、PC、PAD、手机等。

本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：

接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

根据页面配置指令对所述模板配置页面进行配置。

可选地，

在所述接收模板选择指令之前，所述方法还包括：

接收页面创建指令；

响应于所述页面创建指令，获取所述至少一个页面配置模板的标识和预览信息；

对所述至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面，以使用户通过触发所述模板选择页面配置的操作选项生成所述模板选择指令。

可选地，

所述响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面，具体包括：

获取所述目标页面配置模板的元数据；

根据所述元数据确定所述目标页面配置模板的可用组件信息，以及，所述目标页面配置模板的分区结构信息；

对所述目标页面配置模板的可用组件信息进行渲染生成所述模板配置页面的可用组件展示区域，所述可用组件展示区域展示有所述目标页面配置模板的可用组件；

对所述目标页面配置模板的分区结构信息进行渲染生成所述模板配置页面的模板配置区域，所述模板配置区域展示有所述目标页面配置模板的各个分区，以及每个分区中包含的默认组件。

可选地，

所述接收页面配置指令，具体包括：

接收组件添加指令，所述组件添加指令中包括待添加的第一组件的标识，所述第一组件为所述目标页面配置模板的可用组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件添加指令，确定所述第一组件对应的第一分区；

在所述第一分区显示提示信息，以引导用户将所述第一组件添加至所述第一分区；

响应于组件添加完成指令，将所述第一组件渲染至所述第一分区，所述组件添加完成指令为用户将所述第一组件添加至所述第一分区之后触发生成的。

可选地，

所述接收页面配置指令，具体包括：

接收组件属性编辑指令，所述组件属性编辑指令包括待编辑属性的第二组件的标识，所述第二组件为所述模板配置区域展示的组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件属性编辑指令，确定所述第二组件的可编辑属性信息；

对所述第二组件的可编辑属性信息进行渲染，生成所述模板配置页面的组件属性编辑区域，以使用户对所述组件属性编辑区域展示的所述第二组件的可编辑属性进行编辑；

获取用户对所述第二组件的可编辑属性的编辑结果；

根据所述编辑结果重新渲染所述第二组件。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面转换指令；

响应所述页面转换指令，将所述模板配置页面转化为XML代码，以使用户再次启动所述页面配置系统时，根据所述XML代码恢复所述模板配置页面。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面预览指令；

响应所述页面预览指令，将所述模板配置页面转化为XML代码；

执行所述XML代码生成与所述模板配置页面对应的预览页面。

可选地，

所述执行所述XML代码生成与所述模板配置页面对应的预览页面，包括：

确定所述XML代码执行是否有误；

如果确定所述XML代码执行有误，则显示错误提示信息，所述错误提示信息中包含造成所述XML代码执行有误的组件的标识及属性，以提示用户根据所述错误提示信息对所述模板配置页面进行配置。

可选地，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面保存指令；

响应所述页面保存指令，将所述模板配置页面进行保存，以使用户再次启动页面配置系统时，调取保存的模板配置页面进行配置。

本领域内的技术人员应明白，本申请的实施例可提供为方法、系统、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。存储器是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种页面配置方法，其特征在于，应用于页面配置系统，所述页面配置系统配置有至少一个页面配置模板，所述方法包括：

接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

根据页面配置指令对所述模板配置页面进行配置。

2.根据权利要求1所述的方法，其特征在于，

在所述接收模板选择指令之前，所述方法还包括：

接收页面创建指令；

响应于所述页面创建指令，获取所述至少一个页面配置模板的标识和预览信息；

对所述至少一个页面配置模板的标识和预览信息进行渲染生成模板选择页面，以使用户通过触发所述模板选择页面配置的操作选项生成所述模板选择指令。

3.根据权利要求2所述的方法，其特征在于，

所述响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面，具体包括：

获取所述目标页面配置模板的元数据；

根据所述元数据确定所述目标页面配置模板的可用组件信息，以及，所述目标页面配置模板的分区结构信息；

对所述目标页面配置模板的可用组件信息进行渲染生成所述模板配置页面的可用组件展示区域，所述可用组件展示区域展示有所述目标页面配置模板的可用组件；

对所述目标页面配置模板的分区结构信息进行渲染生成所述模板配置页面的模板配置区域，所述模板配置区域展示有所述目标页面配置模板的各个分区，以及每个分区中包含的默认组件。

4.根据权利要求3所述的方法，其特征在于，

所述接收页面配置指令，具体包括：

接收组件添加指令，所述组件添加指令中包括待添加的第一组件的标识，所述第一组件为所述目标页面配置模板的可用组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件添加指令，确定所述第一组件对应的第一分区；

在所述第一分区显示提示信息，以引导用户将所述第一组件添加至所述第一分区；

响应于组件添加完成指令，将所述第一组件渲染至所述第一分区，所述组件添加完成指令为用户将所述第一组件添加至所述第一分区之后触发生成的。

5.根据权利要求3所述的方法，其特征在于，

所述接收页面配置指令，具体包括：

接收组件属性编辑指令，所述组件属性编辑指令包括待编辑属性的第二组件的标识，所述第二组件为所述模板配置区域展示的组件中的任意一个；

则，所述根据页面配置指令对所述模板配置页面进行配置，具体包括：

响应于所述组件属性编辑指令，确定所述第二组件的可编辑属性信息；

对所述第二组件的可编辑属性信息进行渲染，生成所述模板配置页面的组件属性编辑区域，以使用户对所述组件属性编辑区域展示的所述第二组件的可编辑属性进行编辑；

获取用户对所述第二组件的可编辑属性的编辑结果；

根据所述编辑结果重新渲染所述第二组件。

6.根据权利要求1至5中任意一项所述的方法，其特征在于，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面转换指令；

响应所述页面转换指令，将所述模板配置页面转化为XML代码，以使用户再次启动所述页面配置系统时，根据所述XML代码恢复所述模板配置页面。

7.根据权利要求1至5中任意一项所述的方法，其特征在于，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面预览指令；

响应所述页面预览指令，将所述模板配置页面转化为XML代码；

执行所述XML代码生成与所述模板配置页面对应的预览页面。

8.根据权利要求7所述的方法，其特征在于，

所述执行所述XML代码生成与所述模板配置页面对应的预览页面，包括：

确定所述XML代码执行是否有误；

如果确定所述XML代码执行有误，则显示错误提示信息，所述错误提示信息中包含造成所述XML代码执行有误的组件的标识及属性，以提示用户根据所述错误提示信息对所述模板配置页面进行配置。

9.根据权利要求1至5中任意一项所述的方法，其特征在于，

在所述根据页面配置指令对所述模板配置页面进行配置之后，所述方法还包括：

接收页面保存指令；

响应所述页面保存指令，将所述模板配置页面进行保存，以使用户再次启动页面配置系统时，调取保存的模板配置页面进行配置。

10.一种页面配置装置，其特征在于，应用于页面配置系统，所述页面配置系统配置有至少一个页面配置模板，所述装置包括：

接收单元，用于接收模板选择指令，所述模板选择指令用于指示用户选定的目标开发模板，所述目标开发模板为所述至少一个页面配置模板中的任意一个；

模板配置页面生成单元，用于响应于所述模板选择指令，对所述目标开发模板进行渲染生成模板配置页面；

所述接收单元，还用于接收页面配置指令，所述页面配置指令为用户通过触发所述模板配置页面配置的操作选项生成的；

配置单元，用于根据页面配置指令对所述模板配置页面进行配置。