一种银行客户尽职调查系统页面渲染方法及相关设备

摘要

本申请提供了一种银行客户尽职调查系统页面渲染方法及相关设备，可用于移动互联领域或金融领域，该方法包括：响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识；目标tab页为预先在银行客户尽职调查系统的前端页面中生成的各个tab页中的任意一个tab页；将案例标识发送至预先构建的沙箱，以便于沙箱确定与案例标识对应的数据块，并将数据块中存储的客户案例数据进行反馈；获取沙箱反馈的客户案例数据，并将沙箱反馈的客户案例数据渲染至目标tab页中。由于将客户案例数据存储至沙箱的独立数据块中，从而在切回至tab页时，基于数据块中存储的客户案例数据渲染目标tab页，进而解决了页面显示不正确的问题。

说明书

技术领域

本申请涉及页面显示领域，尤其涉及一种银行客户尽职调查系统页面渲染方法及相关设备。

背景技术

在银行客户尽职调查系统中，每个系统角色用户(例如客户经理)负责多个客户案例数据。在前端单页面应用框架下，打开多个客户案例数据，多个客户案例数据渲染在前端的同一组件，也就是说，不同客户案例数据，在前端页面中渲染为不同的tab页。

现有技术中，在客户案例数据渲染至前端页面后，对客户案例数据进行缓存，由于缓存的存储空间不独立，从而在切出客户案例对应的tab页面之后，又重新切回至该tab页时，从缓存中提取客户案例数据渲染tab页，会存在页面显示不正确的情况，例如客户案例数据B对应的tab页面中，在D属性处显示为客户案例数据A中的d1值。

发明内容

本申请提供了一种银行客户尽职调查系统页面渲染方法及相关设备，目的在于解决现有的方案存在的页面显示不正确的问题。

为了实现上述目的，本申请提供了以下技术方案：

一种银行客户尽职调查系统页面渲染方法，包括：

响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识；其中，所述目标tab页为预先在银行客户尽职调查系统的前端页面中生成的各个tab页中的任意一个tab页；

将所述案例标识发送至预先构建的沙箱，以便于所述沙箱确定与所述案例标识对应的数据块，并将所述数据块中存储的客户案例数据进行反馈；

获取所述沙箱反馈的客户案例数据，并将所述沙箱反馈的客户案例数据渲染至所述目标tab页中。

上述的方法，可选的，预先在银行客户尽职调查系统的前端页面中生成tab页的过程，包括：

响应于所述用户的案例打开请求，从预设的数据库中获取与所述案例打开请求对应的客户案例数据和所述客户案例数据的案例标识；

在银行客户尽职调查系统的前端页面生成所述客户案例数据对应的tab页。

上述的方法，可选的，所述在银行客户尽职调查系统的前端页面生成所述客户案例数据对应的tab页之后，还包括：

将所述客户案例数据和所述客户案例数据的案例标识发送至预先构建的沙箱中，以便所述沙箱基于案例标识，为所述客户案例数据分配数据块，并将所述客户案例数据存储至所述数据块中。

上述的方法，可选的，所述在银行客户尽职调查系统的前端页面生成所述客户案例数据对应的tab页之后，还包括：

获取所述用户对所述tab页中的客户案例数据进行交互操作的操作行为数据；

将所述操作行为数据和所述tab页对应的案例标识发送至所述沙箱中，以便于所述沙箱基于所述操作行为数据，对所述案例标识对应的数据块中的客户案例数据进行更新。

上述的方法，可选的，所述在银行客户尽职调查系统的前端页面生成所述客户案例数据对应的tab页之后，还包括：

响应于用户对所述tab页的切出操作指令，获取所述用户的切出操作信息；

将所述切出操作信息进行记录。

上述的方法，可选的，所述在银行客户尽职调查系统的前端页面生成所述客户案例数据对应的tab页之后，还包括：

响应于所述用户对所述tab页的关闭操作指令，关闭所述tab页；

基于所述tab页对应的案例标识，向所述沙箱发送删除请求，以便于所述沙箱在接收到所述删除请求后，将所述案例标识对应的数据块中的客户案例数据迁移至所述数据库中。

一种银行客户尽职调查系统页面渲染装置，包括：

第一获取单元，用于响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识；其中，所述目标tab页为预先在银行客户尽职调查系统的前端页面中生成的各个tab页中的任意一个tab页；

第一发送单元，用于将所述案例标识发送至预先构建的沙箱，以便于所述沙箱确定与所述案例标识对应的数据块，并将所述数据块中存储的客户案例数据进行反馈；

渲染单元，用于获取所述沙箱反馈的客户案例数据，并将所述沙箱反馈的客户案例数据渲染至所述目标tab页中。

上述的装置，可选的，获取单元在预先在银行客户尽职调查系统的前端页面中生成tab页的过程时，具体用于：

响应于所述用户的案例打开请求，从预设的数据库中获取与所述案例打开请求对应的客户案例数据和所述客户案例数据的案例标识；

在银行客户尽职调查系统的前端页面生成所述客户案例数据对应的tab页。

一种存储介质，所述存储介质存储有指令集，其中，所述指令集被处理器执行时实现上述的银行客户尽职调查系统页面渲染方法。

一种电子设备，包括：

存储器，用于存储至少一组指令集；

处理器，用于执行所述存储器中存储的指令集，通过执行所述指令集实现上述的银行客户尽职调查系统页面渲染方法。

与现有技术相比，本申请包括以下优点：

本申请提供了一种银行客户尽职调查系统页面渲染方法及相关设备，该方法包括：响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识；其中，目标tab页为预先在银行客户尽职调查系统的前端页面中生成的各个tab页中的任意一个tab页；将案例标识发送至预先构建的沙箱，以便于沙箱确定与案例标识对应的数据块，并将数据块中存储的客户案例数据进行反馈；获取沙箱反馈的客户案例数据，并将沙箱反馈的客户案例数据渲染至目标tab页中。可见，本申请方案，由于将客户案例数据存储至沙箱的独立数据块中，从而在切回至tab页时，基于数据块中存储的客户案例数据渲染目标tab页，进而解决了页面显示不正确的问题。

附图说明

为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本申请提供的一种银行客户尽职调查系统页面渲染方法的方法流程图；

图2为本申请提供的一种银行客户尽职调查系统页面渲染方法的又一方法流程图；

图3为本申请提供的一种银行客户尽职调查系统页面渲染方法的又一方法流程图；

图4为本申请提供的一种银行客户尽职调查系统页面渲染方法的又一方法流程图；

图5为本申请提供的一种银行客户尽职调查系统页面渲染方法的又一方法流程图；

图6为本申请提供的一种数据处理装置的结构示意图；

图7为本申请提供的一种银行客户尽职调查系统页面渲染装置的结构示意图；

图8为本申请提供的一种电子设备的结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。

需要注意，本申请公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。

需要注意，本申请公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。

本申请可用于众多通用或专用的计算装置环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。

本申请提供的一种银行客户尽职调查系统页面渲染方法及相关设备，可用于移动互联网或金融领域。上述仅为示例，并不对本申请提供的一种银行客户尽职调查系统页面渲染方法及相关设备的应用领域进行限定。

本实施例中，为了便于理解，对本申请涉及的相关名词进行说明如下：

沙箱：独立的逻辑存储空间、环境、容器或作业环境，在其内部运行的程序并不能对硬盘产生永久性的影响。具有非常良好的独立性、隔离性。沙箱即独立的数据存储空间、容器。

客户尽职调查：(Customer Due Diligence，CDD)客户应尽努力、客户审查、客户身份识别。

案例：将对客户的每一次尽职调查称之为一个案例，即客户尽职调查案例。

数据持久化：将内存中的数据模型转换为存储模型，即将页面数据存储至数据库中。

参阅图1，银行客户尽职调查系统页面渲染方法的方法流程图如图1所示，应用银行客户尽职调查系统，具体包括以下步骤：

S101、响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识。

本实施例中，在切出目标tab页后，又重新切回目标tab页面时，响应用户对目标tab页面的切入操作指令，获取目标tab页面对应的案例标识。其中，目标tab页为预先在银行客户尽职调查系统的前端页面中生成各个tab页中的任意一个tab页，一个tab页对应一个案例。

其中，切入操作指令为用户通过点击目标tab页生成的指令。

S102、将案例标识发送至预先构建的沙箱，以便于沙箱确定与案例标识对应的数据块，并将数据块中存储的客户案例数据进行反馈。

本实施例中，预先构建沙箱，每在前端页面生成案例对应的tab页面，就会在预先构建的沙箱中基于该案例的案例标识，在沙箱的数据块中存储该案例对应的客户案例数据。其中，案例标识用于唯一标识客户案例数据，案例标识与数据块存在一一对应的关系。

需要说明的是，构建沙箱的具体过程请参见现有的沙箱构建过程，此处不再赘述。

本实施例中，将案例标识发送至预先构建的沙箱。

本实施例中，沙箱在接收到案例标识后，确定与该案例标识对应的数据块，并获取数据块中存储的客户案例数据，反馈该客户案例数据。

需要说明的是，获取数据块中存储的客户案例数据为数据块中当前存储的客户案例数据。

S103、获取沙箱反馈的客户案例数据，并将沙箱反馈的客户案例数据渲染至目标tab页中。

本实施例中，获取沙箱反馈的客户案例数据，并基于沙箱反馈的客户案例数据，将沙箱反馈的客户案例数据渲染至目标tab页面中。

本申请实施例提供的银行客户尽职调查系统页面渲染方法，响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识；其中，目标tab页为预先在银行客户尽职调查系统的前端页面中生成的各个tab页中的任意一个tab页；将案例标识发送至预先构建的沙箱，以便于沙箱确定与案例标识对应的数据块，并将数据块中存储的客户案例数据进行反馈；获取沙箱反馈的客户案例数据，并将沙箱反馈的客户案例数据渲染至目标tab页中。可见，本申请方案，由于将客户案例数据存储至沙箱的独立数据块中，从而在切回至tab页时，基于数据块中存储的客户案例数据渲染目标tab页，进而解决了页面显示不正确的问题。

参阅图2，上述本申请实施例步骤S101提及的预先在银行客户尽职调查系统的前端页面中生成tab页的过程，具体包括以下步骤：

S201、响应于用户的案例打开请求，从预设的数据库中获取与案例打开请求对应的客户案例数据和客户案例数据的案例标识。

本实施例中，预设数据库，数据库中预先存储多个案例的客户案例数据和每个客户案例数据的案例标识；其中，案例标识为案例ID，用于唯一区分不同的案例，也就是说不同案例的案例标识是不同的。

本实施例中，接收用户的案例打开请求，对案例打开请求进行响应，从预设的数据库中获取案例打开请求对应的客户案例数据和客户案例数据的案例标识。

其中，案例打开请求为用户通过操作用户操作列表中的案例按钮生成。

响应于用户的案例打开请求，从预设的数据库中获取与案例打开请求对应的客户案例数据和客户案例数据的案例标识的过程，具体包括：响应于用户的案例打开请求，确定数据库中与案例打开请求对应的存储位置，基于该存储位置，从数据库中获取客户案例数据和客户案例数据的案例标识。

S202、在银行客户尽职调查系统的前端页面生成客户案例数据对应的tab页。

本实施例中，基于客户案例数据，在银行客户尽职调查系统的前端页面生成该客户案例数据对应的tab页面。

需要说明的是，基于客户案例数据，在银行客户尽职调查系统的前端页面生成该客户案例数据对应的tab页面的具体过程，请参见现有的生成tab页面的过程，此处不再赘述。

本申请实施例提供的银行客户尽职调查系统页面渲染方法，响应于用户的案例打开请求，从预设的数据库中获取与案例打开请求对应的客户案例数据和客户案例数据的案例标识，在银行客户尽职调查系统的前端页面生成客户案例数据对应的tab页。

本实施例提供的银行客户尽职调查系统页面渲染方法中，步骤S202之后，还可以包括以下步骤：

将客户案例数据和客户案例数据的案例标识发送至预先构建的沙箱中，以便沙箱基于案例标识，为客户案例数据分配数据块，并将客户案例数据存储至数据块中。

本实施例中，沙箱中的数据结构如图3所示，包括索引和索引对应的数据块，其中，索引为案例号(即上述提及的案例标识)，索引对应的数据块为json串(即上述提及的客户案例数据)。

本实施例中，在银行客户尽职调查系统的前端页面生成客户案例数据对应的tab页之后，还可以将客户案例数据和客户案例数据的案例标识发送至预先构建的沙箱中。

本实施例中，沙箱在接收到客户案例数据和客户案例数据的案例标识后，基于案例标识，为客户案例数据分配数据块，并将客户案例数据存储至数据块中。实现了将客户案例数据存储至独立的数据块中。

参阅图4，本实施例提供的银行客户尽职调查系统页面渲染方法中，步骤S202之后，还可以包括以下步骤：

S401、获取用户对tab页中的客户案例数据进行交互操作的操作行为数据。

本实施例中，获取用户对tab页中的客户案例数据进行交互操作的操作行为数据，其中，交互操作包括但不限于点击操作、选择操作和填写操作。

S402、将操作行为数据和tab页对应的案例标识发送至沙箱中，以便于沙箱基于操作行为数据，对案例标识对应的数据块中的客户案例数据进行更新。

本实施例中，实时将操作行为数据和tab页对应的案例标识发送至沙箱中，其中，tab页对应的案例标识为tab页中的客户案例数据的案例标识。

本实施例中，沙箱在接收到操作行为数据和tab页对应的案例标识后，确定与案例标识对应的数据块，并基于操作行为数据，对案例标识对应的数据块进行更新，具体的，确定目标数据块中操作行为数据对应的属性，基于操作行为数据，对所确定属性对应的数据项进行更新。其中，目标数据块为案例标识对应的数据块。

本实施例中，实时将操作行为数据和tab页对应的案例标识发送至沙箱中，以便于沙箱基于操作行为数据，对案例标识对应的数据块中的客户案例数据进行更新。从而确保数据的一致性，即确定用户操作和页面显示的一致性，最终确保持久化数据的准确性。

本实施例提供的银行客户尽职调查系统页面渲染方法中，步骤S202之后，还可以包括以下步骤：

响应于用户对tab页的切出操作指令，获取用户的切出操作信息；

将切出操作信息进行记录。

本实施例中，响应于用户对tab页的切出操作指令，获取用户的切出操作信息，并将切出操作信息进行记录。以保留用户切出tab页面的痕迹。

参阅图5，本实施例提供的银行客户尽职调查系统页面渲染方法中，步骤S202之后，还可以包括以下步骤：

S501、响应于用户对tab页的关闭操作指令，关闭tab页。

本实施例中，接收用户对tab页的关闭指令，对关闭操作指令进行响应，关闭tab页。

S502、基于tab页对应的案例标识，向沙箱发送删除请求，以便于沙箱在接收到删除请求后，将案例标识对应的数据块中的客户案例数据迁移至数据库中。

本实施例中，在关闭tab页之后，基于tab页对应的案例标识，向沙箱发送删除请求，以便于沙箱在接收到删除请求后，将案例标识对应的数据块中的客户案例数据迁移至数据库中，即从案例标识对应的数据块中获取当前的客户案例数据，并将客户案例数据发送至数据库进行存储，并删除案例标识对应的数据块中的客户案例数据。

本申请实施例，完成关闭tab页时，客户案例数据持久化至服务器上的数据库中，同时将客户案例数据从沙箱中移除，以便加入新的资源。

参阅图6，本申请实施例还提供了一种数据处理装置600，包括银行客户尽职调查系统601和沙箱602。

银行客户尽职调查系统601既是数据沙箱中数据的来源(用户在网页中的每一个操作(点击、选择、填写等)都会改变沙箱中的数据)，同时也是沙箱数据的“消费者”，当用户切回案例视图(即上述提及的前端页面的目标tab页)时从沙箱中取出对应数据源并渲染。

沙箱602作为系统前端网页的临时“数据库”，在用户进入系统打开尽调案例时，即生成该案例的沙箱数据记录，此后用户在页面的所有操作数据都将同步至该记录中，保证回显与最终持久化的准确性；当用户在前端完成案例操作，关闭案例详情页(即tab页)时，将对应案例数据记录从沙箱中移除。

需要说明的是，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。

应当理解，本申请公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本申请公开的范围在此方面不受限制。

与图1所述的方法相对应，本申请实施例还提供了一种银行客户尽职调查系统页面渲染装置，用于对图1中方法的具体实现，其结构示意图如图7所示，具体包括：

第一获取单元701，用于响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识；其中，所述目标tab页为预先在银行客户尽职调查系统的前端页面中生成的各个tab页中的任意一个tab页；

第一发送单元702，用于将所述案例标识发送至预先构建的沙箱，以便于所述沙箱确定与所述案例标识对应的数据块，并将所述数据块中存储的客户案例数据进行反馈；

渲染单元703，用于获取所述沙箱反馈的客户案例数据，并将所述沙箱反馈的客户案例数据渲染至所述目标tab页中。

本申请实施例提供的银行客户尽职调查系统页面渲染装置，响应于用户对目标tab页的切入操作指令，获取目标tab页对应案例标识；其中，目标tab页为预先在银行客户尽职调查系统的前端页面中生成的各个tab页中的任意一个tab页；将案例标识发送至预先构建的沙箱，以便于沙箱确定与案例标识对应的数据块，并将数据块中存储的客户案例数据进行反馈；获取沙箱反馈的客户案例数据，并将沙箱反馈的客户案例数据渲染至目标tab页中。可见，本申请方案，由于将客户案例数据存储至沙箱的独立数据块中，从而在切回至tab页时，基于数据块中存储的客户案例数据渲染目标tab页，进而解决了页面显示不正确的问题。

在本申请的一个实施例中，基于前述方案，第一获取单元701在预先在银行客户尽职调查系统的前端页面中生成tab页的过程时，具体用于：

响应于所述用户的案例打开请求，从预设的数据库中获取与所述案例打开请求对应的客户案例数据和所述客户案例数据的案例标识；

在银行客户尽职调查系统的前端页面生成所述客户案例数据对应的tab页。

在本申请的一个实施例中，基于前述方案，还可以配置为：

第二发送单元，用于将所述客户案例数据和所述客户案例数据的案例标识发送至预先构建的沙箱中，以便所述沙箱基于案例标识，为所述客户案例数据分配数据块，并将所述客户案例数据存储至所述数据块中。

在本申请的一个实施例中，基于前述方案，还可以配置为：

第二获取单元，用于获取所述用户对所述tab页中的客户案例数据进行交互操作的操作行为数据；

第三发送单元，用于将所述操作行为数据和所述tab页对应的案例标识发送至所述沙箱中，以便于所述沙箱基于所述操作行为数据，对所述案例标识对应的数据块中的客户案例数据进行更新。

在本申请的一个实施例中，基于前述方案，还可以配置为：

第三获取单元，用于响应于用户对所述tab页的切出操作指令，获取所述用户的切出操作信息；

记录单元，用于将所述切出操作信息进行记录。

在本申请的一个实施例中，基于前述方案，还可以配置为：

关闭单元，用于响应于所述用户对所述tab页的关闭操作指令，关闭所述tab页；

第四发送单元，用于基于所述tab页对应的案例标识，向所述沙箱发送删除请求，以便于所述沙箱在接收到所述删除请求后，将所述案例标识对应的数据块中的客户案例数据迁移至所述数据库中。

本申请实施例还提供了一种存储介质，所述存储介质存储有指令集，其中，在所述指令集运行时执行如上文任一实施例公开的银行客户尽职调查系统页面渲染方法。

本申请实施例还提供了一种电子设备，其结构示意图如图8所示，具体包括存储器801，用于存储至少一组指令集；处理器802，用于执行所述存储器中存储的指令集，通过执行所述指令集实现如上文任一实施例公开的银行客户尽职调查系统页面渲染方法。

尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本申请公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

以上描述仅为本申请公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本申请公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。