CN115525272A - 一种可视化前后端数据交互对接解耦方法、系统及产品 - Google Patents
一种可视化前后端数据交互对接解耦方法、系统及产品 Download PDFInfo
- Publication number
- CN115525272A CN115525272A CN202211232483.9A CN202211232483A CN115525272A CN 115525272 A CN115525272 A CN 115525272A CN 202211232483 A CN202211232483 A CN 202211232483A CN 115525272 A CN115525272 A CN 115525272A
- Authority
- CN
- China
- Prior art keywords
- data
- resource pool
- data object
- refresh
- integration center
- 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.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种视化前后端数据交互对接解耦方法、系统及产品。该方法包括:开发时,在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内;所述数据对象包括内容、数值以及列表;获取前端可视化数据大屏的组件资源,并基于双向绑定机制,将所述组件资源以及所述数据对象进行双向绑定;运行时,基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面。本发明缩短了大屏开发的大量时间。
Description
技术领域
本发明涉及互联网数据开发领域,特别是涉及一种可视化前后端数据交互对接解耦方法、系统及产品。
背景技术
浏览器端数据资源池主要用于解决数据可视化大屏开发时,前后端联调、对接存在的效率低、交互烦、代码量大等问题。通过固定的浏览器端数据资源池,实现前后端的解耦开发,即前端专注于页面的样式、交互效果实现,后端专注于接口的开发实现与配置提供,双方不再直接发生对接关系。
数据资源池技术主要包括数据集成中心与浏览器端数据资源池;数据集成中心主要为辅助配置,以可视化配置的方式配置所有后端的接口,提供统一的接口调用方式与对象转换方式,数据集成中心可通过实现统一规范的整合接口来替代。浏览器端数据资源池主要实现后对接数据接口,前提供数据对象。
原本前端开发页面效果,后端开发接口并提供给前端,前端除页面开发外需要完成以下几步:1.阅读后端接口对接文档,明确接口调用方式;2.编写接口调用代码,调用获取数据;3.编写数据格式处理代码,使数据格式适配组件数据格式要求;4.绑定数据至可视化组件;5.处理数据刷新频率及刷新要求,编写启用定时器;现有开发技术前后端对接联调需要花费大量时间,通过编码等方式完成,前后端需要约定、交互,对接接口等,同时数据接口对接导致页面产生大量请求,刷新数据需要通过定时器主动触发,而非在数据发生变更的时候及时刷新数据,因此,往往前后端数据的对接花费了大屏开发的大量时间。
发明内容
本发明的目的是提供一种可视化前后端数据交互对接解耦方法、系统及产品,以解决前后端数据的对接花费了大屏开发的大量时间的问题。
为实现上述目的,本发明提供了如下方案:
一种可视化前后端数据交互对接解耦方法,包括:
开发时,在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内;所述数据对象包括内容、数值以及列表;
获取前端可视化数据大屏的组件资源,并基于双向绑定机制,将所述组件资源以及所述数据对象进行双向绑定;
运行时,基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面。
可选的,所述在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内,之前还包括:
通过所述浏览器端建立可视化大屏的数据资源池,令所述数据资源池完成数据的装载以及刷新。
可选的,所述基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面,之后还包括:
在后端数据集成中心配置刷新策略;所述刷新策略包括刷新时间、刷新间隔以及数据对象的变更方式;
在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象;不同数据对象对应不同的参数。
可选的,所述令所述后端数据集成中心监听所述数据资源池内数据对象变化后,根据所述刷新策略动态刷新所述数据资源池内的数据对象,之后还包括:
在所述前端可视化数据大屏监听所述数据资源池内数据对象发生变更后,调用所述数据资源池内刷新后的数据对象实时动态主动刷新页面数据,渲染对应的页面,并返回步骤“在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象”。
可选的,所述在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内,具体包括:
在后端数据集成中心配置数据对象数据库中数据对象或注册至所述后端数据集成中心的数据对象,配置所述数据对象,并将所述数据对象注册至浏览器端的数据资源池内。
一种可视化前后端数据交互对接解耦系统,包括:
后端数据集成中心,用于开发时,在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内;所述数据对象包括内容、数值以及列表;
双向绑定模块,用于获取前端可视化数据大屏的组件资源,并基于双向绑定机制,将所述组件资源以及所述数据对象进行双向绑定;
前端可视化数据大屏,用于运行时,基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面。
可选的,还包括:
浏览器端,用于通过所述浏览器端建立可视化大屏的数据资源池,令所述数据资源池完成数据的装载以及刷新。
可选的,还包括:
刷新策略配置模块,用于在后端数据集成中心配置刷新策略;所述刷新策略包括刷新时间、刷新间隔以及数据对象的变更方式;
数据对象刷新模块,用于在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象;不同数据对象对应不同的参数。
一种电子设备,包括存储器及处理器,所述存储器用于存储计算机程序,所述处理器运行所述计算机程序以使所述电子设备执行上述可视化前后端数据交互对接解耦方法。
一种计算机可读存储介质,其存储有计算机程序,所述计算机程序被处理器执行时实现上述的可视化前后端数据交互对接解耦方法。
根据本发明提供的具体实施例,本发明公开了以下技术效果:本发明提供了一种可视化前后端数据交互对接解耦方法、系统及产品,通过后端数据集成中心将数据对象注册至数据资源池中,前端可视化数据大屏通过与数据资源池双向绑定,调用数据对象渲染对应的页面结果,由原本前端可视化数据大屏编写接口请求代码,请求后端数据集成中心接口数据,优化为实现前后端数据对接。通过本发明所提供的可视化前后端数据交互对接解耦方法、系统或产品解耦前后端对接,前端不再有对接接口的概念,前后端不需要跟接口对接,从而缩短了大屏开发的大量时间。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明所提供的可视化前后端数据交互对接解耦方法流程图;
图2为本发明所提供的可视化前后端数据交互对接解耦方法在实际应用中的数据交互图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
本发明的目的是提供一种视化前后端数据交互对接解耦方法、系统及产品,缩短了大屏开发的大量时间。
为使本发明的上述目的、特征和优点能够更加明显易懂,下面结合附图和具体实施方式对本发明作进一步详细的说明。
实施例一
图1为本发明所提供的可视化前后端数据交互对接解耦方法流程图,如图1所示,一种可视化前后端数据交互对接解耦方法,包括:
步骤101:开发时,在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内;所述数据对象包括内容、数值以及列表。
所述步骤101具体包括:在后端数据集成中心配置数据对象数据库中数据对象或注册至所述后端数据集成中心的数据对象,配置所述数据对象,并将所述数据对象注册至浏览器端的数据资源池内。
所述步骤101之前还包括:通过所述浏览器端建立可视化大屏的数据资源池,令所述数据资源池完成数据的装载以及刷新。
步骤102:获取前端可视化数据大屏的组件资源,并基于双向绑定机制,将所述组件资源以及所述数据对象进行双向绑定。
所述步骤102之后还包括:在后端数据集成中心配置刷新策略;所述刷新策略包括刷新时间、刷新间隔以及数据对象的变更方式;在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象;不同数据对象对应相同或不同的参数,例如大屏常见数据对象:1.地区参保人员;2.地区失业人员;地区切换时,参数为地市编码,地市编码变更,上述数据对象及其组件同步自动变更刷新。
所述令所述后端数据集成中心监听所述数据资源池内数据对象变化后,根据所述刷新策略动态刷新所述数据资源池内的数据对象,之后还包括:在所述前端可视化数据大屏监听所述数据资源池内数据对象发生变更后,调用所述数据资源池内刷新后的数据对象实时动态主动刷新页面数据,渲染对应的页面,并返回步骤“在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象”。
步骤103:运行时,基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面。
在实际应用中,基于浏览器端数据资源池,后端开发接口,注册至数据集成中心,配置数据对象,主要是提供前端可直接选择使用数据对象,与数据资源池完成对接。前端除页面开发外仅需完成以下几步:1.引用数据资源池对象;2.实现通过双向绑定机制,绑定数据资源池中数据对象至组件及监听数据资源池对象实时刷新数据,通过vue的双向绑定机制,直接完成绑定与监听;通过上述步骤即可完成页面与后端接口的对接。
图2为本发明所提供的可视化前后端数据交互对接解耦方法在实际应用中的数据交互图,如图2所示,执行时:由浏览器端数据资源池发起,请求数据集成中心获取到所有后端数据接口列表与其对应的配置要求,该配置要求包括刷新频率、数据对象清淡、接口编码等,然后由数据资源池调取多源数据资源,并放置于浏览器端标准数据对象。数据资源池在集成获取完数据后通过配置项refresh-frequency刷新频率配置自动刷新数据对象。
基于双向绑定机制,前端页面通过绑定的数据对象自动从数据资源池中获取数据对象,并根据监听的listen-id监听数据对象的刷新情况,刷新时通过通用自动刷新组件数据,实现数据的加载与实时刷新。
即:后端开发接口在数据集成中心按照配置要求配置数据对象,数据集成中心上传至浏览器端数据资源池配置的数据对象;前端页面与浏览器端数据资源池配置的数据对象进行绑定,监听数据对象的刷新情况。
通过上述方式,实现解耦大屏的前后端联调开发,提高开发效率,减少代码的实现,保障前后端对接联调的稳定性。
本发明侧重于解决前后端数据交互即低代码的开发方法。本发明通过前后端的开发联调、运行时的数据交互、以及统一权限控制,创新性的将数据资源池建立在客户端即浏览器端,能够实现如下效果:
1)通过浏览器端建立可视化大屏数据资源池,数据资源池完成数据的装载、刷新。
2)开发时,后端数据集成中心将数据通过配置将数据放入数据资源池中,即完成后端数据提供与开发;前端通过可视化开发在需要展现数据对象、图标等地方,选择数据资源池中组件资源放入对应的数据对象即可。通过数据的双向绑定即发布者-订阅者模式,订阅数据资源池中数据。
3)运行时,前端通过订阅数据资源池中数据,能在浏览器端监听数据变化、刷新,实时动态主动刷新页面数据,后端依据数据变更或刷新策略,主动往数据资源池中装载数据即可;刷新策略包括刷新时间、刷新间隔以及数据对象的变更方式。
4)前端对接后端服务接口时,原本通过接口传参请求后端服务刷新页面数据,需要多接口对接,大量编码处理。通过本发明将参数变更放入数据资源池内的全局参数池中,后端监听参数,自动匹配涉及到的组件资源,并执行刷新,即可完成传参请求;不同数据对象对应不同的参数。
通过本发明实现了一种新的开发模式变更:由原本前端编写接口请求代码,请求后端接口数据,优化为实现前后端数据对接通过此方法解耦前后端对接,前端不再有对接接口的概念,只需关注每个数据对象、图表需要用到的数据对象,并将其通过双向绑定,绑定至前端的文档dom对象即完成了前后端对接。在数据可视化大屏的开发中,极大的提高了数据开发对接的效率。
而本发明为了更快的配置对接,进一步通过可视化开发的方式提供数据对象的选择开发,进一步提高数据开发效率
实施例二
为了执行上述实施例一对应的方法,以实现相应的功能和技术效果,下面提供一种可视化前后端数据交互对接解耦系统。
一种可视化前后端数据交互对接解耦系统,其特征在于,包括:
后端数据集成中心,用于开发时,在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内;所述数据对象包括内容、数值以及列表;
双向绑定模块,用于获取前端可视化数据大屏的组件资源,并基于双向绑定机制,将所述组件资源以及所述数据对象进行双向绑定;
前端可视化数据大屏,用于运行时,基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面。
在实际应用中,本发明还包括:
浏览器端,用于通过所述浏览器端建立可视化大屏的数据资源池,令所述数据资源池完成数据的装载以及刷新。
在实际应用中,本发明还包括:
刷新策略配置模块,用于在后端数据集成中心配置刷新策略;所述刷新策略包括刷新时间、刷新间隔以及数据对象的变更方式;
数据对象刷新模块,用于在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象;不同数据对象对应不同的参数。
本发明实施例提供一种电子设备包括存储器及处理器,该存储器用于存储计算机程序,该处理器运行计算机程序以使电子设备执行实施例一的可视化前后端数据交互对接解耦方法。
在实际应用中,上述电子设备可以是服务器。
在实际应用中,电子设备包括:至少一个处理器(processor)、存储器(memory)、总线及通信接口(Communications Interface)。
其中:处理器、通信接口、以及存储器通过通信总线完成相互间的通信。
通信接口,用于与其它设备进行通信。
处理器,用于执行程序,具体可以执行上述实施例所述的方法。
具体地,程序可以包括程序代码,该程序代码包括计算机操作指令。
处理器可能是中央处理器CPU,或者是特定集成电路ASIC(Application SpecificIntegrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器,用于存放程序。存储器可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
基于以上实施例的描述,本申请实施例提供一种存储介质,其上存储有计算机程序指令,计算机程序指令可被处理器执行以实现任意实施例所述的方法
本申请实施例的提供的可视化前后端数据交互对接解耦系统以多种形式存在,包括但不限于:
(1)移动通信设备:这类设备的特点是具备移动通信功能,并且以提供话音、数据通信为主要目标。这类终端包括:智能手机(例如iPhone)、多媒体手机、功能性手机,以及低端手机等。
(2)超移动个人计算机设备:这类设备属于个人计算机的范畴,有计算和处理功能,一般也具备移动上网性能。这类终端包括:PDA、MID和UMPC设备等,例如iPad。
(3)便携式娱乐设备:这类设备可以显示和播放多媒体内容。该类设备包括:音频、视频播放器(例如iPod),掌上游戏机,电子书,以及智能玩具和便携式车载导航设备。
(4)其他具有数据交互功能的电子设备。
至此,已经对本主题的特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作可以按照不同的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序,以实现期望的结果。在某些实施方式中,多任务处理和并行处理可以是有利的。
上述实施例阐明的系统、装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的,计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
在一个典型的配置中,计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、
数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备
或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitorymedia),如调制的数据信号和载波。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定事务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行事务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其他实施例的不同之处,各个实施例之间相同相似部分互相参见即可。对于实施例公开的系统而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处。综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种可视化前后端数据交互对接解耦方法,其特征在于,包括:
开发时,在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内;所述数据对象包括内容、数值以及列表;
获取前端可视化数据大屏的组件资源,并基于双向绑定机制,将所述组件资源以及所述数据对象进行双向绑定;
运行时,基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面。
2.根据权利要求1所述的可视化前后端数据交互对接解耦方法,其特征在于,所述在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内,之前还包括:
通过所述浏览器端建立可视化大屏的数据资源池,令所述数据资源池完成数据的装载以及刷新。
3.根据权利要求1所述的可视化前后端数据交互对接解耦方法,其特征在于,所述基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面,之后还包括:
在后端数据集成中心配置刷新策略;所述刷新策略包括刷新时间、刷新间隔以及数据对象的变更方式;
在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象;不同数据对象对应不同的参数。
4.根据权利要求3所述的可视化前后端数据交互对接解耦方法,其特征在于,所述令所述后端数据集成中心监听所述数据资源池内数据对象变化后,根据所述刷新策略动态刷新所述数据资源池内的数据对象,之后还包括:
在所述前端可视化数据大屏监听所述数据资源池内数据对象发生变更后,调用所述数据资源池内刷新后的数据对象实时动态主动刷新页面数据,渲染对应的页面,并返回步骤“在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象”。
5.根据权利要求1所述的可视化前后端数据交互对接解耦方法,其特征在于,所述在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内,具体包括:
在后端数据集成中心配置数据对象数据库中数据对象或注册至所述后端数据集成中心的数据对象,配置所述数据对象,并将所述数据对象注册至浏览器端的数据资源池内。
6.一种可视化前后端数据交互对接解耦系统,其特征在于,包括:
后端数据集成中心,用于开发时,在后端数据集成中心配置数据对象,并将所述数据对象注册至浏览器端的数据资源池内;所述数据对象包括内容、数值以及列表;
双向绑定模块,用于获取前端可视化数据大屏的组件资源,并基于双向绑定机制,将所述组件资源以及所述数据对象进行双向绑定;
前端可视化数据大屏,用于运行时,基于所述双向绑定机制,根据所述组件资源调用所述数据资源池内的数据对象渲染对应的页面。
7.根据权利要求6所述的可视化前后端数据交互对接解耦系统,其特征在于,还包括:
浏览器端,用于通过所述浏览器端建立可视化大屏的数据资源池,令所述数据资源池完成数据的装载以及刷新。
8.根据权利要求6所述的可视化前后端数据交互对接解耦系统,其特征在于,还包括:
刷新策略配置模块,用于在后端数据集成中心配置刷新策略;所述刷新策略包括刷新时间、刷新间隔以及数据对象的变更方式;
数据对象刷新模块,用于在所述后端数据集成中心监听所述数据资源池内全局参数池的参数发生变更后,自动匹配涉及到的组件资源,并基于所述组件资源,根据所述刷新策略动态刷新所述涉及到的数据对象;不同数据对象对应不同的参数。
9.一种电子设备,其特征在于,包括存储器及处理器,所述存储器用于存储计算机程序,所述处理器运行所述计算机程序以使所述电子设备执行如权利要求1-5中任一项所述的可视化前后端数据交互对接解耦方法。
10.一种计算机可读存储介质,其特征在于,其存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-5中任一项所述的可视化前后端数据交互对接解耦方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211232483.9A CN115525272A (zh) | 2022-10-10 | 2022-10-10 | 一种可视化前后端数据交互对接解耦方法、系统及产品 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211232483.9A CN115525272A (zh) | 2022-10-10 | 2022-10-10 | 一种可视化前后端数据交互对接解耦方法、系统及产品 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115525272A true CN115525272A (zh) | 2022-12-27 |
Family
ID=84700873
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211232483.9A Pending CN115525272A (zh) | 2022-10-10 | 2022-10-10 | 一种可视化前后端数据交互对接解耦方法、系统及产品 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115525272A (zh) |
-
2022
- 2022-10-10 CN CN202211232483.9A patent/CN115525272A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108345531B (zh) | 一种测试方法、装置及系统 | |
CN108173706B (zh) | 一种多业务系统下的业务标记方法、装置及设备 | |
CN109542427B (zh) | 一种系统定制方法、装置及电子设备和存储介质 | |
US8671417B2 (en) | Lightweight framework for web applications | |
US11586772B2 (en) | Method and device for displaying information | |
CN109145238B (zh) | 一种卡片显示方法、装置及移动设备 | |
WO2018219285A1 (zh) | 一种数据对象展示方法及装置 | |
CN108549562A (zh) | 一种图像加载的方法及装置 | |
CN110020231A (zh) | 网页截图方法及其装置 | |
CN112181378B (zh) | 业务流程的实现方法及装置 | |
CN107479868B (zh) | 一种界面加载方法、装置及设备 | |
US9503551B2 (en) | Hybrid native networked applications | |
CN110020371B (zh) | 一种基于react-native页面布局联动的方法及装置 | |
CN113672323A (zh) | 一种页面展示的方法及装置 | |
CN110022493B (zh) | 播放进度显示方法、装置、电子设备和存储介质 | |
CN113434063B (zh) | 一种信息显示方法、装置及设备 | |
CN112800363A (zh) | 页面显示方法、装置、电子设备和计算机可读介质 | |
CN112764676A (zh) | 一种资源分配系统及方法 | |
CN109614089B (zh) | 数据访问代码的自动生成方法、装置、设备及存储介质 | |
CN115525272A (zh) | 一种可视化前后端数据交互对接解耦方法、系统及产品 | |
CN106484417A (zh) | 一种应用程序列表展示方法及装置 | |
CN107392408B (zh) | 一种信用分数的提示信息输出方法及装置 | |
CN113592506B (zh) | 重复支付处理方法、装置、电子设备和存储介质 | |
CN110162373B (zh) | 在网页中展示图表的方法及装置 | |
CN112698882A (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 |