CN113515390A - 页面间数据交互处理方法、装置、电子设备及存储介质 - Google Patents
页面间数据交互处理方法、装置、电子设备及存储介质 Download PDFInfo
- Publication number
- CN113515390A CN113515390A CN202110390681.7A CN202110390681A CN113515390A CN 113515390 A CN113515390 A CN 113515390A CN 202110390681 A CN202110390681 A CN 202110390681A CN 113515390 A CN113515390 A CN 113515390A
- Authority
- CN
- China
- Prior art keywords
- page
- content
- local
- remote
- local page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 230000003993 interaction Effects 0.000 title claims abstract description 47
- 238000003672 processing method Methods 0.000 title claims description 10
- 238000000034 method Methods 0.000 claims abstract description 58
- 238000012545 processing Methods 0.000 claims abstract description 24
- 238000012544 monitoring process Methods 0.000 claims description 16
- 230000015654 memory Effects 0.000 claims description 12
- 238000010586 diagram Methods 0.000 description 10
- 238000005516 engineering process Methods 0.000 description 6
- 230000006870 function Effects 0.000 description 5
- 230000008901 benefit Effects 0.000 description 4
- 238000004590 computer program Methods 0.000 description 4
- 230000000694 effects Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 230000010354 integration Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000001939 inductive effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000012800 visualization Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/547—Remote procedure calls [RPC]; Web services
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9574—Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
- G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
- G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/46—Multiprogramming arrangements
- G06F9/54—Interprogram communication
- G06F9/542—Event management; Broadcasting; Multicasting; Notifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/543—Local
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/544—Remote
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2209/00—Indexing scheme relating to G06F9/00
- G06F2209/54—Indexing scheme relating to G06F9/54
- G06F2209/545—Gui
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Multimedia (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请提供的页面间数据交互处理方法、装置、电子设备及存储介质,涉及计算机技术领域。所述方法应用于电子设备,所述方法包括:显示本地页面,所述本地页面包括:远程页面的第一页面内容,各所述所述远程页面存在相对应的服务器;在监听到所述本地页面的第一更新事件时,通过远程调用接口从所述远程页面相对应的服务器获取更新内容;所述第一更新事件用于指示将所述更新内容显示在所述本地页面中;根据所述更新内容,对所显示的本地页面中的页面内容进行更新。保证了本地页面和远程页面可以通过本地页面相对应的服务器的远程调用接口,实现数据的联动和交互。
Description
技术领域
本申请属于计算机技术领域,特别是涉及一种页面间数据交互处理方法、装置、电子设备及存储介质。
背景技术
目前,一个B/S架构的软件,分为Browser端和Server端,其中,Browser端运行于客户端的浏览器中,Server端运行于服务器中。在Browser端的web界面通常由来源相同或不同web页面组合而成。
现有技术中,如果需要将来源不同的web页面集成到一个页面中,往往采用iframe技术来集成不同页面,但是iframe技术会导致各个页面之间无法直接进行数据交互。
发明内容
有鉴于此,本申请实施例的目的是提供一种页面间数据交互处理方法、装置、芯片控制器及存储介质,能够解决采用iframe技术来集成不同页面,所导致的各个页面之间无法直接进行数据交互的问题。
本申请第一方面,提供一种页面间数据交互处理方法,应用于电子设备,所述方法包括:
显示本地页面,所述本地页面包括:远程页面的第一页面内容,各所述所述远程页面存在相对应的服务器;
在监听到所述本地页面的第一更新事件时,通过远程调用接口从所述远程页面相对应的服务器获取更新内容;所述第一更新事件用于指示将所述更新内容显示在所述本地页面中;
根据所述更新内容,对所显示的本地页面中的页面内容进行更新。
本申请第二方面,提供一种页面间数据交互处理装置,应用于电子设备,所述装置包括:
显示模块,用于显示本地页面,所述本地页面包括:远程页面的第一页面内容,各所述所述远程页面存在相对应的服务器;
监听模块,用于在监听到所述本地页面的第一更新事件时,通过远程调用接口从所述远程页面相对应的服务器获取更新内容;所述第一更新事件用于指示将所述更新内容显示在所述本地页面中;
更新模块,用于根据所述更新内容,对所显示的本地页面中的页面内容进行更新。
本申请第三方面,提供一种电子设备,包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现上述第一方面所述的页面间数据交互处理方法。
本申请第四方面,一种可读存储介质,其特征在于,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现上述第一方面所述的页面间数据交互处理方法。
针对现有技术,本申请具备如下优点:
本申请提供的一种页面间数据交互处理方法、装置、电子设备及存储介质,通过监听所显示的本地页面的用于指示将更新内容显示在本地页面中的第一更新事件,来确定是否需要通过本地页面相对应的服务器的远程调用接口,从本地页面包括的第一页面内容相对应的远程页面的服务器上获取更新内容,以实现对所显示的本地页面中的页面内容进行更新的过程,这样保证了本地页面和远程页面可以通过本地页面相对应的服务器的远程调用接口实现数据的联动和交互。
上述说明仅是本申请技术方案的概述,为了能够更清楚了解本申请的技术手段,而可依照说明书的内容予以实施,并且为了让本申请的上述和其它目的、特征和优点能够更明显易懂,以下特举本申请的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本申请的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了本申请实施例提供的一种页面间数据交互处理方法的步骤流程图;
图2示出了本发明实施例提供的一种页面间数据交互架构示意图;
图3示出了本发明实施例提供的另一种页面间数据交互处理方法的步骤流程图;
图4示出了本发明实施例提供的一种当前页面示意图;
图5示出了现有技术中的一种页面间数据交互的结果示意图;
图6示出了本发明实施例提供的另一种页面间数据交互的结果示意图;
图7示出了本发明实施例提供的一种页面间数据交互处理装置的结构示意图;
图8示出了本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本申请的示例性实施例。虽然附图中显示了本申请的示例性实施例,然而应当理解,可以以各种形式实现本申请而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本申请,并且能够将本申请的范围完整的传达给本领域的技术人员。
随着医疗信息化技术发展,应用系统集群化、区域平台化的使用,展示数据分散在各种web系统中,操作人员在查看当前病人数据时需要不断切换系统,给医护人员分析病情带来诸多不便。
目前常见的业务系统中,把系统间的页面集成到同一页面里,基本是使用浮动的框架(iframe)的方式内嵌完成,都是各自管理各自的页面环境,无法实现统一的页面互动操作。
本发明使用可视化技术将各个web(页面)系统中的相关页面,按照插件的形式集中在同一界面中展现,在一定程度上可以减轻操作人员获取数据、协同操作数据的负担,提高了工作效率。
本发明将远程拉取的其他web子系统的可视化页面统一集成到同一个界面中展示,并且系统间的页面交互通过事件监听、发送的方式通知各自页面,达到协同操作的目的,实现一种页面间数据交互处理方法、装置、电子设备及存储介质。
由于本发明应用于分布式、集群环境,页面间交互是通过前端Javascript事件(JS事件,JavaScript events)处理的,但遇到网络不稳定、后台服务器宕机的情况时,无法做到数据强一致性要求。所以本发明适用于系统间数据一致性要求相对较低的场景。其中,JS事件是用来实现js和html之间交互的,可以用侦听器(或处理程序)来预订事件。
本申请基于微服务远程过程调用(Remote Procedure Call,RPC)架构原理实现,主要包括以下三部分:
1、界面集成:RPC远程拉取系统间的页面内容,以插件的形式集成到同一页面中,并创建各自页面对象。插件页面可以实现自由组合功能。
2、事件接口:各自插件页面对象有三种基于JS的事件监听:第一种根据各自插件页面的内部逻辑是否显示界面的事件;第二种由主页面激发,其他插件页面用来监听的事件处理;第三种插件页面激发,主页面监听的事件处理。
3、数据交互:通过事件监听传播,并由各自页面通过RPC调用获取远程数据,实现数据交互。
其中,RPC是一种远程调用方式,通过RPC可以像调用本地方法一样调用别的机器上的方法,用户将无感服务器与服务器之间的通讯。
实施例一
图1示出了本申请实施例提供的一种页面间数据交互处理方法的步骤流程图,方法应用于电子设备,方法可以包括:
步骤101,显示本地页面,本地页面包括:远程页面的第一页面内容,各远程页面存在相对应的服务器。
在本申请实施例中,本地页面是用户正在浏览的页面,远程页面是本地页面以外的页面,每个远程页面的页面内容数据会存储在一个服务器上,该服务器就是该远程页面相对应的服务器;远程页面可以是一个,也可以是多个;而且各个远程页面相对应的服务器可以是同一个,也可以不是同一个;本地页面所包括的第一页面内容可以是远程页面的所有页面内容数据,也可以是远程页面的部分页面内容数据,具体可以根据实际需求确定,此处不做限定。
在本申请实施例中,用户正在浏览的本地页面可以是包括多个远程页面的部分页面内容数据的页面。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。将web系统B的远程页面1和web系统C的远程页面2集成到web系统A的本地页面中后,显示本地页面。
步骤102,在监听到本地页面的第一更新事件时,通过远程调用接口从远程页面相对应的服务器获取更新内容;第一更新事件用于指示将更新内容显示在本地页面中。
在本申请实施例中,远程调用接口可以是远程过程调用(Remote ProcedureCall,RPC),RPC是一种远程调用方式,通过RPC可以像调用本地方法一样调用别的机器上的方法,用户将无感服务器与服务器之间的通讯。
在本申请实施例中,监听是通过本地页面环境中,存在的本地页面对象的前端Javascript事件(JS事件,JavaScript events)处理的。
在本申请实施例中,通过本地页面对象的前端JS事件监听到本地页面的用于指示将更新内容显示在本地页面中的第一更新事件时,通过本地页面相对应的服务器的RPC从远程页面相对应的服务器获取更新内容。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。将web系统B的远程页面1集成到web系统A的本地页面中后,显示本地页面。在监听到本地页面的用于指示将远程页面2的页面内容作为更新内容显示在本地页面中的第一更新事件时,通过web系统A的远程调用接口RPC从远程页面2相对应的服务器web系统C获取远程页面2的页面内容作为更新内容。
步骤103,根据更新内容,对所显示的本地页面中的第一页面内容进行更新。
在本申请实施例中,在显示了包括远程页面的第一页面内容的本地页面后,在监听到本地页面的用于指示将更新内容显示在本地页面中的第一更新事件时,可以通过远程过程调用从远程页面相对应的服务器获取更新内容,以将更新内容显示在本地页面中。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。将web系统B的远程页面1集成到web系统A的本地页面中后,显示本地页面。在监听到本地页面的用于指示将远程页面2的页面内容作为更新内容显示在本地页面中的第一更新事件时,通过web系统A的远程调用接口RPC从远程页面2相对应的服务器web系统C获取远程页面2的页面内容作为更新内容;将更新内容集成到web系统A的本地页面中后,显示本地页面,以达到对所显示的本地页面中的页面内容进行更新的目的。
本申请实施例提供的一种页面间数据交互处理方法,通过监听所显示的本地页面的用于指示将更新内容显示在本地页面中的第一更新事件,来确定是否需要通过本地页面相对应的服务器的远程调用接口,从本地页面包括的第一页面内容相对应的远程页面的服务器上获取更新内容,以实现对所显示的本地页面中的页面内容进行更新的过程,这样保证了本地页面和远程页面可以通过本地页面相对应的服务器的远程调用接口实现数据的联动和交互。
实施例二
图3示出了本发明实施例提供的另一种页面间数据交互处理方法的步骤流程图,方法应用于电子设备,方法可以包括:
步骤201,在监听到显示目标远程页面的显示事件时,向本地页面相对应的服务器发送内容请求,并接收本地页面相对应的服务器发送的目标远程页面的目标页面内容,目标页面内容通过本地页面相对应的服务器从目标远程页面相对应的目标服务器获取;将目标页面内容以插件的形式集成在本地页面中,显示集成后的本地页面。
在本申请实施例中,显示事件用于指示显示远程页面的所有或部分页面内容数据,插件是能够直接调用插件程序,以显示第二页面内容的程序,具体可以根据实际需求确定,此处不做限定。其中,按照插件开发规范开发插件页面。
在本申请实施例中,远程页面可以根据各自的内部逻辑发送是否让界面显示的显示事件。在本地页面环境中,创建有各自页面对象(例如:有本地页面对象、远程页面1对象、远程页面2对象)。
在本申请实施例中,在显示本地页面后,在监听到显示目标远程页面的显示事件的情况下,向本地页面相对应的服务器发送内容请求,在本地页面相对应的服务器接收到该内容请求后,本地页面相对应的服务器从目标远程页面相对应的目标服务器获取目标远程页面的目标页面内容,然后本地页面相对应的服务器将该目标页面内容返回给本地页面,将该目标页面内容以插件的形式集成在本地页面中,最后显示集成后的本地页面。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。显示本地页面,如图4所示。在监听到显示目标远程页面1的显示事件的情况下,向本地页面相对应的服务器web系统A发送内容请求,在web系统A接收到该内容请求后,web系统A从目标远程页面1相对应的目标服务器web系统B获取目标远程页面1的目标页面内容,web系统A然后将该目标页面内容返回给本地页面,将目标远程页面1的目标页面内容以插件的形式集成在本地页面中,最后显示集成后的本地页面,如图5所示。
本申请实施例通过在监听到显示目标远程页面的显示事件的情况下,向本地页面相对应的服务器发送内容请求,在本地页面相对应的服务器接收到该内容请求后,本地页面相对应的服务器从目标远程页面相对应的目标服务器获取目标远程页面的目标页面内容,然后本地页面相对应的服务器将该目标页面内容返回给本地页面,可以实现在本地页面的页面内容和远程页面的页面内容在同一页面上的展示的效果。而且不同客户对界面功能有不同需求,通过插件装配的方式把不同系统中的页面集成到同一页面中可以在不破坏系统完整性的前提下,扩展系统,满足不同客户的要求。
步骤202,显示本地页面,本地页面包括:远程页面的第一页面内容,各远程页面存在相对应的服务器。
该步骤可参照步骤101的详细描述,此处不再赘述。
步骤203,在监听到本地页面的第一更新事件时,向本地页面相对应的服务器发送更新请求。
在本申请实施例中,第一更新事件用于指示将更新内容显示在本地页面中。更新请求用于指示从所述本地页面相对应的服务器获取更新内容。
在本申请实施例中,通过本地页面对象的前端JS事件监听到本地页面的用于指示将更新内容显示在本地页面中的第一更新事件时,本地页面对象向本地页面相对应的服务器发送用于指示从所述本地页面相对应的服务器获取更新内容的更新请求。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。将web系统B的远程页面1集成到web系统A的本地页面中后,显示本地页面,如图5所示。在监听到本地页面的用于指示将远程页面2的页面内容作为更新内容显示在本地页面中的第一更新事件时,本地页面的本地页面对象向本地页面相对应的服务器发送用于指示从所述本地页面相对应的服务器获取更新内容的更新请求。
步骤204,接收本地页面相对应的服务器根据所述更新请求发送的更新内容,更新内容通过本地页面相对应的服务器从远程页面相对应的服务器获取。
在本申请实施例中,在显示本地页面后,在监听到本地页面的用于指示将更新内容显示在本地页面中的第一更新事件的情况下,向本地页面相对应的服务器发送请求;在本地页面相对应的服务器接收到该请求后,本地页面相对应的服务器从远程页面相对应的服务器获取更新内容,然后本地页面相对应的服务器将该更新内容返回给本地页面。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。将web系统B的远程页面1集成到web系统A的本地页面中后,显示本地页面,如图5所示。在监听到本地页面的用于指示将远程页面2的页面内容作为更新内容显示在本地页面中的第一更新事件时,通过web系统A的远程调用接口RPC从远程页面2相对应的服务器web系统C获取远程页面2的页面内容作为更新内容,然后web系统A将远程页面2的页面内容返回给本地页面。
本申请实施例通过在显示本地页面后,在监听到本地页面的第一更新事件的情况下,向本地页面相对应的服务器发送请求,以使得本地页面相对应的服务器从远程页面相对应的服务器获取远程页面的页面内容作为更新内容,从而可以将该更新内容返回给本地页面,以实现本地页面和远程页面之间的数据交互。
步骤205,将更新内容以插件的形式集成在本地页面中。
在本申请实施例中,插件是能够直接调用插件程序,以显示第二页面内容的程序,具体可以根据实际需求确定,此处不做限定。
在本申请实施例中,在本地页面接收到本地页面相对应的服务器发送的更新内容后,将更新内容以插件的形式集成在本地页面中。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。更新内容是将web系统C的远程页面2的页面内容。在本地页面相对应的服务器web系统A将远程页面2的页面内容返回给本地页面后,将web系统C的远程页面2的页面内容集成到web系统A的本地页面中。
步骤206,显示集成后的本地页面。
在本申请实施例中,在本地页面相对应的服务器将更新内容返回给本地页面后,将更新内容以插件的形式集成在本地页面中,然后显示集成后的本地页面。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。更新内容是将web系统C的远程页面2的页面内容。在本地页面相对应的服务器web系统A将远程页面2的页面内容返回给本地页面后,将web系统C的远程页面2的页面内容集成到web系统A的本地页面中后,显示本地页面,如图6所示。
本申请实施例通过在本地页面相对应的服务器将更新内容返回给本地页面后,将更新内容以插件的形式集成在本地页面中,然后显示集成后的第一页面,可以扩充本地页面,丰富本地页面的页面内容数据,满足了不同客户的要求。
可选地,更新内容包括远程页面的第二页面内容,步骤205-206,可以为:
步骤207,将本地页面中的第一页面内容替换为第二页面内容。
在本申请实施例中,第一页面内容和第二页面内容可以是同一远程页面的页面内容,也可以是不同远程页面的页面内容,具体可以根据实际需求确定,此处不做限定。
在本申请实施例中,在更新内容包括远程页面的第二页面内容,且本地页面接收到本地页面相对应的服务器发送的更新内容后,将本地页面中的第一页面内容替换为第二页面内容。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。将web系统B的远程页面1的第一页面内容集成到web系统A的本地页面中后,显示本地页面。在监听到本地页面的用于指示将远程页面1的第二页面内容作为更新内容显示在本地页面中的第一更新事件时,通过web系统A的远程调用接口RPC从远程页面1相对应的服务器web系统B获取远程页面1的第二页面内容作为更新内容,然后web系统A将远程页面1的第二页面内容返回给本地页面,本地页面将本地页面中的第一页面内容替换为第二页面内容。
步骤208,显示替换后的本地页面。
在本申请实施例中,在显示本地页面后,在监听到本地页面的用于指示将更新内容显示在本地页面中的第一更新事件的情况下,向本地页面相对应的服务器发送请求;在本地页面相对应的服务器接收到该请求后,本地页面相对应的服务器从远程页面相对应的服务器获取第二页面内容,然后本地页面相对应的服务器将第二页面内容返回给本地页面,本地页面将本地页面中的第一页面内容替换为第二页面内容后,显示替换后的本地页面。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。将web系统B的远程页面1的第一页面内容集成到web系统A的本地页面中后,显示本地页面。在监听到本地页面的用于指示将远程页面1的第二页面内容作为更新内容显示在本地页面中的第一更新事件时,通过web系统A的远程调用接口RPC从远程页面1相对应的服务器web系统B获取远程页面1的第二页面内容作为更新内容,然后web系统A将远程页面1的第二页面内容返回给本地页面,本地页面将本地页面中的第一页面内容替换为第二页面内容后,显示替换后的本地页面。
本申请实施例通过在显示本地页面后,在第一页面内容和第二页面内容是同一远程页面的页面内容(即第一页面内容对应的远程页面的内容发生变化)时,将本地页面中的第一页面内容替换为改变后的第二页面内容后,可以保持原先的远程页面和本地页面上的插件页面的内容一致性。在第一页面内容和第二页面内容不是同一远程页面的页面内容时,将本地页面中的第一页面内容替换为另一个远程页面的第二页面内容后,可以减少本地页面的页面内容数据所占用的存储空间。
可选地,更新内容包括页面配置参数,步骤205-206,可以为:
步骤209,接收对于本地页面的配置输入。
在本申请实施例中,配置输入可以是用户通过键盘输入的,也可以是用户通过触摸设备或点击鼠标输入的,具体可以根据实际需求确定,此处不做限定。
在本申请实施例中,在更新内容包括页面配置参数,且监听到本地页面的用于指示将页面配置参数显示在本地页面中的第一更新事件的情况下,接收对于本地页面的配置输入。
示例性的,显示的本地页面如图4所示,在监听到本地页面的用于指示将页面配置参数显示在本地页面中的第一更新事件的情况下,通过键盘接收图5中联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种页面配置参数的配置输入。
步骤2010,根据配置输入在本地页面中增加页面配置参数,页面配置参数包括:联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种。
在本申请实施例中,在显示本地页面后,在监听到本地页面的用于指示将页面配置参数显示在本地页面中的第一更新事件的情况下,接收对于本地页面的配置输入;根据配置输入在本地页面中增加联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种页面配置参数。
示例性的,如图2所示,图2中有三个系统服务器,分别为:web系统A、web系统B、web系统C。显示本地页面,如图4所示。在监听到本地页面的用于指示将页面配置参数显示在本地页面中的第一更新事件的情况下,接收对于本地页面的配置输入;根据配置输入在本地页面中增加联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种页面配置参数。
本申请实施例通过在显示本地页面后,在监听到本地页面的用于指示将页面配置参数显示在本地页面中的第一更新事件的情况下,接收对于本地页面的配置输入;根据配置输入在本地页面中增加联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种页面配置参数,可以扩充本地页面,丰富本地页面的页面内容数据,满足了不同客户的要求。
本申请实施例提供的另一种页面间数据交互处理方法,通过监听所显示的本地页面的用于指示将更新内容显示在本地页面中的第一更新事件,来确定是否需要通过本地页面相对应的服务器的远程调用接口,从本地页面包括的第一页面内容相对应的远程页面的服务器上获取更新内容,以实现对所显示的本地页面中的页面内容进行更新的过程,这样保证了本地页面和远程页面可以通过本地页面相对应的服务器的远程调用接口实现数据的联动和交互。
实施例三
参照图7,本申请实施例提供了一种页面间数据交互处理装置30的结构示意图,该装置30可以包括:
显示模块301,用于显示本地页面,本地页面包括:远程页面的第一页面内容,各远程页面存在相对应的服务器;
监听模块302,用于在监听到本地页面的第一更新事件时,通过远程调用接口从远程页面相对应的服务器获取更新内容;第一更新事件用于指示将更新内容显示在本地页面中;
更新模块303,用于根据更新内容,对所显示的本地页面中的第一页面内容进行更新。
可选的,监听模块,还用于:
向本地页面相对应的服务器发送更新请求;
接收本地页面相对应的服务器根据所述更新请求发送的更新内容,更新内容通过本地页面相对应的服务器从远程页面相对应的服务器获取。
可选的,更新模块,还用于:
将更新内容以插件的形式集成在本地页面中。
显示集成后的本地页面。
可选的,更新内容包括远程页面的第二页面内容;更新模块,还用于:
将本地页面中的第一页面内容替换为第二页面内容显示替换后的本地页面。
可选的,更新内容包括页面配置参数;更新模块,还用于:
接收对于本地页面的配置输入;
根据配置输入在本地页面中增加页面配置参数,页面配置参数包括:联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种。
本申请实施例提供的一种页面间数据交互处理装置,通过监听模块监听所显示的本地页面的用于指示将更新内容显示在本地页面中的第一更新事件,来确定是否需要通过本地页面相对应的服务器的远程调用接口,从本地页面包括的第一页面内容相对应的远程页面的服务器上获取更新内容,以实现对所显示的本地页面中的页面内容进行更新的过程,这样保证了本地页面和远程页面可以通过本地页面相对应的服务器的远程调用接口实现数据的联动和交互。
本申请实施例中的页面间数据交互处理装置可以是装置,也可以是终端中的部件、集成电路、或芯片。该装置可以是移动电子设备,也可以为非移动电子设备。示例性的,移动电子设备可以为手机、平板电脑、笔记本电脑、掌上电脑、车载电子设备、可穿戴设备、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本或者个人数字助理(personal digital assistant,PDA)等,非移动电子设备可以为服务器、网络附属存储器(Network Attached Storage,NAS)、个人计算机(personal computer,PC)、电视机(television,TV)、柜员机或者自助机等,本申请实施例不作具体限定。
本申请实施例中的页面间数据交互处理装置可以为具有操作系统的装置。该操作系统可以为Window操作系统,可以为苹果操作系统,可以为安卓操作系统,还可以为其他可能的操作系统,本申请实施例不作具体限定。
本申请实施例提供的页面间数据交互处理装置能够实现图1或图3的方法实施例实现的各个过程,为避免重复,这里不再赘述。
实施例四
参见图8,本申请实施例提供了一种电子设备40,包括处理器401、存储器402及存储在存储器402上并可在处理器401上运行的程序或指令,程序或指令被处理器401执行时实现上述第一方面的页面间数据交互处理方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
需要说明的是,本申请实施例中的电子设备包括上述的移动电子设备和非移动电子设备。
实施例五
本申请实施例提供的一种可读存储介质,其特征在于,可读存储介质上存储程序或指令,程序或指令被处理器执行时实现上述第一方面的页面间数据交互处理方法实施例的各个过程,且能达到相同的技术效果,为避免重复,这里不再赘述。
其中,处理器为上述实施例中的电子设备中的处理器。可读存储介质,包括计算机可读存储介质,如计算机只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、磁碟或者光盘等。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。此外,需要指出的是,本申请实施方式中的方法和装置的范围不限按示出或讨论的顺序来执行功能,还可包括根据所涉及的功能按基本同时的方式或按相反的顺序来执行功能,例如,可以按不同于所描述的次序来执行所描述的方法,并且还可以添加、省去、或组合各种步骤。另外,参照某些示例所描述的特征可在其他示例中被组合。
本技术领域技术人员可以理解,本申请包括涉及用于执行本申请中所述操作中的一项或多项的设备。这些设备可以为所需的目的而专门设计和制造,或者也可以包括通用计算机中的已知设备。这些设备具有存储在其内的计算机程序,这些计算机程序选择性地激活或重构。这样的计算机程序可以被存储在设备(例如,计算机)的存储介质中或者存储在适于存储电子指令并分别耦联到总线的任何类型的介质中,该计算机存储介质包括但不限于任何类型的盘(包括软盘、硬盘、光盘、CD-ROM和磁光盘)、ROM(Read-Only Memory,只读存储器)、RAM(Random Access Memory,随即存储器)、EPROM(Erasable ProgrammableRead-Only Memory,可擦写可编程只读存储器)、EEPROM(Electrically ErasableProgrammable Read-Only Memory,电可擦可编程只读存储器)、闪存、磁性卡片或光线卡片。也就是,存储介质包括由设备(例如,计算机)以能够读的形式存储或传输信息的任何介质。
本技术领域技术人员可以理解,可以用计算机程序指令来实现这些结构图和/或框图和/或流程图中的每个框以及这些结构图和/或框图和/或流程图中的框的组合。本技术领域技术人员可以理解,可以将这些计算机程序指令提供给通用计算机、专业计算机或其它可编程数据处理方法的处理器来实现,从而通过计算机或其他可编程数据处理方法的处理器来执行本申请公开的结构图和/或框图和/或流图的框或多个框中指定的方案。
以上所述,仅为本申请的具体实施方式,但本申请的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本申请揭露的技术范围内,可轻易想到变化或替换,都应涵盖在本申请的保护范围之内。因此,本申请的保护范围应以所述权利要求的保护范围为准。
Claims (12)
1.一种页面间数据交互处理方法,其特征在于,应用于电子设备,所述方法包括:
显示本地页面,所述本地页面包括:远程页面的第一页面内容,各所述所述远程页面存在相对应的服务器;
在监听到所述本地页面的第一更新事件时,通过远程调用接口从所述远程页面相对应的服务器获取更新内容;所述第一更新事件用于指示将所述更新内容显示在所述本地页面中;
根据所述更新内容,对所显示的本地页面中的第一页面内容进行更新。
2.根据权利要求1所述的方法,其特征在于,所述通过远程调用接口从所述远程页面相对应的服务器获取更新内容,包括:
向本地页面相对应的服务器发送更新请求;
接收所述本地页面相对应的服务器根据所述更新请求发送的更新内容,所述更新内容通过所述本地页面相对应的服务器从所述远程页面相对应的服务器获取。
3.根据权利要求1所述的方法,其特征在于,所述根据所述更新内容,对所显示的本地页面中的第一页面内容进行更新,包括:
将所述更新内容以插件的形式集成在本地页面中;
显示集成后的本地页面。
4.根据权利要求1所述的方法,其特征在于,所述更新内容包括所述远程页面的第二页面内容;所述根据所述更新内容,对所显示的本地页面中的第一页面内容进行更新,包括:
将所述本地页面中的所述第一页面内容替换为所述第二页面内容显示替换后的本地页面。
5.根据权利要求1所述的方法,其特征在于,所述更新内容包括页面配置参数,所述根据所述更新内容,对所显示的本地页面中的第一页面内容进行更新,包括:
接收对于所述本地页面的配置输入;
根据所述配置输入在本地页面中增加所述页面配置参数,所述页面配置参数包括:联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种。
6.一种页面间数据交互处理装置,其特征在于,应用于电子设备,所述装置包括:
显示模块,用于显示本地页面,所述本地页面包括:远程页面的第一页面内容,各所述所述远程页面存在相对应的服务器;
监听模块,用于在监听到所述本地页面的第一更新事件时,通过远程调用接口从所述远程页面相对应的服务器获取更新内容;所述第一更新事件用于指示将所述更新内容显示在所述本地页面中;
更新模块,用于根据所述更新内容,对所显示的本地页面中的页面内容进行更新。
7.根据权利要求6所述的装置,其特征在于,所述监听模块,还用于:
向本地页面相对应的服务器发送请求;
接收所述本地页面相对应的服务器发送的更新内容,所述更新内容通过所述本地页面相对应的服务器从所述远程页面相对应的服务器获取。
8.根据权利要求6所述的装置,其特征在于,所述更新模块,还用于:
将所述第二页面内容以插件的形式集成在本地页面中;
显示集成后的第一页面。
9.根据权利要求6所述的装置,其特征在于,所述更新内容包括所述远程页面的第二页面内容;所述更新模块,还用于:
将所述本地页面中的所述第一页面内容替换为所述第二页面内容显示替换后的本地页面。
10.根据权利要求6所述的装置,其特征在于,所述更新内容包括页面配置参数;所述更新模块,还用于:
接收对于所述本地页面的配置输入;
根据所述配置输入在在本地页面中增加所述页面配置参数,所述页面配置参数包括:联系人、联系电话、邮箱、微信、开户行、开户账号、地址中的至少一种。
11.一种电子设备,其特征在于,包括处理器、存储器及存储在所述存储器上并可在所述处理器上运行的程序或指令,所述程序或指令被所述处理器执行时实现如权利要求1至5中任一项所述的页面间数据交互处理方法。
12.一种可读存储介质,其特征在于,所述可读存储介质上存储程序或指令,所述程序或指令被处理器执行时实现如权利要求1-5任一项所述的页面间数据交互处理方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110390681.7A CN113515390B (zh) | 2021-04-12 | 2021-04-12 | 页面间数据交互处理方法、装置、电子设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110390681.7A CN113515390B (zh) | 2021-04-12 | 2021-04-12 | 页面间数据交互处理方法、装置、电子设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113515390A true CN113515390A (zh) | 2021-10-19 |
CN113515390B CN113515390B (zh) | 2024-06-21 |
Family
ID=78062379
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110390681.7A Active CN113515390B (zh) | 2021-04-12 | 2021-04-12 | 页面间数据交互处理方法、装置、电子设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113515390B (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114124487A (zh) * | 2021-11-10 | 2022-03-01 | 恒安嘉新(北京)科技股份公司 | 网页访问的实现方法、装置、设备及存储介质 |
CN114356161A (zh) * | 2021-12-31 | 2022-04-15 | 阿波罗智联(北京)科技有限公司 | 页面显示方法、装置及电子设备 |
CN115150656A (zh) * | 2022-07-08 | 2022-10-04 | 上海百家云科技有限公司 | 直播间显示页面的更新方法、装置、电子设备及存储介质 |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104572263A (zh) * | 2014-12-30 | 2015-04-29 | 腾讯科技(深圳)有限公司 | 一种页面数据交互方法、相关装置及系统 |
CN105530300A (zh) * | 2015-12-11 | 2016-04-27 | 中国航空工业集团公司西安航空计算技术研究所 | 一种基于Flex技术的民机远程维护终端的建立方法 |
US20170083482A1 (en) * | 2015-09-23 | 2017-03-23 | Alibaba Group Holding Limited | System, method, and apparatus for webpage processing |
CN108574709A (zh) * | 2017-03-10 | 2018-09-25 | 北京京东尚科信息技术有限公司 | 跨域操作的实现方法和装置 |
CN110019464A (zh) * | 2017-11-24 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 页面处理方法及装置 |
CN110110174A (zh) * | 2017-12-15 | 2019-08-09 | 阿里巴巴集团控股有限公司 | 数据可视化页面的生成、监听及展示方法、浏览器及服务器 |
CN110321140A (zh) * | 2019-05-23 | 2019-10-11 | 天津五八到家科技有限公司 | 数据更新方法、装置及移动终端 |
CN111783004A (zh) * | 2020-07-06 | 2020-10-16 | 上海乾臻信息科技有限公司 | 页面嵌入方法、装置及系统 |
-
2021
- 2021-04-12 CN CN202110390681.7A patent/CN113515390B/zh active Active
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104572263A (zh) * | 2014-12-30 | 2015-04-29 | 腾讯科技(深圳)有限公司 | 一种页面数据交互方法、相关装置及系统 |
US20170083482A1 (en) * | 2015-09-23 | 2017-03-23 | Alibaba Group Holding Limited | System, method, and apparatus for webpage processing |
CN105530300A (zh) * | 2015-12-11 | 2016-04-27 | 中国航空工业集团公司西安航空计算技术研究所 | 一种基于Flex技术的民机远程维护终端的建立方法 |
CN108574709A (zh) * | 2017-03-10 | 2018-09-25 | 北京京东尚科信息技术有限公司 | 跨域操作的实现方法和装置 |
CN110019464A (zh) * | 2017-11-24 | 2019-07-16 | 阿里巴巴集团控股有限公司 | 页面处理方法及装置 |
CN110110174A (zh) * | 2017-12-15 | 2019-08-09 | 阿里巴巴集团控股有限公司 | 数据可视化页面的生成、监听及展示方法、浏览器及服务器 |
CN110321140A (zh) * | 2019-05-23 | 2019-10-11 | 天津五八到家科技有限公司 | 数据更新方法、装置及移动终端 |
CN111783004A (zh) * | 2020-07-06 | 2020-10-16 | 上海乾臻信息科技有限公司 | 页面嵌入方法、装置及系统 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114124487A (zh) * | 2021-11-10 | 2022-03-01 | 恒安嘉新(北京)科技股份公司 | 网页访问的实现方法、装置、设备及存储介质 |
CN114124487B (zh) * | 2021-11-10 | 2023-12-01 | 恒安嘉新(北京)科技股份公司 | 网页访问的实现方法、装置、设备及存储介质 |
CN114356161A (zh) * | 2021-12-31 | 2022-04-15 | 阿波罗智联(北京)科技有限公司 | 页面显示方法、装置及电子设备 |
CN115150656A (zh) * | 2022-07-08 | 2022-10-04 | 上海百家云科技有限公司 | 直播间显示页面的更新方法、装置、电子设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN113515390B (zh) | 2024-06-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN113515390B (zh) | 页面间数据交互处理方法、装置、电子设备及存储介质 | |
CN106547417B (zh) | 显示后台任务消息的方法和装置 | |
CN112114928B (zh) | 显示页面的处理方法和装置 | |
CN111611513B (zh) | 一种基于用户身份信息的页面展示方法、装置和电子设备 | |
CN111190673B (zh) | 基于操作监测的页面展示方法、装置和电子设备 | |
US12067136B2 (en) | Display method, display device, and electronic device | |
WO2016107465A1 (zh) | 一种卡片式桌面的实现方法、装置和系统 | |
CN109284458A (zh) | 网页显示方法、装置、计算机设备及存储介质 | |
US10380867B2 (en) | Alert management within a network based virtual collaborative space | |
CN112947918A (zh) | 数据展示方法和装置 | |
CN114528517A (zh) | 一种视图处理方法、装置、电子设备及计算机可读介质 | |
CN113505302A (zh) | 支持动态获取埋点数据的方法、装置、系统及电子设备 | |
CN115470432A (zh) | 一种页面渲染方法、装置、电子设备及计算机可读介质 | |
CN111949906A (zh) | 页面展示方法、装置及电子设备 | |
CN111555959A (zh) | 自定义控制全局弹窗通知处理方法及装置 | |
CN113849752B (zh) | 页面缓存方法、装置及存储介质 | |
CN112491974B (zh) | 远程浏览方法、装置、存储介质、终端设备及服务器 | |
CN109831673B (zh) | 一种直播间数据处理方法、装置、设备及存储介质 | |
CN111913774A (zh) | 悬浮窗管理方法及装置 | |
CN108021317B (zh) | 用于屏幕编辑的方法及装置 | |
CN113364915B (zh) | 信息显示方法、装置和电子设备 | |
CN115687826A (zh) | 页面刷新方法、装置、计算机设备及存储介质 | |
CN114995914A (zh) | 图片数据的处理方法、装置、计算机设备及存储介质 | |
CN112799558A (zh) | 信息处理方法、装置及电子设备和存储介质 | |
CN107704491B (zh) | 消息处理方法和装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |