页面的生成方法、装置、设备和介质

技术领域

本发明实施例涉及一种计算机技术领域，尤其涉及一种页面的生成方法、装置、设备和介质。

背景技术

管理页面为企业管理系统中管理端的展示页面，通过管理页面可实时直接对企业的运行数据进行汇总、查看以及修正等操作；由于企业内部的数据处理量较大，因此，需要定期构建新的管理页面以及时跟进企业发展。目前，对于管理页面的生成，主要是基于对源码模板文件的修改，即根据待生成页面的不同需求对源码模板文件进行代码重开发；其中，源码模板文件包括HTML文件、JS文件和CSS文件。

上述方案的缺陷在于：针对不同需求的待生成页面，每次重开发均需对源码模板文件进行更改，开发效率较低，且工作量较大。

发明内容

本申请实施例提供一种页面的生成方法、装置、设备和介质，可以通过预先编写的配置化文件与源码模板文件的结合，在不需要改动源码模板文件的基础上快速实现管理页面的生成，从而有效提高了页面的生成效率。

第一方面，本发明实施例提供了一种页面的生成方法，包括：

若检测到页面生成事件，则获取待生成页面的配置化文件；

根据所述待生成页面的配置化文件和所述待生成页面的源码模板文件生成目标页面；其中，所述源码模板文件包括所述目标页面的构成参数。

可选的，获取待生成页面的配置化文件，包括：

获取待生成页面的页面标识；

调用文件读取组件，从预先建立的文件集合中读取与所述待生成页面的页面标识关联的配置化文件，作为所述待生成页面的配置化文件；其中，所述文件集合中包括页面标识和配置化文件的关联关系。

可选的，文件集合的建立过程包括：

确定待生成页面的配置化文件，以及，确定所述待生成页面的页面标识；

建立待生成页面的配置化文件与所述待生成页面的页面标识的关联关系，得到文件集合。

可选的，确定待生成页面的配置化文件，包括：

确定待生成页面的结构数据；其中，所述待生成页面的结构数据包括结构签名、结构属性值和结构虚拟控件中的至少一项；

根据所述待生成页面的结构数据确定所述待生成页面的配置化文件。

可选的，所述待生成页面的源码模板文件包括框架结构文件、美化布局文件和逻辑处理文件中的至少一项；其中，所述框架结构文件包括HTML参数；所述美化布局文件包括CSS参数；所述逻辑处理文件包括JS参数。

可选的，根据所述待生成页面的配置化文件和所述待生成页面的源码模板文件生成目标页面，包括：

确定所述待生成页面的配置化文件中结构数据的所属类型；

根据所述结构数据的所属类型将所述结构数据添加至所述待生成页面的源码模板文件中，得到目标页面。

可选的，根据所述结构数据的所属类型将所述结构数据添加至所述待生成页面的源码模板文件中，得到目标页面，包括：

将所述结构数据的所属类型与各所述源码模板文件进行匹配，得到匹配值；

将目标匹配对中的结构数据添加至所述目标匹配对的源码模板文件中，得到目标页面；其中，所述目标匹配对包括匹配值大于匹配阈值的结构数据与源码模板文件的匹配关系。

第二方面，本发明实施例提供了一种页面的生成装置，包括：

文件获取模块，用于若检测到页面生成事件，则获取待生成页面的配置化文件；

页面生成模块，用于根据所述待生成页面的配置化文件和所述待生成页面的源码模板文件生成目标页面；其中，所述源码模板文件包括所述目标页面的构成参数。

可选的，文件获取模块，具体用于：

获取待生成页面的页面标识；

调用文件读取组件，从预先建立的文件集合中读取与所述待生成页面的页面标识关联的配置化文件，作为所述待生成页面的配置化文件；其中，所述文件集合中包括页面标识和配置化文件的关联关系。

可选的，还包括：文件集合建立模块，文件集合建立模块包括：

确定单元，用于确定待生成页面的配置化文件，以及，确定所述待生成页面的页面标识；

文件集合建立单元，用于建立待生成页面的配置化文件与所述待生成页面的页面标识的关联关系，得到文件集合。

可选的，确定单元，具体用于：

确定待生成页面的结构数据；其中，所述待生成页面的结构数据包括结构签名、结构属性值和结构虚拟控件中的至少一项；

根据所述待生成页面的结构数据确定所述待生成页面的配置化文件。

可选的，所述待生成页面的源码模板文件包括框架结构文件、美化布局文件和逻辑处理文件中的至少一项；其中，所述框架结构文件包括HTML参数；所述美化布局文件包括CSS参数；所述逻辑处理文件包括JS参数。

可选的，页面生成模块，包括：

类型确定单元，用于确定所述待生成页面的配置化文件中结构数据的所属类型；

页面确定单元，用于根据所述结构数据的所属类型将所述结构数据添加至所述待生成页面的源码模板文件中，得到目标页面。

可选的，页面确定单元，具体用于：

将所述结构数据的所属类型与各所述源码模板文件进行匹配，得到匹配值；

将目标匹配对中的结构数据添加至所述目标匹配对的源码模板文件中，得到目标页面；其中，所述目标匹配对包括匹配值大于匹配阈值的结构数据与源码模板文件的匹配关系。

第三方面，本发明实施例还提供了一种电子设备，该电子设备包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例中的任一种所述的页面的生成方法。

第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明实施例中的任一种所述的页面的生成方法。

本发明实施例若检测到页面生成事件，则获取待生成页面的配置化文件；根据待生成页面的配置化文件和待生成页面的源码模板文件生成目标页面；其中，源码模板文件包括目标页面的构成参数。本发明实施例能够通过预先编写的配置化文件与源码模板文件的结合，在不需要改动源码模板文件的基础上快速实现管理页面的生成，从而有效提高了页面的生成效率。

附图说明

图1是本发明实施例一中的页面的生成方法的流程示意图；

图2是本发明实施例二中的页面的生成方法的流程示意图；

图3是本发明实施例三中的页面的生成装置的结构示意图；

图4是本实施例四中的电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

实施例一

图1是本发明实施例一中的页面的生成方法的流程示意图。本实施例可适用于快速生成管理页面的情况。本实施例方法可由页面的生成装置来执行，该装置可采用硬件/或软件的方式来实现，并可配置于电子设备中。可实现本申请任意实施例所述的页面的生成方法。如图1所示，该方法具体包括如下：

S110、若检测到页面生成事件，则获取待生成页面的配置化文件。

在本实施例中，页面生成事件为外部触发的页面操作，例如可以是用户通过电子设备进行的触控操作，以指示电子设备完成管理页面的生成；其中，电子设备可以为具有程序运行功能的智能设备，例如计算机或者平板电脑。

待生成页面的配置化文件是预先通过编程人员根据需求进行编译，并存储在电子设备中部署的管理系统中；其中，配置化文件中存储着待生成页面的构成参数的具体数值，以实现对源码模板文件中各构成参数的渲染；例如，可以为页面中结构控件的样式、表格的尺寸以及图像的颜色布局等；具体的，结构控件可包括输入框、单选框或者文件上传框；结构控件的样式可包括提交、跳转或者弹窗。

S120、根据待生成页面的配置化文件和待生成页面的源码模板文件生成目标页面；其中，源码模板文件包括目标页面的构成参数。

由于现有的管理页面的生成，主要是依赖编译人员对源码模板文件的二次开发，实现不同管理页面的生成；但是，在需要生成一个管理页面时，需要编译人员对各个源码模板文件中的程序进行重新修正，在编译过程中会出现重复编码的问题，同时编译人员的工作量也较大，难度较为复杂，使得编译人员的开发效率较低。

因此，本实施例通过预先编写待生成页面的配置化文件，只需将配置化文件与基础的源码模板文件进行结合处理，即能够实现在不需要改动复杂的源码模板文件的基础上，实现管理页面的有效生成，同时降低了编译人员的工作难度。

在本实施例中，可选的，待生成页面的源码模板文件包括框架结构文件、美化布局文件和逻辑处理文件中的至少一项；其中，框架结构文件包括HTML参数；美化布局文件包括CSS参数；逻辑处理文件包括JS参数。

源码模板文件中包含的各文件只是能够得到页面的页面模板，页面中具体结构的尺寸、颜色以及边框等参数值还未可知；具体的，框架结构文件以.html为后缀名，美化布局文件以.css为后缀名，逻辑处理文件以.js为后缀名，分别存储着能够实现不同功能的程序代码；HTML参数为页面中各部署结构，例如结构的形状；CSS参数中为结构的属性，例如尺寸或者颜色；CSS参数为页面中各结构的逻辑处理，例如表格间的顺序排布。本实施例中页面所需的源码模板文件保存了各结构的构成参数，以使得根据源码模板文件能够构建出页面的平面基础模板，以供各结构的构成参数值进行有效填充。

本发明实施例若检测到页面生成事件，则获取待生成页面的配置化文件；根据待生成页面的配置化文件和待生成页面的源码模板文件生成目标页面；其中，源码模板文件包括目标页面的构成参数。本发明实施例能够通过预先编写的配置化文件与源码模板文件的结合，在不需要改动源码模板文件的基础上快速实现管理页面的生成，从而有效提高了页面的生成效率。

实施例二

图2是本发明实施例二中的页面的生成方法的流程示意图。本实施例是在上述实施例的基础上进一步扩展与优化，并可与上述技术方案中任意可选方案组合。如图2所示，该方法包括：

S210、若检测到页面生成事件，则获取待生成页面的页面标识。

在本实施例中，待生成页面的页面标识可以通过页面生成事件携带的请求信息中查找得到；页面标识可以是具体的数值1；或者是该待生成页面的需求阐述例如A报表汇总页面。

S220、调用文件读取组件，从预先建立的文件集合中读取与待生成页面的页面标识关联的配置化文件，作为待生成页面的配置化文件；其中，文件集合中包括页面标识和配置化文件的关联关系。

在本实施例中，不同待生成页面的配置化文件可预先编译完成并存储，且按照与待生成页面的对应关系进行存储，以使得在需要进行页面生成时，可快速通过读取组件查找到所需的配置化文件。

具体的，从预先建立的文件集合中读取与待生成页面的页面标识关联的配置化文件，作为待生成页面的配置化文件，可包括：遍历预先建立的文件集合，查找是否存在待生成页面的页面标识；若存在，则将该页面标识关联的配置化文件作为待生成页面的配置化文件；若不存在，则记录该事件，以指示根据编译人员根据该页面标识开发相应的配置化文件，并存储进文件集合中。

在本实施例中，可选的，文件集合的建立过程包括：

确定待生成页面的配置化文件，以及，确定待生成页面的页面标识；

建立待生成页面的配置化文件与待生成页面的页面标识的关联关系，得到文件集合。

其中，待生成页面的页面标识可以根据待生成页面的需求进行确定，也可以根据顺序为各存储的待生成页面进行依次排序标记，以对多个待生成页面进行有效识别。

对应企业管理，其数据使用量巨大，在对这些数据进行分析时，需要运用到不同的页面，因此，本实施例将待生成页面的页面标识与其配置化文件进行对应存储至文件集合中，以降低配置化文件的查找时间，同时也提高了企业管理系统中配置化文件的管理效率。

在本实施例中，可选的，确定待生成页面的配置化文件，包括：

确定待生成页面的结构数据；其中，待生成页面的结构数据包括结构签名、结构属性值和结构虚拟控件中的至少一项；

根据待生成页面的结构数据确定待生成页面的配置化文件。

其中，待生成页面的结构数据均是通过静态配置的方式写入配置化文件中；例如通过filterForm代表筛选表单的配置；通过Items配置每个结构(例如表单)的结构签名和结构属性值；通过type区分不同结构的控件类型；通过filterBtn配置筛选的结构虚拟控件，具体的，filterBtn对应有筛选和重置，底层收拢了筛选和重置通用的逻辑，只需要配置对应的字符串即可实现相应操作的实现，无需再进行虚拟控件的开发。本实施例通过静态配置待生成页面的结构数据，以有效配置出待生成页面的配置化文件。

S230、确定待生成页面的配置化文件中结构数据的所属类型。

在本实施例中，结构数据的所属类型与源码模板文件中的文件类型相匹配，例如可包括框架结构类、美化布局类和逻辑处理类，从而准确实现配置化文件中结构数据与源码模板文件的有效对接。

S240、根据结构数据的所属类型将结构数据添加至待生成页面的源码模板文件中，得到目标页面。

在本实施例中，可按照结构数据的所属类型对各源码模板文件进行分类，得到每一个结构数据与源码模板文件的一一对应，从而实现不同源码模板文件中添加的结构数据的精准度。

在上述实施例的基础上，可选的，根据结构数据的所属类型将结构数据添加至待生成页面的源码模板文件中，得到目标页面，包括：

将结构数据的所属类型与各源码模板文件进行匹配，得到匹配值；

将目标匹配对中的结构数据添加至目标匹配对的源码模板文件中，得到目标页面；其中，目标匹配对包括匹配值大于匹配阈值的结构数据与源码模板文件的匹配关系。

在本实施例中，匹配值能够直观反映出结构数据与源码模板文件的相关性，将结构数据与各源码模板文件进行匹配，需要说明的是，本实施例可通过设置动态浮动阈值，使得同一个数据结构与各源码模板文件的匹配值仅有一个大于匹配阈值，以实现结构数据的唯一所属性。本发明实施例通过将匹配值最大的匹配对作为目标匹配对，以实现结构数据与源码模板文件的关系绑定，从而减少结构数据添加到不匹配的源码模板文件中导致页面生成出错的问题。

实施例三

图3是本发明实施例三中的页面的生成装置的结构示意图，本实施例可适用于快速生成管理页面的情况。该装置配置于电子设备中，可实现本申请任意实施例所述的页面的生成方法。该装置具体包括如下：

文件获取模块310，用于若检测到页面生成事件，则获取待生成页面的配置化文件；

页面生成模块320，用于根据所述待生成页面的配置化文件和所述待生成页面的源码模板文件生成目标页面；其中，所述源码模板文件包括所述目标页面的构成参数。

在上述实施例的基础上，可选的，文件获取模块310，具体用于：

获取待生成页面的页面标识；

调用文件读取组件，从预先建立的文件集合中读取与所述待生成页面的页面标识关联的配置化文件，作为所述待生成页面的配置化文件；其中，所述文件集合中包括页面标识和配置化文件的关联关系。

在上述实施例的基础上，可选的，还包括：文件集合建立模块，文件集合建立模块包括：

确定单元，用于确定待生成页面的配置化文件，以及，确定所述待生成页面的页面标识；

文件集合建立单元，用于建立待生成页面的配置化文件与所述待生成页面的页面标识的关联关系，得到文件集合。

在上述实施例的基础上，可选的，确定单元，具体用于：

确定待生成页面的结构数据；其中，所述待生成页面的结构数据包括结构签名、结构属性值和结构虚拟控件中的至少一项；

根据所述待生成页面的结构数据确定所述待生成页面的配置化文件。

在上述实施例的基础上，可选的，所述待生成页面的源码模板文件包括框架结构文件、美化布局文件和逻辑处理文件中的至少一项；其中，所述框架结构文件包括HTML参数；所述美化布局文件包括CSS参数；所述逻辑处理文件包括JS参数。

在上述实施例的基础上，可选的，页面生成模块320，包括：

类型确定单元，用于确定所述待生成页面的配置化文件中结构数据的所属类型；

页面确定单元，用于根据所述结构数据的所属类型将所述结构数据添加至所述待生成页面的源码模板文件中，得到目标页面。

在上述实施例的基础上，可选的，页面确定单元，具体用于：

将所述结构数据的所属类型与各所述源码模板文件进行匹配，得到匹配值；

将目标匹配对中的结构数据添加至所述目标匹配对的源码模板文件中，得到目标页面；其中，所述目标匹配对包括匹配值大于匹配阈值的结构数据与源码模板文件的匹配关系。

通过本发明实施例三的页面的生成装置，能够通过预先编写的配置化文件与源码模板文件的结合，在不需要改动源码模板文件的基础上快速实现管理页面的生成，从而有效提高了页面的生成效率。

本发明实施例所提供的页面的生成装置可执行本发明任意实施例所提供的页面的生成方法，具备执行方法相应的功能模块和有益效果。

实施例四

图4是本发明实施例四中的电子设备的结构示意图，如图4所示，该电子设备包括处理器410、存储器420、输入装置430和输出装置440；电子设备中处理器410的数量可以是一个或多个，图4中以一个处理器410为例；电子设备中的处理器410、存储器420、输入装置430和输出装置440可以通过总线或其他方式连接，图4中以通过总线连接为例。

存储器420作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的页面的生成方法对应的程序指令/模块。处理器410通过运行存储在存储器420中的软件程序、指令以及模块，从而执行电子设备的各种功能应用以及数据处理，即实现本发明实施例所提供的页面的生成方法。

存储器420可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器420可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器420可进一步包括相对于处理器410远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

输入装置430可用于接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入，可以包括键盘、鼠标等。输出装置440可包括显示屏等显示设备。

实施例五

本实施例提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于实现本发明实施例所提供的页面的生成方法。

当然，本发明实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的方法操作，还可以执行本发明任意实施例所提供的页面的生成方法中的相关操作。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

值得注意的是，上述搜索装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。