CN117235787A - 一种页面交互方法、装置、设备及其存储介质 - Google Patents

Abstract

本申请实施例属于数字医疗技术领域，应用于数字医疗平台页面隐私数据安全防护场景中，涉及一种页面交互方法、装置、设备及其存储介质，包括获取目标隐私数据；从预设的静态页面模板库中筛选出目标隐私数据对应的静态页面模板，并进行区别标记；根据区别标记，获取与静态页面模板相配套的动态渲染模板；对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态页面模板和动态渲染模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在数字医疗平台前端进行隐私数据获取和页面渲染，降低了患者隐私数据在前端界面被捕获或抓包的风险，提高了隐私数据传输过程中的安全性。

Description

一种页面交互方法、装置、设备及其存储介质

技术领域

本申请涉及数字医疗技术领域，应用于数字医疗平台页面隐私数据安全防护场景中，尤其涉及一种页面交互方法、装置、设备及其存储介质。

背景技术

页面交互时，对于数据的渲染，经常采用的方法是在数据请求端通过XHR对象和Ajax函数形式将数据库中数据渲染到请求端，但是，这种渲染方式对于相对重要且隐私的数据防护是很不安全的，很容易被捕获或者抓包，造成数据泄露。尤其是在数字医疗领域，无论是患者的个人信息还是患者的病情信息，例如男科、妇科等病例报告数据，如果直接采用前端渲染的方式，容易被捕获或者抓包，造成患者个人信息或者隐私性病情数据被泄露。

但是，由于业务的需要，很多场景下不得不将患者个人信息或者隐私性病情数据发送给患者。因此，亟需一种页面交互方法，使得页面内容既不易被捕获或者抓包，也能够保证隐私数据正常被目标接收端接收，避免隐私数据泄露。

发明内容

本申请实施例的目的在于提出一种页面交互方法、装置、设备及其存储介质，以解决现有技术在进行页面交互时，直接在前端页面进行数据渲染，导致数据被捕获或者抓包，造成隐私数据泄露的问题。

为了解决上述技术问题，本申请实施例提供页面交互方法，采用了如下所述的技术方案：

一种页面交互方法，包括下述步骤：

获取目标隐私数据；

根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；

对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；

基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；

根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；

调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。

进一步的，所述获取目标隐私数据的步骤，具体包括：

获取从页面请求端发送的数据访问请求；

解析所述数据访问请求，获取解析结果，其中，所述解析结果中包括所述目标访问数据对应的属性字段信息、所述目标访问数据在目标存储库中的存储地址；

根据预设的安全识别组件和所述属性字段信息，识别目标访问数据的安全级别；

若所述目标访问数据的安全级别未达到设定的防护级别，则将所述目标访问数据设置为常规访问数据，并通过所述页面请求端提供的JS对象和所述存储地址，从所述目标存储库内获取所述目标访问数据，其中，所述JS对象包括由XMLHttpRequest函数或Ajax函数生成的JS对象；

若所述目标访问数据的安全级别达到设定的防护级别，则将所述目标访问数据设置为目标隐私数据，并将所述数据访问请求转发到目标服务端，并在所述目标服务端根据所述存储地址从所述目标存储库内获取所述目标访问数据。

进一步的，所述解析结果中还包括所述目标访问数据对应的展示页面信息，在执行所述根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板的步骤之前，所述方法还包括：

根据所述数据访问请求对应的解析结果，识别出所述目标隐私数据对应的展示页面信息，其中，所述展示页面信息包括展示页面ID以及展示页面地址；

所述筛选组件用于通过展示页面ID识别出不同展示页面所分别对应的静态页面模板，所述根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板的步骤，具体包括：

将所述展示页面ID作为筛选字段，输入到所述筛选组件内；

基于所述筛选组件从所述静态页面模板库中识别出所述展示页面ID对应的静态页面模板，其中，所述静态页面模板库中包含了整个前端界面使用到的所有静态页面模板，所述静态页面模板为HTML格式文件；

获取所述展示页面ID对应的静态页面模板作为所述目标隐私数据对应的静态页面模板；

所述对所述静态页面模板进行区别标记的步骤，具体包括：

采用预设的区别标记字段对所述静态页面模板进行区别标记，其中，所述预设的区别标记字段包括模板名称。

进一步的，在执行所述获取与所述静态页面模板相配套的动态渲染模板的步骤之前，所述方法还包括：

根据所述安全识别组件识别出所述目标缓存库中所有待防护的属性字段信息，其中，所述待防护的属性字段信息为安全级别达到设定防护级别的属性字段信息；

采用DOM解析方式，对所述静态页面模板库中所有静态页面模板进行页面解析，识别出每个静态页面模板中分别包含的属性字段信息；

根据所述目标缓存库中所有待防护的属性字段信息和每个静态页面模板中分别包含的属性字段信息，进行筛查，识别每个静态页面模板中是否包含了待防护的属性字段信息；

对包含了待防护的属性字段信息的静态页面模板，根据预设的JS框架创建所述静态页面模板对应的动态渲染模板，并将所述静态页面模板的区别标记设置为其对应动态渲染模板的区别标记，其中，所述预设的JS框架为Next框架，所述Next框架为服务端动态渲染框架，所述动态渲染模板为JS格式文件；

对由所述JS框架创建的所有动态渲染模板，以每个动态渲染模板对应的标本标记为区别字段，缓存所有动态渲染模板至预设的动态模板库；

所述获取与所述静态页面模板相配套的动态渲染模板的步骤，具体包括：

获取所述静态页面模板的区别标记；

基于所述静态页面模板的区别标记从所述动态模板库中识别出与所述静态页面模板相配套的动态渲染模板，并在所述目标服务端通过模板调用方式从所述动态模板库中获取到所述动态渲染模板。

进一步的，所述基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面的步骤，具体包括：

将所述目标隐私数据发送到所述目标服务端中预设的脱敏处理组件内；

通过所述脱敏处理组件对所述目标隐私数据进行脱敏处理，获得所述目标隐私数据对应的脱敏数据；

通过所述动态渲染组件和所述动态渲染模板，将所述脱敏数据渲染到所述静态页面模板内，生成所述数据防护页面；

所述根据预设的页面ID生成组件，生成所述数据防护页面的页面ID的步骤，具体包括：

将所述数据防护页面加入到预设的页面存储库内，并根据所述页面存储库内置的页面ID生成组件，生成所述数据防护页面的页面ID，其中，所述预设的页面ID生成组件为所述页面存储库内置的页面ID生成组件，或者

根据预设的页面ID生成组件，对所述数据防护页面进行页面ID生成，并将生成的页面ID和所述数据防护页面逐对缓存到预设的页面存储库内，其中，所述预设的页面ID生成组件为外置于所述页面存储库的页面ID生成组件。

进一步的，在执行所述根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址的步骤之前，所述方法还包括：

获取所述数据防护页面在所述页面存储库中的存储地址信息；

将所述数据防护页面在所述页面存储库中的存储地址信息以及所述数据防护页面的页面ID以成对返回值形式返回给所述页面请求端；

所述根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址的步骤，具体包括：

根据所述成对返回值，构建所述数据防护页面对应的页面获取地址；

以所述展示页面ID以及所述展示页面地址，构建所述数据防护页面对应的页面输出地址；

根据所述页面获取地址和所述页面输出地址，构建所述数据防护页面对应的跳转地址。

进一步的，在执行所述调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作的步骤之前，所述方法还包括：

获取不同数据防护页面分别在所述页面存储库中的存储地址信息；

将不同数据防护页面分别在所述页面存储库中的存储地址信息以及页面ID以成对返回值形式返回给所述页面请求端；

根据所述成对返回值，构建不同数据防护页面分别对应的页面获取地址；

以所述展示页面ID以及所述展示页面地址，构建所有数据防护页面统一的页面输出地址；

根据不同数据防护页面分别对应的页面获取地址和所有数据防护页面统一的页面输出地址，构建不同数据防护页面分别对应的跳转地址；

所述调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作的步骤，具体包括：

通过向所述预设的页面跳转组件内输入目标数据防护页面对应的跳转地址，实现跳转到所述目标数据防护页面，将不同数据防护页面作为所述目标数据防护页面，实现不同数据防护页面间的页面交互。

为了解决上述技术问题，本申请实施例还提供页面交互装置，采用了如下所述的技术方案：

一种页面交互装置，包括：

隐私数据获取模块，用于获取目标隐私数据；

静态页面模板筛选模块，用于根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；

动态渲染模板获取模块，用于对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；

数据防护页面生成模块，用于基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；

跳转地址构建模块，用于根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；

页面交互实现模块，用于调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。

为了解决上述技术问题，本申请实施例还提供一种计算机设备，采用了如下所述的技术方案：

一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现上述所述的页面交互方法的步骤。

为了解决上述技术问题，本申请实施例还提供一种计算机可读存储介质，采用了如下所述的技术方案：

一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如上述所述的页面交互方法的步骤。

与现有技术相比，本申请实施例主要有以下有益效果：

本申请实施例所述页面交互方法，通过获取目标隐私数据；根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。本申请对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态模板和动态模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在数字医疗平台前端进行隐私数据获取和页面渲染，降低了患者隐私数据在前端界面被捕获或抓包的风险，提高了隐私数据传输过程中的安全性。

附图说明

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

图1是本申请可以应用于其中的示例性系统架构图；

图2根据本申请的页面交互方法的一个实施例的流程图；

图3是图2所示步骤201的一个具体实施例的流程图；

图4是图2所示步骤204的一个具体实施例的流程图；

图5根据本申请的页面交互装置的一个实施例的结构示意图；

图6根据本申请的计算机设备的一个实施例的结构示意图。

具体实施方式

除非另有定义，本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同；本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本申请；本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形，意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象，而不是用于描述特定顺序。

在本文中提及“实施例”意味着，结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例，也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是，本文所描述的实施例可以与其它实施例相结合。

为了使本技术领域的人员更好地理解本申请方案，下面将结合附图，对本申请实施例中的技术方案进行清楚、完整地描述。

如图1所示，系统架构100可以包括终端设备101、102、103，网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用终端设备101、102、103通过网络104与服务器105交互，以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用，例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。

终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving PictureExpertsGroup Audio Layer III，动态影像专家压缩标准音频层面3)、MP4(MovingPictureExperts Group Audio Layer IV，动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对终端设备101、102、103上显示的页面提供支持的后台服务器。

需要说明的是，本申请实施例所提供的页面交互方法一般由服务器/终端设备执行，相应地，页面交互装置一般设置于服务器/终端设备中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

继续参考图2，示出了根据本申请的页面交互方法的一个实施例的流程图。所述的页面交互方法，包括以下步骤：

步骤201，获取目标隐私数据。

本实施例中，所述目标隐私数据，具体可以为数字医疗平台中患者的个人信息或者男科患者的病情数据、妇科患者的病情数据等。

继续参考图3，图3是图2所示步骤201的一个具体实施例的流程图，包括：

步骤301，获取从页面请求端发送的数据访问请求；

本实施例中，所述页面请求端为数字医疗平台客户端提供给患者的信息接收页面，具体的，患者用户可以通过所述页面请求端的前端页面进行病情数据获取。

步骤302，解析所述数据访问请求，获取解析结果，其中，所述解析结果中包括所述目标访问数据对应的属性字段信息、所述目标访问数据在目标存储库中的存储地址；

步骤303，根据预设的安全识别组件和所述属性字段信息，识别目标访问数据的安全级别；

本实施例中，预先为数据对应的属性字段信息设置安全级别，即隐私性越高的数据其对应的属性字段信息的安全级别越高。

步骤304，若所述目标访问数据的安全级别未达到设定的防护级别，则将所述目标访问数据设置为常规访问数据，并通过所述页面请求端提供的JS对象和所述存储地址，从所述目标存储库内获取所述目标访问数据，其中，所述JS对象包括由XMLHttpRequest函数或Ajax函数生成的JS对象；

本实施例中，在将患者病情数据或者个人信息数据发送给患者前，会先进行防护级别判断，对于患者非隐私性病情数据，例如，感冒症状、住院时长等数据，可以直接使用页面请求端提供的JS对象和所述存储地址，从所述目标存储库内获取所述目标访问数据，而无需考虑对该类数据做页面交互防护处理。

步骤305，若所述目标访问数据的安全级别达到设定的防护级别，则将所述目标访问数据设置为目标隐私数据，并将所述数据访问请求转发到目标服务端，并在所述目标服务端根据所述存储地址从所述目标存储库内获取所述目标访问数据。

本实施例中，所述目标存储库为所述数字医疗平台用于存储患者个人信息以及患者病情数据的数据库。

本实施例中，在将患者病情数据或者个人信息数据发送给患者前，会先进行防护级别判断，对于患者隐私性病情数据，例如，男科患者的病情数据、妇科患者的病情数据等，考虑不再使用步骤304直接渲染方式，而是通过服务端进行数据访问，由于服务端相较于客户端的页面请求端，一般情况下安全性更高，数据获取时不易被捕获或抓包，进一步的提高了隐私数据的安全性，不易造成目标隐私数据的泄露。

步骤202，根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板。

本实施例中，所述解析结果中还包括所述目标访问数据对应的展示页面信息。

本实施例中，在执行所述根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板的步骤之前，所述方法还包括：根据所述数据访问请求对应的解析结果，识别出所述目标隐私数据对应的展示页面信息，其中，所述展示页面信息包括展示页面ID以及展示页面地址。

由于页面的正常展示，往往是将数据结合静态页面模板、动态渲染模板和层叠样式模板来共同实现展示，而又由于在数字医疗平台上，对于患者个人信息展示和患者病情数据展示，会因为病情的不同、科室的不同存在不同的展示模板，因此，不同的隐私数据最终对应的展示页面也是不同的，而由于患者的不同或者请求展示的操作端的不同，例如，手机或者电脑，也会造成展示页面发送时对应的展示页面地址不同，因此，往往在发送数据访问请求时，基于患者的不同请求，已匹配好数据返回时对应的展示页面ID以及展示页面地址。通过识别出展示页面ID以及展示页面地址，便于更好的为数据展示提供相应的适配模板。

本实施例中，所述筛选组件用于通过展示页面ID识别出不同展示页面所分别对应的静态页面模板。

本实施例中，所述根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板的步骤，具体包括：将所述展示页面ID作为筛选字段，输入到所述筛选组件内；基于所述筛选组件从所述静态页面模板库中识别出所述展示页面ID对应的静态页面模板，其中，所述静态页面模板库中包含了整个前端界面使用到的所有静态页面模板，所述静态页面模板为HTML格式文件；获取所述展示页面ID对应的静态页面模板作为所述目标隐私数据对应的静态页面模板。

步骤203，对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成。

本实施例中，所述对所述静态页面模板进行区别标记的步骤，具体包括：采用预设的区别标记字段对所述静态页面模板进行区别标记，其中，所述预设的区别标记字段包括模板名称。

本实施例中，在执行所述获取与所述静态页面模板相配套的动态渲染模板的步骤之前，所述方法还包括：根据所述安全识别组件识别出所述目标缓存库中所有待防护的属性字段信息，其中，所述待防护的属性字段信息为安全级别达到设定防护级别的属性字段信息；采用DOM解析方式，对所述静态页面模板库中所有静态页面模板进行页面解析，识别出每个静态页面模板中分别包含的属性字段信息；根据所述目标缓存库中所有待防护的属性字段信息和每个静态页面模板中分别包含的属性字段信息，进行筛查，识别每个静态页面模板中是否包含了待防护的属性字段信息；对包含了待防护的属性字段信息的静态页面模板，根据预设的JS框架创建所述静态页面模板对应的动态渲染模板，并将所述静态页面模板的区别标记设置为其对应动态渲染模板的区别标记，其中，所述预设的JS框架为Next框架，所述Next框架为服务端动态渲染框架，所述动态渲染模板为JS格式文件；对由所述JS框架创建的所有动态渲染模板，以每个动态渲染模板对应的标本标记为区别字段，缓存所有动态渲染模板至预设的动态模板库。

本实施例中，在进行数据渲染和页面交互前，先明确了所述目标缓存库中所有防护级别达标的数据分别对应的属性字段信息，然后，筛选出需对所述属性字段信息进行展示时涉及到的静态页面模板，采用Next框架创建所述静态页面模板对应的动态渲染模板，即预先在服务端采用Next框架创建了所有防护级别达标的数据分别对应的动态渲染模板，使得后续使用时，对于隐私数据直接在服务端选择相应动态渲染模板和静态页面模板，完成页面生成，避免了在请求端进行页面生成，进一步提高了隐私数据的安全性。

本实施例中，所述获取与所述静态页面模板相配套的动态渲染模板的步骤，具体包括：获取所述静态页面模板的区别标记；基于所述静态页面模板的区别标记从所述动态模板库中识别出与所述静态页面模板相配套的动态渲染模板，并在所述目标服务端通过模板调用方式从所述动态模板库中获取到所述动态渲染模板。

步骤204，基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID。

继续参考图4，图4是图2所示步骤204的一个具体实施例的流程图，包括：

步骤401，将所述目标隐私数据发送到所述目标服务端中预设的脱敏处理组件内；

步骤402，通过所述脱敏处理组件对所述目标隐私数据进行脱敏处理，获得所述目标隐私数据对应的脱敏数据；

本实施例中，所述脱敏处理可以为加密处理，即对目标隐私数据进行加密处理，后续只要向目标请求端发送解密秘钥，在目标请求端通过跳转地址获取到所述数据防护页面后，仅需进行相应解密，即可查看到对应的数据内容，通过加密处理，进一步的保证了数据传输时隐私数据的安全性。

步骤403，通过所述动态渲染组件和所述动态渲染模板，将所述脱敏数据渲染到所述静态页面模板内，生成所述数据防护页面；

步骤404，将所述数据防护页面加入到预设的页面存储库内，并根据所述页面存储库内置的页面ID生成组件，生成所述数据防护页面的页面ID，其中，所述预设的页面ID生成组件为所述页面存储库内置的页面ID生成组件；

步骤405，根据预设的页面ID生成组件，对所述数据防护页面进行页面ID生成，并将生成的页面ID和所述数据防护页面逐对缓存到预设的页面存储库内，其中，所述预设的页面ID生成组件为外置于所述页面存储库的页面ID生成组件。

本实施例中，通过先对所述目标隐私数据进行脱敏处理，然后再结合所述动态渲染组件和所述动态渲染模板，将所述脱敏数据渲染到所述静态页面模板内，生成所述数据防护页面，页面入库和设置页面ID，脱敏处理再一步的保证了隐私数据的安全性，而生成所述数据防护页面，页面入库和设置页面ID使得向请求端返回数据时，只返回待查看数据的页面链接，不再直接展示相应的数据，又进一步的保证了目标隐私数据的安全性。

步骤205，根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址。

本实施例中，在执行所述根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址的步骤之前，所述方法还包括：获取所述数据防护页面在所述页面存储库中的存储地址信息；将所述数据防护页面在所述页面存储库中的存储地址信息以及所述数据防护页面的页面ID以成对返回值形式返回给所述页面请求端。

本实施例中，所述根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址的步骤，具体包括：根据所述成对返回值，构建所述数据防护页面对应的页面获取地址；以所述展示页面ID以及所述展示页面地址，构建所述数据防护页面对应的页面输出地址；根据所述页面获取地址和所述页面输出地址，构建所述数据防护页面对应的跳转地址。

通过将数据防护页面在所述页面存储库中的存储地址信息以及所述数据防护页面的页面ID以成对返回值形式返回给所述页面请求端，而页面请求端根据所述成对返回值，构建所述数据防护页面对应的页面获取地址，再根据所述展示页面ID以及所述展示页面地址，构建所述数据防护页面对应的页面输出地址，通过所述页面获取地址和所述页面输出地址，构建所述数据防护页面对应的跳转地址，保证了在获取所述数据防护页面时，由多个地址指标共同构成，由于展示页面地址往往对应请求端的IP地址，安全性更高，使得页面无法被其他人员下载或者拦截，保证了目标隐私数据的安全传输，同时，采用整个页面调用跳转方式，也降低了页面中内容被捕获或者抓包的风险。

步骤206，调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。

本实施例中，在执行所述调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作的步骤之前，所述方法还包括：获取不同数据防护页面分别在所述页面存储库中的存储地址信息；将不同数据防护页面分别在所述页面存储库中的存储地址信息以及页面ID以成对返回值形式返回给所述页面请求端；根据所述成对返回值，构建不同数据防护页面分别对应的页面获取地址；以所述展示页面ID以及所述展示页面地址，构建所有数据防护页面统一的页面输出地址；根据不同数据防护页面分别对应的页面获取地址和所有数据防护页面统一的页面输出地址，构建不同数据防护页面分别对应的跳转地址。

本实施例中，所述调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作的步骤，具体包括：通过向所述预设的页面跳转组件内输入目标数据防护页面对应的跳转地址，实现跳转到所述目标数据防护页面，将不同数据防护页面作为所述目标数据防护页面，实现不同数据防护页面间的页面交互。

对于同一患者涉及到多个类别的隐私数据，可以直接根据不同跳转地址获取不同数据防护页面，由于患者使用的请求端或者展示页面是一致的，因此，以展示页面ID以及展示页面地址，构建所有数据防护页面统一的页面输出地址，更加科学化。实质上，本实施例对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态模板和动态模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在前端进行数据获取和页面渲染，降低了数据在前端界面被捕获或抓包的风险，提高了数据的安全性。

本申请通过获取目标隐私数据；根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。本申请对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态模板和动态模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在数字医疗平台前端进行隐私数据获取和页面渲染，降低了患者隐私数据在前端界面被捕获或抓包的风险，提高了隐私数据传输过程中的安全性。

本申请实施例可以基于人工智能技术对相关的数据进行获取和处理。其中，人工智能(Artificial Intelligence，AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。

人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术主要包括计算机视觉技术、机器人技术、生物识别技术、语音处理技术、自然语言处理技术以及机器学习/深度学习等几大方向。

本申请实施例中，通过对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态模板和动态模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在数字医疗平台前端进行隐私数据获取和页面渲染，降低了患者隐私数据在前端界面被捕获或抓包的风险，提高了隐私数据传输过程中的安全性。

进一步参考图5，作为对上述图2所示方法的实现，本申请提供了页面交互装置的一个实施例，该装置实施例与图2所示的方法实施例相对应，该装置具体可以应用于各种电子设备中。

如图5所示，本实施例所述的页面交互装置500包括：隐私数据获取模块501、静态页面模板筛选模块502、动态渲染模板获取模块503、数据防护页面生成模块504、跳转地址构建模块505和页面交互实现模块506。

其中：

隐私数据获取模块501，用于获取目标隐私数据；

静态页面模板筛选模块502，用于根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；

动态渲染模板获取模块503，用于对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；

数据防护页面生成模块504，用于基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；

跳转地址构建模块505，用于根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；

页面交互实现模块506，用于调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。

本申请通过获取目标隐私数据；根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。本申请对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态模板和动态模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在数字医疗平台前端进行隐私数据获取和页面渲染，降低了患者隐私数据在前端界面被捕获或抓包的风险，提高了隐私数据传输过程中的安全性。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，该计算机可读指令可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory，ROM)等非易失性存储介质，或随机存储记忆体(Random Access Memory，RAM)等。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

为解决上述技术问题，本申请实施例还提供计算机设备。具体请参阅图6，图6为本实施例计算机设备基本结构框图。

所述计算机设备6包括通过系统总线相互通信连接存储器6a、处理器6b、网络接口6c。需要指出的是，图中仅示出了具有组件6a-6c的计算机设备6，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。其中，本技术领域技术人员可以理解，这里的计算机设备是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit，ASIC)、可编程门阵列(Field－Programmable GateArray，FPGA)、数字处理器(Digital Signal Processor，DSP)、嵌入式设备等。

所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。

所述存储器6a至少包括一种类型的可读存储介质，所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，所述存储器6a可以是所述计算机设备6的内部存储单元，例如该计算机设备6的硬盘或内存。在另一些实施例中，所述存储器6a也可以是所述计算机设备6的外部存储设备，例如该计算机设备6上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(FlashCard)等。当然，所述存储器6a还可以既包括所述计算机设备6的内部存储单元也包括其外部存储设备。本实施例中，所述存储器6a通常用于存储安装于所述计算机设备6的操作系统和各类应用软件，例如一种页面交互方法的计算机可读指令等。此外，所述存储器6a还可以用于暂时地存储已经输出或者将要输出的各类数据。

所述处理器6b在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器6b通常用于控制所述计算机设备6的总体操作。本实施例中，所述处理器6b用于运行所述存储器6a中存储的计算机可读指令或者处理数据，例如运行所述页面交互方法的计算机可读指令。

所述网络接口6c可包括无线网络接口或有线网络接口，该网络接口6c通常用于在所述计算机设备6与其他电子设备之间建立通信连接。

本实施例提出的计算机设备，属于数字医疗技术领域，应用于数字医疗平台页面隐私数据安全防护场景中。本申请通过通过获取目标隐私数据；根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。本申请对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态模板和动态模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在数字医疗平台前端进行隐私数据获取和页面渲染，降低了患者隐私数据在前端界面被捕获或抓包的风险，提高了隐私数据传输过程中的安全性。

本申请还提供了另一种实施方式，即提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，所述计算机可读指令可被处理器执行，以使所述处理器执行如上述的页面交互方法的步骤。

本实施例提出的计算机可读存储介质，属于数字医疗技术领域，应用于数字医疗平台页面隐私数据安全防护场景中。本申请通过通过获取目标隐私数据；根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。本申请对目标隐私数据的获取上，直接从服务端进行获取，根据获取的目标隐私数据直接在服务端结合静态模板和动态模板生成数据防护页面，最后向数据请求端提供所述数据访问页面的跳转地址，避免了在数字医疗平台前端进行隐私数据获取和页面渲染，降低了患者隐私数据在前端界面被捕获或抓包的风险，提高了隐私数据传输过程中的安全性。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本申请各个实施例所述的方法。

显然，以上所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例，附图中给出了本申请的较佳实施例，但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现，相反地，提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明，对于本领域的技术人员来而言，其依然可以对前述各具体实施方式所记载的技术方案进行修改，或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构，直接或间接运用在其他相关的技术领域，均同理在本申请专利保护范围之内。

Claims (10)

1.一种页面交互方法，其特征在于，包括下述步骤：

获取目标隐私数据；

根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；

对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；

基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；

根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；

调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。

2.根据权利要求1所述的页面交互方法，其特征在于，所述获取目标隐私数据的步骤，具体包括：

获取从页面请求端发送的数据访问请求；

解析所述数据访问请求，获取解析结果，其中，所述解析结果中包括所述目标访问数据对应的属性字段信息、所述目标访问数据在目标存储库中的存储地址；

根据预设的安全识别组件和所述属性字段信息，识别目标访问数据的安全级别；

若所述目标访问数据的安全级别未达到设定的防护级别，则将所述目标访问数据设置为常规访问数据，并通过所述页面请求端提供的JS对象和所述存储地址，从所述目标存储库内获取所述目标访问数据，其中，所述JS对象包括由XMLHttpRequest函数或Ajax函数生成的JS对象；

若所述目标访问数据的安全级别达到设定的防护级别，则将所述目标访问数据设置为目标隐私数据，并将所述数据访问请求转发到目标服务端，并在所述目标服务端根据所述存储地址从所述目标存储库内获取所述目标访问数据。

3.根据权利要求2所述的页面交互方法，其特征在于，所述解析结果中还包括所述目标访问数据对应的展示页面信息，在执行所述根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板的步骤之前，所述方法还包括：

根据所述数据访问请求对应的解析结果，识别出所述目标隐私数据对应的展示页面信息，其中，所述展示页面信息包括展示页面ID以及展示页面地址；

所述筛选组件用于通过展示页面ID识别出不同展示页面所分别对应的静态页面模板，所述根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板的步骤，具体包括：

将所述展示页面ID作为筛选字段，输入到所述筛选组件内；

基于所述筛选组件从所述静态页面模板库中识别出所述展示页面ID对应的静态页面模板，其中，所述静态页面模板库中包含了整个前端界面使用到的所有静态页面模板，所述静态页面模板为HTML格式文件；

获取所述展示页面ID对应的静态页面模板作为所述目标隐私数据对应的静态页面模板；

所述对所述静态页面模板进行区别标记的步骤，具体包括：

采用预设的区别标记字段对所述静态页面模板进行区别标记，其中，所述预设的区别标记字段包括模板名称。

4.根据权利要求3所述的页面交互方法，其特征在于，在执行所述获取与所述静态页面模板相配套的动态渲染模板的步骤之前，所述方法还包括：

根据所述安全识别组件识别出所述目标缓存库中所有待防护的属性字段信息，其中，所述待防护的属性字段信息为安全级别达到设定防护级别的属性字段信息；

采用DOM解析方式，对所述静态页面模板库中所有静态页面模板进行页面解析，识别出每个静态页面模板中分别包含的属性字段信息；

根据所述目标缓存库中所有待防护的属性字段信息和每个静态页面模板中分别包含的属性字段信息，进行筛查，识别每个静态页面模板中是否包含了待防护的属性字段信息；

对包含了待防护的属性字段信息的静态页面模板，根据预设的JS框架创建所述静态页面模板对应的动态渲染模板，并将所述静态页面模板的区别标记设置为其对应动态渲染模板的区别标记，其中，所述预设的JS框架为Next框架，所述Next框架为服务端动态渲染框架，所述动态渲染模板为JS格式文件；

对由所述JS框架创建的所有动态渲染模板，以每个动态渲染模板对应的标本标记为区别字段，缓存所有动态渲染模板至预设的动态模板库；

所述获取与所述静态页面模板相配套的动态渲染模板的步骤，具体包括：

获取所述静态页面模板的区别标记；

基于所述静态页面模板的区别标记从所述动态模板库中识别出与所述静态页面模板相配套的动态渲染模板，并在所述目标服务端通过模板调用方式从所述动态模板库中获取到所述动态渲染模板。

5.根据权利要求4所述的页面交互方法，其特征在于，所述基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面的步骤，具体包括：

将所述目标隐私数据发送到所述目标服务端中预设的脱敏处理组件内；

通过所述脱敏处理组件对所述目标隐私数据进行脱敏处理，获得所述目标隐私数据对应的脱敏数据；

通过所述动态渲染组件和所述动态渲染模板，将所述脱敏数据渲染到所述静态页面模板内，生成所述数据防护页面；

所述根据预设的页面ID生成组件，生成所述数据防护页面的页面ID的步骤，具体包括：

将所述数据防护页面加入到预设的页面存储库内，并根据所述页面存储库内置的页面ID生成组件，生成所述数据防护页面的页面ID，其中，所述预设的页面ID生成组件为所述页面存储库内置的页面ID生成组件，

或者，

根据预设的页面ID生成组件，对所述数据防护页面进行页面ID生成，并将生成的页面ID和所述数据防护页面逐对缓存到预设的页面存储库内，其中，所述预设的页面ID生成组件为外置于所述页面存储库的页面ID生成组件。

6.根据权利要求5所述的页面交互方法，其特征在于，在执行所述根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址的步骤之前，所述方法还包括：

获取所述数据防护页面在所述页面存储库中的存储地址信息；

将所述数据防护页面在所述页面存储库中的存储地址信息以及所述数据防护页面的页面ID以成对返回值形式返回给所述页面请求端；

所述根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址的步骤，具体包括：

根据所述成对返回值，构建所述数据防护页面对应的页面获取地址；

以所述展示页面ID以及所述展示页面地址，构建所述数据防护页面对应的页面输出地址；

根据所述页面获取地址和所述页面输出地址，构建所述数据防护页面对应的跳转地址。

7.根据权利要求5所述的页面交互方法，其特征在于，在执行所述调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作的步骤之前，所述方法还包括：

获取不同数据防护页面分别在所述页面存储库中的存储地址信息；

将不同数据防护页面分别在所述页面存储库中的存储地址信息以及页面ID以成对返回值形式返回给所述页面请求端；

根据所述成对返回值，构建不同数据防护页面分别对应的页面获取地址；

以所述展示页面ID以及所述展示页面地址，构建所有数据防护页面统一的页面输出地址；

根据不同数据防护页面分别对应的页面获取地址和所有数据防护页面统一的页面输出地址，构建不同数据防护页面分别对应的跳转地址；

所述调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作的步骤，具体包括：

通过向所述预设的页面跳转组件内输入目标数据防护页面对应的跳转地址，实现跳转到所述目标数据防护页面，将不同数据防护页面作为所述目标数据防护页面，实现不同数据防护页面间的页面交互。

8.一种页面交互装置，其特征在于，包括：

隐私数据获取模块，用于获取目标隐私数据；

静态页面模板筛选模块，用于根据预设的筛选组件，从预设的静态页面模板库中筛选出所述目标隐私数据对应的静态页面模板；

动态渲染模板获取模块，用于对所述静态页面模板进行区别标记，获取与所述静态页面模板相配套的动态渲染模板，其中，所述动态渲染模板由next.js技术开发而成；

数据防护页面生成模块，用于基于所述动态渲染模板、所述静态页面模板和所述目标隐私数据，进行页面动态渲染，生成数据防护页面，并根据预设的页面ID生成组件，生成所述数据防护页面的页面ID；

跳转地址构建模块，用于根据所述数据防护页面的页面ID，构建所述数据防护页面对应的跳转地址；

页面交互实现模块，用于调用预设的页面跳转组件，并根据不同数据防护页面的跳转地址，进行多个数据防护页面间的交互操作。

9.一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的页面交互方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质上存储有计算机可读指令，所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的页面交互方法的步骤。