信贷前端页面的配置化方法、计算机设备及可读存储介质技术

本申请公开了一种信贷前端页面的配置化方法、计算机设备及可读存储介质。该方法包括调用接口获取信贷前端页面的界面配置数据，以及根据模板编号获取对应的界面模板；利用界面配置数据和界面模板进行界面布局渲染；生成界面布局的各区域的组件；在界面布局进行表单默认数据初始化；利用模板编号和与模板编号对应的业务数据，生成业务数据与界面模板的关联数据；发送接口请求，在界面布局返回目标业务数据。通过上述方式，本申请采用了动态配置模式实现前端页面快速生成，以及使用配套的页面可视化操作平台，代替传统手工开发模式。代替传统手工开发模式。代替传统手工开发模式。

【技术实现步骤摘要】
信贷前端页面的配置化方法、计算机设备及可读存储介质


[0001]本申请涉及金融前端
，特别是信贷前端页面的配置化方法、计算机设备及可读存储介质。

技术介绍

[0002]目前现有的信贷系统前端页面开发大部分面临以下痛点：业务场景多，迭代频繁，开发很难跟上需求的节奏，规则可能由多人掌握，无法通过一个人了解全貌，界面交互也千变万化；后台系统的日常开发中，表单必不可少，当表单内容比较多，例如有上百个字段时，代码往往也变得复杂且难以维护；传统的纯手工开发模式耗费时间成本高、代码质量问题难以管控、上线风险大，人员成本高；很少系统做到完整信贷流程的页面配置，从开始到结束整个环节的打通；系统架构上还缺乏一套先进、灵活、易于扩展的系统架构设计，系统迭代缓慢、增强升级困难、快速扩展能力较弱，导致业务流程调整困难，产品创新难以快速支持。

技术实现思路

[0003]本申请主要解决的技术问题是提供一种信贷前端页面的配置化方法、计算机设备及可读存储介质，能够代替传统手工开发模式。
[0004]为解决上述技术问题，本申请采用的第一个技术方案是：提供一种信贷前端页面的配置化方法，该方法包括：调用接口获取信贷前端页面的界面配置数据，以及根据模板编号获取对应的界面模板；利用界面配置数据和界面模板进行界面布局渲染；生成界面布局的各区域的组件；在界面布局进行表单默认数据初始化，以及利用模板编号和与模板编号对应的业务数据，生成业务数据与界面模板的关联数据；发送接口请求，在界面布局返回目标业务数据。
[0005]为解决上述技术问题，本申请采用的第二个技术方案是：利用界面配置数据和界面模板进行界面布局渲染之后，包括：遍历界面布局以及生成各区域，确认各区域是否嵌套页面，若嵌套有页面，则加载嵌套页面，并跳转至调用接口获取前端页面的界面配置数据步骤，以循环执行；否则执行生成所述界面布局的各区域组件步骤。
[0006]为解决上述技术问题，本申请采用的第三个技术方案是：提供一种信贷前端页面的配置化方法，该方法包括：调用接口获取前端页面的界面配置数据之后，包括：获取界面表格配置数据以及查询表单；基于查询表单对界面表格配置数据进行字段提取，得到更新后的配置数据；利用界面配置数据和界面模板进行界面布局渲染，包括：利用更新后的配置数据和界面模板进行界面布局渲染；基于查询表单对界面表格配置数据进行字段提取，得到更新后的配置数据，还包括：对界面表格配置数据进行表格字段合并、更新字段名以及字段关键字中的至少一种处理，并根据处理后的界面表格配置数据进行提取查询字段处理。
[0007]利用配置数据和界面模板进行界面布局渲染，包括：利用界面配置数据进行页面配置，得到生成标签和/或初始化数据；生成界面布局的各区域的组件，包括：利用表单属
性、生成按钮及表格属性生成表单元素、绑定默认按钮事件及生成表格属性，以得到各区域的组件；基于界面配置数据进行页面配置之后，包括：检测界面展示模式是否为第一预设模式；若界面展示模式为所述第一预设模式，遍历生成标签；否则，使用树组件初始化数据，利用初始化数据生成所述节点激活事件，通过节点激活事件跳转至所述第一预设模式；利用界面配置数据和界面模板进行界面布局渲染，还包括：基于界面配置数据依次进行表单区域配置、按钮区域配置及表格区域配置，得到表单属性、生成按钮及表格属性；生成界面布局的各区域的组件，包括：利用表单属性、生成按钮及表格属性生成表单元素、绑定默认按钮事件及生成表格属性，以得到各区域的组件。
[0008]利用模板编号和与模板编号对应的业务数据，生成业务数据与界面模板对应的关联数据，包括：将业务数据脚本导入数据库，以生成数据源；设置数据源中各业务数据对应的业务数据表名，建立模板编号与业务数据表名之间的对应关系；依据模板编号与界面模板的对应关系，以及模板编号与业务数据表名的对应关系，获取业务数据表名与界面模板的对应关系，生成界面模板与业务数据的关联数据。
[0009]为解决上述技术问题，本申请采用的第四个技术方案是：提供一种计算机设备，该计算机设备包括处理器、存储器和通信电路，通信电路用于通信连接，存储器存储有计算机程序，处理器用于执行计算机程序以实现如上述本申请第一个技术方案提供的方法。
[0010]为解决上述技术问题，本申请采用的第五个技术方案是：提供一种计算机可读的存储介质，该计算机可读的存储介质存储计算机程序，该计算机程序能够被处理器执行以实现如上述本申请第一个技术方案提供的方法。
[0011]本申请的有益效果是：区别于现有技术的情况，连通信贷前端页面的配置过程，通过动态配置模式实现前端页面快速生成，一方面有配套的页面可视化操作平台，代替传统手工开发模式，另一方面可以根据需求设计整个产品流程所需要的界面，做到大部分都可以自动生成，一部分通过定制化实现，快速满足业务需求，同时保证整个页面的配置过程的一致性，方便追踪问题。
附图说明
[0012]图1是本申请信贷前端页面的配置化方法第一实施例的流程示意图；图2是本申请信贷前端页面的配置化方法第二实施例的流程示意图；图3是本申请信贷前端页面的配置化方法第三实施例的流程示意图；图4是本申请信贷前端页面的配置化方法第四实施例的流程示意图；图5是本申请计算机设备实施例的结构示意框图；图6是本申请计算机可读的存储介质实施例的结构示意框图。
具体实施方式
[0013]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅是本申请的一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0014]若本申请技术方案涉及个人信息，应用本申请技术方案的产品在处理个人信息
前，已明确告知个人信息处理规则，并取得个人自主同意。若本申请技术方案涉及敏感个人信息，应用本申请技术方案的产品在处理敏感个人信息前，已取得个人单独同意，并且同时满足“明示同意”的要求。例如，在摄像头等个人信息采集装置处，设置明确显著的标识告知已进入个人信息采集范围，将会对个人信息进行采集，若个人自愿进入采集范围即视为同意对其个人信息进行采集；或者在个人信息处理的装置上，利用明显的标识/信息告知个人信息处理规则的情况下，通过弹窗信息或者请个人自行上传其个人信息等方式获得个人授权；其中，个人信息处理规则可包括个人信息处理者、个人信息处理目的、处理方式以及处理个人信息种类等信息。
[0015]具体可以参见如下本申请信贷前端页面的配置化方法实施例的描述。
[0016]请参阅图1，图1是本申请信贷前端页面的配置化方法第一实施例的流程示意图。本申请描述的信贷前端页面的配置化方法可以包括：S11：调用接口获取信贷前端页面的界面配置数据，以及根据模板编号获取对应的界面模板；S12：利用界面配置数据和界面模板进行界面布局渲染；S13：生成界面布局的各区域的组件；S14：在界面布局进行表单默认数据初始化，以及利用模板本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种信贷前端页面的配置化方法，其特征在于，包括：调用接口获取所述信贷前端页面的界面配置数据，以及根据模板编号获取对应的界面模板；利用所述界面配置数据和所述界面模板进行界面布局渲染；生成所述界面布局的各区域的组件；在所述界面布局进行表单默认数据初始化；利用所述模板编号和与所述模板编号对应的业务数据，生成所述业务数据与所述界面模板的关联数据；发送接口请求，在所述界面布局返回目标业务数据。2.根据权利要求1所述的信贷前端页面的配置化方法，其特征在于，所述利用所述界面配置数据和所述界面模板进行界面布局渲染之后包括：遍历所述界面布局以及生成所述各区域；确认所述各区域是否嵌套页面；若嵌套有页面，则加载所述嵌套页面，并跳转至所述调用接口获取所述前端页面的界面配置数据步骤，以循环执行；否则执行所述生成所述界面布局的各区域组件步骤。3.根据权利要求1所述的信贷前端页面的配置化方法，其特征在于，所述界面配置数据包括所述界面的各区域布局数据、各区域中组件布局数据及配置数据；所述调用接口获取所述前端页面的界面配置数据之后，包括：获取界面表格配置数据以及查询表单；基于所述查询表单对界面表格配置数据进行字段提取，得到更新后的配置数据；所述利用所述界面配置数据和所述界面模板进行界面布局渲染，包括：利用所述更新后的配置数据和所述界面模板进行界面布局渲染。4.根据权利要求3所述的信贷前端页面的配置化方法，其特征在于，所述基于所述查询表单对界面表格配置数据进行提取字段，得到更新后的配置数据，还包括：对所述界面表格配置数据进行表格字段合并、更新字段名以及字段关键字中的至少一种处理，并根据处理后的界面表格配置数据进行提取查询字段处理。5.根据权利要求1~4任一项所述的信贷前端页面的配置化方法，其特征在于，所述利用所述界面配置数据和所述界面模板进行界面布局渲染，包括：利用所述界面配置数据进行页面配置，得到生成标签和/或初始化数据；所述生成所述界面布局的各区...

【专利技术属性】
技术研发人员：包小勇，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：