CN115617338A - 一种业务页面快速生成方法、装置及可读存储介质 - Google Patents

Abstract

本申请提供了一种业务页面快速生成方法、装置及可读存储介质，其特征在于，包括：S1、基于页面需求历史信息，获取基础页面模板，所述基础页面模板包括第一页面与第二页面；S2、获取用户页面需求，基于用户页面需求配置第一数据模型，其中第一数据模型包括js数据模型；S3、解析第一数据模型，获取第一页面信息，所述第一页面信息包括页面字段类型与页面字段属性；S4、基于页面字段类型与页面字段属性匹配基础页面模板，生成用户所需的页面。本申请通过基础页面模板的开发，能够在页面需求基本不变的情况下，仅仅需要配置数据模型，配合基础页面模板就可以快速生成用户所需的页面，减少了重复性的工作，提高了研发上线效率。

Description

一种业务页面快速生成方法、装置及可读存储介质

技术领域

本发明涉及一种系统页面生成的技术领域，尤其涉及一种业务页面快速生成方法、装置及可读存储介质。

背景技术

目前对于页面的开发，大部分页面的开发是基于组件级别，如饿了么的vue-element-admin，蚂蚁的ant desin admin等等，内置了很多常用的业务模型，例如form表单、table列表等等，对于组件进行开发编辑进而添加到页面，通过组件的配合使用来配合形成页面，针对银行的业务后管系统，由于每个页面都有很多的相似性，基本第一层级页面上面部分展示的搜索条件，支持搜索，中间区域是搜索条件搜索后的列表，下面是页码的控制。第二层级基本是展示我们详情字段，外加编辑保存等功能。如果还进行组件的结合，如有10个、20个类似的页面需求过来，我们都需要每个页面去编码，从而做了很多重复性的工作，降低了研发上线效率。

因此，针对页面基本不会发生大的变化的业务系统，需要一种页面级别的基础页面模板开发，后续页面开发不再一一堆砌组件，编写逻辑代码，而是通过配置一个固定的数据模型，来渲染解析数据模型里的字段，接口等等，从而根据抽取的基层搜索区域组件、列表区域组件，详情区域组件自动生成对应的页面和页面逻辑，从而实现页面级别的复用性。在基础页面模板上就可以快速生成用户所需的页面，实现了页面的一次开发，多次复用。减少了重复性工作，提高了生成页面的效率。

发明内容

为解决现有状况的不足，本发明针对以上背景技术的缺陷，本发明提出了一种业务页面快速生成方法、装置及可读存储介质。

具体的，本申请第一方面提出了一种业务页面快速生成方法，其特征在于，包括：

S1、基于页面需求历史信息，获取基础页面模板，所述基础页面模板包括第一页面与第二页面；

S2、获取用户页面需求，基于用户页面需求配置第一数据模型，其中第一数据模型包括js数据模型；

S3、解析第一数据模型，获取第一页面信息，所述第一页面信息包括页面字段类型与页面字段属性；

S4、基于页面字段类型与页面字段属性匹配基础页面模板，生成用户所需的页面。

进一步的，所述第一页面包括搜索区域，查询结果区域，分页区域；所述搜索区域包括搜索业务组件，所述搜索业务组件包括input类型组件、select选择类型组件，日期类型组件；所述查询结果区域包括列表展示业务组件，所述列表展示业务组件包含table组件部分和分页组件；所述第二页面包括页面展示与页面编辑组件，所述第二页面包括input类型组件、select选择类型的组件、日期类型的组件。

进一步的，所述S1包括：

S11、基于第一预设时间，获取第一预设时间内的页面需求历史信息；

S12、基于页面需求历史信息，获取页面需求常用组件信息；

S13、基于页面需求常用组件信息，将常用组件组装形成基础页面模板。

进一步的，所述基础页面模板可以动态更新，所述动态更新包括增加、删除、修改基础页面模板。

进一步的，所述第一页面信息还包括接口信息，基于接口信息将后端数据展示到用户所需的页面。

进一步的，所述第一页面信息还包括页面标题、页面路径、页面列表外的操作、页面列表内的操作、页面编辑、页面展示、页面编制控制信息。

本申请第二方面提出了一种业务页面快速生成装置，其特征在于，包括：

第一获取模块，用于基于页面需求历史信息，获取基础页面模板，所述基础页面模板包括第一页面与第二页面；

第二获取模块，用于获取用户页面需求，基于用户页面需求配置第一数据模型，其中第一数据模型包括js数据模型；

解析模块，用于解析第一数据模型，获取第一页面信息，所述第一页面信息包括页面字段类型与页面字段属性；

页面生成模块，用于基于页面字段类型与页面字段属性匹配基础页面模板，生成用户所需的页面。

本申请第三方面提出了一种电子设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现业务页面快速生成方法。

本申请第四方面提出了一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现业务页面快速生成方法。

本申请第五方面提出了一种计算机程序产品，其特征在于，包括计算机程序，该计算机程序被处理器执行时实现业务页面快速生成方法。

本发明的有益效果为：后续页面开发不再一一堆砌组件，编写逻辑代码，而是通过配置一个固定的数据模型，来渲染解析数据模型里的字段，接口等等，从而根据抽取的基层搜索区域组件、列表区域组件，详情区域组件自动生成对应的页面和页面逻辑，从而实现页面级别的复用性。在基础页面模板上就可以快速生成用户所需的页面，实现了页面的一次开发，多次复用。减少了重复性工作，提高了生成页面的效率。

附图说明

图1为本发明的业务页面快速生成方法的流程示意图。

图2为本发明的业务页面快速生成装置的结构框图。

图3为本发明的实施例提供的电子设备的结构示意图。

具体实施方式

为了更清楚的理解本发明的内容，将结合附图和实施例详细说明。

但是应该理解，这些描述只是示例性的，而并非要限制本发明的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本发明的概念。在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本发明。这里使用的词语“一”、“一个(种)”和“该”等也应包括“多个”、“多种”的意思，除非上下文另外明确指出。此外，在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。本发明是已有专利技术的改进，所以对于本申请未描述的部分以现有技术来实现。

本申请主要是面对常见的业务后管页面，我们发现，后台管理的大多数的页面结构主要包括一级页面的查询与查询结果的列表展示外加一些上传、下载以及分页，二级页面会展示一些详情数据以及数据的编辑与保存。针对这样的具有共性的需求页面，我们的技术思路是可以开发一次，构建出我们的页面模板，后续新页面通过配置js数据模型来自动生成页面和页面逻辑。仅仅根据用户需求配置js数据模型即可，同时随着业务的扩展，我们的基础页面模板会逐渐沉淀下来一些更复杂的页面业务组件，最终形成“一次研发，多次复用”，从而达到配置化能力快速构建前端后管系统页面的能力。而对于新组件也可以通过编辑基础页面模板，将新的组件加入到模板里面，从而节省编码成本，提高页面上线率。

具体的，本申请第一方面提出了一种业务页面快速生成方法，其特征在于，包括：

S1、基于页面需求历史信息，获取基础页面模板，所述基础页面模板包括第一页面与第二页面；

进一步的，所述S1包括：

S11、基于第一预设时间，获取第一预设时间内的页面需求历史信息；

S12、基于页面需求历史信息，获取页面需求常用组件信息；

S13、基于页面需求常用组件信息，将常用组件组装形成基础页面模板。

对于基础模板中的常用组件选择，本申请可以根据程序员执行页面开发任务的经验进行选择，也可以优选的设定第一预设时间，根据第一预设时间的常用组件使用情况，将常用的组件作为组成基础页面模板的组成部分。进一步的，本申请也可以从客户需求的角度出发，将一些新的组件作为基础页面模板的组成部分，值得说明的是本申请仅针对大部分页面系统相似的情况，是将大部分相似的页面固定下来不用多次开发，所以即便需要加入新的组件，但新组件的比例也不能超过大部分相似的常用的组件。

进一步的，所述第一页面包括搜索区域，查询结果区域，分页区域；所述搜索区域包括搜索业务组件，所述搜索业务组件包括input类型组件、select选择类型组件，日期类型组件；所述查询结果区域包括列表展示业务组件，所述列表展示业务组件包含table组件部分和分页组件；所述第二页面包括页面展示与页面编辑组件，所述第二页面包括input类型组件、select选择类型的组件、日期类型的组件。

本申请即是对于大部分相似的页面进行开发，在本申请的技术人员发现，银行的后台管理系统页面是相似的，基于此，进行基础页面模板的开发，对于有页面组件的顺序可以根据用户的需要进行开发，如本申请的第一页面与第二页面的顺序可以进行替换，常用组件的开发保持默认设置，如保持input类型组件的输入字段为中文，也可以在后续基于用户的需要，响应于数据模型进行修改。针对详情页面，我们根据上一级页面跳转的参数不同来区分为页面编辑与页面展示两种情况，详情业务组件内同样也会有常用的input类型组件、select选择类型的组件，日期类型的组件等等。

S2、获取用户页面需求，基于用户页面需求配置第一数据模型，其中第一数据模型包括js数据模型；

具体的，在完成基础页面模板的开发后，后续新页面基于用户的需求生成用户所需的页面，而用户的需求不是直接对基础模板进行开发，而是基于用户需求，对数据模型进行设置；

优选地，对js数据模型进行配置，在数据模型中设置对于组件的要求，如各个层级页面的逻辑关系，js数据模型，在这个数据模型里，我们可以定义页面标题、页面路径、请求的接口名称(包含常见的列表查询接口、详情展示与编辑保存接口和上传、删除接口以及其他更多业务接口)、列表外的操作(包含上传、全部或者部分删除等等)以及列表内的操作(包含列表单条数据的删除、编辑、详情查看)，以及页面的字段，包含列表和详情所展示的字段，每个字段对应的有属性(prop)、展示(label)、字段的类型(input、select、date等等)、是否在搜索区域展示、是否在详情页面展示、是否在编辑页面展示以及是否需要编辑和所需要编辑的正则控制等等。js数据模型包括上述对于组件用户要求或设置的信息。

S3、解析第一数据模型，获取第一页面信息，所述第一页面信息包括页面字段类型与页面字段属性；

进一步的，所述第一页面信息还包括页面标题、页面路径、页面列表外的操作、页面列表内的操作、页面编辑、页面展示、页面编制控制信息。

正是由于js数据模型中含有上述的对于组件模板的信息，所以当用户的数据模型构建完成后，H5渲染引擎根据解析js数据模型，遍历js数据模型的每一个元素，从js数据模型中解析出包括但不限于页面字段类型与页面字段属性，所述页面字段类型与页面字段属性即是用户需求对于页面的设置；

S4、基于页面字段类型与页面字段属性匹配基础页面模板，生成用户所需的页面。

进一步的，所述第一页面信息还包括接口信息，基于接口信息将后端数据展示到用户所需的页面。

进一步的，所述基础页面模板可以动态更新，所述动态更新包括增加、删除、修改基础页面模板。

具体的，H5渲染引擎通过字段属性和字段类型去匹配绘制已经定义好的组件类型，将每一个元素生成，从而显示对应的页面。当我们匹配到接口列表元素的时候，我们会根据约定好规则去在合适的节点处理网络请求，从而将后端返回的数据展示在页面上。这些能力仅仅需要一次开发，然后根据形成的这套规则和能力从而快速生成页面和页面逻辑。

通过上述方法，我们可以看出，当我们需要研发一个页面的时候，仅需根据业务需求配置我们的js数据模型即可，其他逻辑会在我们的基础业务组件和H5渲染引擎中完成，也就是我们的基础业务组件只需要一次研发，即可保证多次复用，当我们基础组件不太满足业务需求的时候，我们可以通过扩展基础业务组件，沉淀更多的能力，同时还是做到了“一次研发，多次复用”。

本申请第二方面提出了一种业务页面快速生成装置，其特征在于，包括：

第一获取模块，用于基于页面需求历史信息，获取基础页面模板，所述基础页面模板包括第一页面与第二页面；

第二获取模块，用于获取用户页面需求，基于用户页面需求配置第一数据模型，其中第一数据模型包括js数据模型；

解析模块，用于解析第一数据模型，获取第一页面信息，所述第一页面信息包括页面字段类型与页面字段属性；

页面生成模块，用于基于页面字段类型与页面字段属性匹配基础页面模板，生成用户所需的页面。

进一步的，所述第一页面包括搜索区域，查询结果区域，分页区域；所述搜索区域包括搜索业务组件，所述搜索业务组件包括input类型组件、select选择类型组件，日期类型组件；所述查询结果区域包括列表展示业务组件，所述列表展示业务组件包含table组件部分和分页组件；所述第二页面包括页面展示与页面编辑组件，所述第二页面包括input类型组件、select选择类型的组件、日期类型的组件。

进一步的，所述第一获取模块包括：

S11、基于第一预设时间，获取第一预设时间内的页面需求历史信息；

S12、基于页面需求历史信息，获取页面需求常用组件信息；

S13、基于页面需求常用组件信息，将常用组件组装形成基础页面模板。

进一步的，所述装置还包括更新模块，用于所述基础页面模板可以动态更新，所述动态更新包括增加、删除、修改基础页面模板。

进一步的，所述第一页面信息还包括接口信息，基于接口信息将后端数据展示到用户所需的页面。

进一步的，所述第一页面信息还包括页面标题、页面路径、页面列表外的操作、页面列表内的操作、页面编辑、页面展示、页面编制控制信息。

图3为本申请实施例提供的电子设备的结构示意图。如图3所示，该电子设备可以包括：收发器121、处理器122、存储器123。

处理器122执行存储器存储的计算机执行指令，使得处理器122执行上述实施例中的方案。处理器122可以是通用处理器，包括中央处理器CPU、网络处理器(networkprocessor，NP)等；还可以是数字信号处理器DSP、专用集成电路ASIC、现场可编程门阵列FPGA或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

存储器123通过系统总线与处理器122连接并完成相互间的通信，存储器123用于存储计算机程序指令。

收发器121可以用于获取基础页面模板和用户页面需求。

系统总线可以是外设部件互连标准(peripheral component interconnect，PCI)总线或扩展工业标准结构(extended industry standard architecture，EISA)总线等。系统总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。收发器用于实现数据库访问装置与其他计算机(例如客户端、读写库和只读库)之间的通信。存储器可能包含随机存取存储器(randomaccess memory，RAM)，也可能还包括非易失性存储器(non-volatile memory)。

本申请实施例提供的电子设备，可以是上述实施例的终端设备。

本申请实施例还提供一种运行指令的芯片，该芯片用于执行上述实施例中上述基金业务数据交换测试模拟方法的技术方案。

本申请实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机指令，当该计算机指令在计算机上运行时，使得计算机执行上述实施例业务页面快速生成方法的技术方案。

本申请实施例还提供一种计算机程序产品，该计算机程序产品包括计算机程序，其存储在计算机可读存储介质中，至少一个处理器可以从计算机可读存储介质读取计算机程序，至少一个处理器执行计算机程序时可实现上述实施例中业务页面快速生成方法的技术方案。

本发明的有益效果为：后续页面开发不再一一堆砌组件，编写逻辑代码，而是通过配置一个固定的数据模型，来渲染解析数据模型里的字段，接口等等，从而根据抽取的基层搜索区域组件、列表区域组件，详情区域组件自动生成对应的页面和页面逻辑，从而实现页面级别的复用性。在基础页面模板上就可以快速生成用户所需的页面，实现了页面的一次开发，多次复用。减少了重复性工作，提高了生成页面的效率。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本申请的其它实施方案。本申请旨在涵盖本申请的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本申请的一般性原理并包括本申请未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本申请的真正范围和精神由下面的权利要求书指出。

应当理解的是，本申请并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本申请的范围仅由所附的权利要求书来限制。

本领域技术人员可以进一步意识到，结合本文的实施例的算法步骤，能够以电子硬件、计算机软件或二者结合的方式实现，且这些功能究竟以硬件还是软件的方式执行，取决于技术方案的特定应用和设计约束条件，本领域技术人员可以对每个特定的应用使用不同方法实现所描述的功能，但是这种实现不应认为超出本发明的范围。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

以上所述仅为本发明较佳的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换等都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求书的保护范围为准。

Claims (10)

1.一种业务页面快速生成方法，其特征在于，包括：

S1、基于页面需求历史信息，获取基础页面模板，所述基础页面模板包括第一页面与第二页面；

S2、获取用户页面需求，基于用户页面需求配置第一数据模型，其中第一数据模型包括js数据模型；

S3、解析第一数据模型，获取第一页面信息，所述第一页面信息包括页面字段类型与页面字段属性；

S4、基于页面字段类型与页面字段属性匹配基础页面模板，生成用户所需的页面。

2.根据权利要求1所述的方法，其特征在于，所述第一页面包括搜索区域，查询结果区域，分页区域；所述搜索区域包括搜索业务组件，所述搜索业务组件包括input类型组件、select选择类型组件，日期类型组件；所述查询结果区域包括列表展示业务组件，所述列表展示业务组件包含table组件部分和分页组件；所述第二页面包括页面展示与页面编辑组件，所述第二页面包括input类型组件、select选择类型的组件、日期类型的组件。

3.根据权利要求1所述的方法，其特征在于，所述S1包括：

S11、基于第一预设时间，获取第一预设时间内的页面需求历史信息；

S12、基于页面需求历史信息，获取页面需求常用组件信息；

S13、基于页面需求常用组件信息，将常用组件组装形成基础页面模板。

4.根据权利要求1所述的方法，其特征在于，所述基础页面模板可以动态更新，所述动态更新包括增加、删除、修改基础页面模板。

5.根据权利要求1所述的方法，其特征在于，所述第一页面信息还包括接口信息，基于接口信息将后端数据展示到用户所需的页面。

6.根据权利要求2所述的方法，其特征在于，所述第一页面信息还包括页面标题、页面路径、页面列表外的操作、页面列表内的操作、页面编辑、页面展示、页面编制控制信息。

7.一种业务页面快速生成装置，其特征在于，包括：

第一获取模块，用于基于页面需求历史信息，获取基础页面模板，所述基础页面模板包括第一页面与第二页面；

第二获取模块，用于获取用户页面需求，基于用户页面需求配置第一数据模型，其中第一数据模型包括js数据模型；

解析模块，用于解析第一数据模型，获取第一页面信息，所述第一页面信息包括页面字段类型与页面字段属性；

页面生成模块，用于基于页面字段类型与页面字段属性匹配基础页面模板，生成用户所需的页面。

8.一种电子设备，其特征在于，包括：处理器，以及与所述处理器通信连接的存储器；

所述存储器存储计算机执行指令；

所述处理器执行所述存储器存储的计算机执行指令，以实现如权利要求1-6中任一项所述的方法。

9.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如权利要求1-6中任一项所述的方法。

10.一种计算机程序产品，其特征在于，包括计算机程序，该计算机程序被处理器执行时实现权利要求1-6中任一项所述的方法。

Images