CN113779462A - 一种图像联动方法、装置、设备及存储介质 - Google Patents
一种图像联动方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN113779462A CN113779462A CN202111064650.9A CN202111064650A CN113779462A CN 113779462 A CN113779462 A CN 113779462A CN 202111064650 A CN202111064650 A CN 202111064650A CN 113779462 A CN113779462 A CN 113779462A
- Authority
- CN
- China
- Prior art keywords
- data
- linkage
- target data
- relation
- images
- 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
- 238000000034 method Methods 0.000 title claims abstract description 60
- 238000013499 data model Methods 0.000 claims abstract description 85
- 238000004590 computer program Methods 0.000 claims description 11
- 238000010276 construction Methods 0.000 claims description 2
- 230000003993 interaction Effects 0.000 abstract description 11
- 230000004044 response Effects 0.000 abstract description 7
- 238000004891 communication Methods 0.000 description 6
- 238000004519 manufacturing process Methods 0.000 description 6
- 230000008569 process Effects 0.000 description 6
- 238000010586 diagram Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000000903 blocking effect Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000036962 time dependent Effects 0.000 description 1
- 230000001052 transient effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Images
Classifications
-
- 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
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/21—Design, administration or maintenance of databases
- G06F16/219—Managing data history or versioning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/28—Databases characterised by their database models, e.g. relational or object models
- G06F16/284—Relational databases
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请公开了一种图像联动方法、装置、设备及存储介质,包括:从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。可见,本申请通过将后端数据库中具有联动关系的目标数据在本地缓存,然后利用缓存的本地数据构建关系数据模型,以此生成多个具有联动关系的图像并在前端页面显示,避免直接与后端数据库频繁进行数据交互,提高联动图像的响应速度,实现图像快速联动。同时能适应多用户大数据量频繁操作,降低后端数据库压力,确保数据库高性能运作。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种图像联动方法、装置、设备及存储介质。
背景技术
目前,不同维度信息可能在不同的图像上展示,修改同一个数据会引起多个图像的变动,它们之间的联动性一般都是从后端数据库内直接取数据,频繁交互,数据较多时检索耗时长,易导致图像刷新延时、性能缓慢的现象。特别是对于生产型企业在进行生产的排产中,普遍使用甘特图来管理多种维度的信息。当两个甘特图联动时需要其中一个甘特图将数据保存到数据库,另一个甘特图从数据库重新获取数据、刷新页面,数据量大时需要频繁访问数据库,多用户并发操作会导致负载量增大、资源占用较大,从而导致阻塞的情况,影响数据库的性能。另外,当用户对其中一个甘特图进行操作,另一个甘特图需要进行全局刷新,当数据量大的时候,页面刷新慢,流畅度不够。
因此,如何提供一种高效实现图像联动的方法是本领域技术人员亟待解决的技术问题。
发明内容
有鉴于此,本发明的目的在于提供一种图像联动方法、装置、设备及存储介质,能够避免直接与后端数据库频繁进行数据交互,提高图像响应速度,确保数据库高性能运作。其具体方案如下:
本申请的第一方面提供了一种图像联动方法,包括:
从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;
构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
可选的,所述将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据,包括:
将所述目标数据在前端堆栈中进行缓存,以得到与所述目标数据对应的本地数据。
可选的,多个具有联动关系的图像为甘特图;
相应的,所述基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示,包括:
基于所述关系数据模型利用Dhtmlxgantt插件将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
可选的,所述基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示之后,还包括:
获取前端页面中对其中一个所述甘特图数据进行操作的第一指令,并根据所述第一指令对所述关系数据模型进行重构,以得到重构后的关系数据模型;
基于重构后的关系数据模型对所述前端页面中的其他所述甘特图进行更新显示。
可选的,所述基于重构后的关系数据模型对所述前端页面中的其他所述甘特图进行更新显示之后,还包括:
获取对所述前端页面中更新后的所述甘特图进行保存的第二指令,并根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新。
可选的,所述从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,包括:
从后端数据库获取具有联动关系的目标数据及与所述目标数据对应的版本号,并将所述目标数据及对应的所述版本号在本地进行缓存。
可选的,所述根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新之前,还包括:
判断与重构后的所述关系数据模型对应的所述本地数据的所述版本号与所述后端数据库中的所述目标数据的版本号是否一致,如果一致,则执行根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新的步骤;
相应的,所述根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新之后,还包括:
将所述后端数据库中更新后的目标数据的所述版本号也进行相应的更新操作。
本申请的第二方面提供了一种图像联动装置,包括:
缓存模块,用于从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;
模型构建模块,用于构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
本申请的第三方面提供了一种电子设备,所述电子设备包括处理器和存储器;其中所述存储器用于存储计算机程序,所述计算机程序由所述处理器加载并执行以实现前述图像联动方法。
本申请的第四方面提供了一种计算机可读存储介质,所述计算机可读存储介质中存储有计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现前述图像联动方法。
本申请中,先从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;然后构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。可见,本申请通过将后端数据库中具有联动关系的目标数据在本地进行缓存,然后利用缓存的本地数据构建相应的关系数据模型,以此生成多个具有联动关系的图像并在前端页面进行显示,避免直接与后端数据库频繁进行数据交互,提高联动图像的响应速度,刷新显示快以实现图像快速联动。同时能够适应多用户大数据量频繁操作,降低后端数据库的压力,确保数据库的高性能运作。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请提供的一种图像联动方法流程图;
图2为本申请提供的一种具体的图像联动方法流程图;
图3为本申请提供的一种具体的图像联动方法示意图;
图4为本申请提供的一种图像联动装置结构示意图;
图5为本申请提供的一种图像联动电子设备结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
目前,不同维度信息可能在不同的图像上展示,修改同一个数据会引起多个图像的变动,它们之间的联动性一般都是从后端数据库内直接取数据,频繁交互,数据较多时检索耗时长,易导致图像刷新延时、性能缓慢的现象。针对上述技术缺陷,本申请提供一种图像联动方案,通过将后端数据库中具有联动关系的目标数据在本地进行缓存,然后利用缓存的本地数据构建相应的关系数据模型,以此生成多个具有联动关系的图像并在前端页面进行显示,避免直接与后端数据库频繁进行数据交互,提高联动图像的响应速度,刷新显示快以实现图像快速联动。同时能够适应多用户大数据量频繁操作,降低后端数据库的压力,确保数据库的高性能运作。
图1为本申请实施例提供的一种图像联动方法流程图。参见图1所示,该图像联动方法包括:
S11:从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据。
本实施例中,从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据。所述目标数据为以图像进行展示时能起到联动作用的数据,也即具有联动关系的数据。首先根据需求从所述后端数据库中获取所述目标数据,然后将获取到的所述目标数据在本地进行缓存,例如缓存在本地堆栈中,最终得到与所述目标数据对应的本地数据,也即将所述后端数据库中的数据缓存至本地。与前端交互时,无需直接从所述后端数据库存取数据,而是利用前端缓存数据进行交互。
S12:构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
本实施例中,在得到所述本地数据后,构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。所述本地数据的图像之间实现联动的基础是建立关系数据模型,首先构建与所述本地数据对应的关系数据模型,然后根据构建好的所述关系数据模型将多个具有联动关系的图像在所述前端页面进行初始化刷新及显示。当需要修改图像时,只用基于所述本地数据在前端层面进行操作,不用频繁对后端数据库进行直接修改,提高数据库性能,同时多个图像在同一界面内快速联动显示,直观清晰,便于用户分析及方便调整。
可见,本申请实施例先从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;然后构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。本申请实施例通过将后端数据库中具有联动关系的目标数据在本地进行缓存,然后利用缓存的本地数据构建相应的关系数据模型,以此生成多个具有联动关系的图像并在前端页面进行显示,避免直接与后端数据库频繁进行数据交互,提高联动图像的响应速度,刷新显示快以实现图像快速联动。同时能够适应多用户大数据量频繁操作,降低后端数据库的压力,确保数据库的高性能运作。
图2为本申请实施例提供的一种具体的图像联动方法流程图。参见图2所示,该图像联动方法包括:
S21:从后端数据库获取具有联动关系的目标数据,并将所述目标数据在前端堆栈中进行缓存,以得到与所述目标数据对应的本地数据。
S22:构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示;其中,多个具有联动关系的图像为甘特图。
本实施例中,首先从后端数据库获取具有联动关系的目标数据,并将所述目标数据在前端堆栈中进行缓存,以得到与所述目标数据对应的本地数据。进一步的,本实施例主要利用数据版本号将数据获取到前端堆栈中,用户修改甘特图不与数据库交互,而是对前端堆栈数据修改,避免了频繁从数据库获取数据,等待时间长,从而实现快速联动效果。因此,在获取目标数据时还需要获取与所述目标数据对应的版本号,并将所述版本号同时在所述前端堆栈中进行缓存。然后从后端数据库获取具有联动关系的目标数据及然后构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示;其中,多个具有联动关系的图像为甘特图。
所述甘特图主要包括订单产品甘特图和资源产能负荷甘特图两大类。所述订单产品甘特图通过条状图来显示工序任务、进度和其他时间相关的产品生产工序的内在关系随着时间进展的情况。所述资源产能负荷甘特图通过柱状图来显示生产资源、产能负荷和其他时间使用该生产资源的工序任务的内在关系随着时间变化的情况,两者之间具有联动的基础。本实施例以产品生产中的甘特图为例,具体的图像联动方法如图3所示。相应的,先通过筛选条件从所述后端数据库获取具有联动关系的包括但不限于订单编号、产品、数量、交期、资源、资源产能、版本号等的所述目标数据,然后将所述目标数据在前端堆栈中进行缓存,以得到缓存在所述前端堆栈中的订单编号、产品、数量、交期、资源、资源产能、版本号等本地数据,避免了多用户并发操作,用户频繁操作对所述后端数据库的影响,降低了所述后端数据库的压力,大大提高了所述后端数据库的性能。在所述前端页面中通过JavaScript编程语言对所述本地数据进行整合计算,以构建对应的所述关系数据模型,再根据构建好的所述关系数据模型初始化刷新订单产品甘特图及资源产能负荷甘特图。最后基于所述关系数据模型利用Dhtmlxgantt插件将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示,也即通过Dhtmlxgantt控件进行图形化的展示,Dhtmlxgantt插件是一款基于JavaScript编程语言编写的甘特图前端插件,能够通过时间线来展示用户要做的事,并且支持用户自定义添加修改删除,实现图像的自定义展示和交互,界面可操作性强。通过模型进行映射,用户对其中一种甘特图修改时,只需要修改模型中对应的相关数据,对另一甘特图进行局部刷新,加快了联动速度。
S23:获取前端页面中对其中一个所述甘特图数据进行操作的第一指令,并根据所述第一指令对所述关系数据模型进行重构,以得到重构后的关系数据模型。
S24:基于重构后的关系数据模型对所述前端页面中的其他所述甘特图进行更新显示。
本实施例中,获取前端页面中对其中一个所述甘特图数据进行操作的第一指令,并根据所述第一指令对所述关系数据模型进行重构,以得到重构后的关系数据模型。然后基于重构后的关系数据模型对所述前端页面中的其他所述甘特图进行更新显示。也即,当用户在前端的甘特图页面上对其中一个甘特图进行操作时,通过工序任务ID及时间属性,在所述前端堆栈的所述关系数据模型中查找到对应的另一种维度的甘特图信息,进行计算,然后在所述前端堆栈中重构两种维度关联数据的关系数据模型,并对另一种甘特图进行“局部”刷新,此过程中不需要与后端数据库进行交互,只在前端做“局部”刷新,两种甘特图数据可以快速联动。
S25:获取对所述前端页面中更新后的所述甘特图进行保存的第二指令,并根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新。
本实施例中,获取对所述前端页面中更新后的所述甘特图进行保存的第二指令,并根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新。只有当所述前端页面保存修改后的甘特图时才对所述后端数据库中的相应所述目标数据进行更新。进一步的,在所述根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新之前,还需要判断与重构后的所述关系数据模型对应的所述本地数据的所述版本号与所述后端数据库中的所述目标数据的版本号是否一致,如果一致,则执行根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新的步骤。相应的,所述根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新之后,将所述后端数据库中更新后的目标数据的所述版本号也进行相应的更新操作。当用户对两种甘特图进行修改后保存时,此时前端与后端数据库才进行交互,并自动对比后端与前端的数据版本号的差异,两边版本号一致时,修改的数据允许保存,否则提醒前端的版本号非最新,不允许保存,确保多用户并发操作时所述后端数据库的高性能。
可见,本申请实施例将后端数据库中的目标数据存储至前端堆栈中,然后通过构建甘特图数据模型技术及利用Dhtmlxgantt前端控件对甘特图数据模型进行展示技术,当对前端页面中的甘特图进行操作时,通过重构模型进行局部刷新,避免多用户并发操作,响应速度快,多用户频繁操作时依然能确保数据库的高性能。在获取到对前端页面中更新后的甘特图进行保存的指令时才对后端数据库中的相应目标数据进行更新,避免与后端数据库的频繁交互,降低数据检索耗时实现快速联动。
参见图4所示,本申请实施例还相应公开了一种图像联动装置,包括:
缓存模块11,用于从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;
模型构建模块12,用于构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
可见,本申请实施例先从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;然后构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。本申请实施例通过将后端数据库中具有联动关系的目标数据在本地进行缓存,然后利用缓存的本地数据构建相应的关系数据模型,以此生成多个具有联动关系的图像并在前端页面进行显示,避免直接与后端数据库频繁进行数据交互,提高联动图像的响应速度,刷新显示快以实现图像快速联动。同时能够适应多用户大数据量频繁操作,降低后端数据库的压力,确保数据库的高性能运作。
在一些具体实施例中,所述缓存模块11,具体用于将所述目标数据在前端堆栈中进行缓存,以得到与所述目标数据对应的本地数据。
在一些具体实施例中,所述模型构建模块12,具体用于构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型利用Dhtmlxgantt插件将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示;其中,多个具有联动关系的图像为甘特图。
在一些具体实施例中,所述图像联动装置还包括:
模型重构模块,用于获取前端页面中对其中一个所述甘特图数据进行操作的第一指令,并根据所述第一指令对所述关系数据模型进行重构,以得到重构后的关系数据模型;
第一更新模块,用于基于重构后的关系数据模型对所述前端页面中的其他所述甘特图进行更新显示;
第二更新模块,用于获取对所述前端页面中更新后的所述甘特图进行保存的第二指令,并根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新。
在一些具体实施例中,所述缓存模块11,具体用于从后端数据库获取具有联动关系的目标数据及与所述目标数据对应的版本号,并将所述目标数据及对应的所述版本号在本地进行缓存;
相应的,所述图像联动装置还包括:
判断模块,用于判断与重构后的所述关系数据模型对应的所述本地数据的所述版本号与所述后端数据库中的所述目标数据的版本号是否一致,如果一致,则执行根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新的步骤;
第三更新模块,用于将所述后端数据库中更新后的目标数据的所述版本号也进行相应的更新操作。
进一步的,本申请实施例还提供了一种电子设备。图5是根据一示例性实施例示出的电子设备20结构图,图中的内容不能认为是对本申请的使用范围的任何限制。
图5为本申请实施例提供的一种电子设备20的结构示意图。该电子设备20,具体可以包括:至少一个处理器21、至少一个存储器22、电源23、通信接口24、输入输出接口25和通信总线26。其中,所述存储器22用于存储计算机程序,所述计算机程序由所述处理器21加载并执行,以实现前述任一实施例公开的图像联动方法中的相关步骤。
本实施例中,电源23用于为电子设备20上的各硬件设备提供工作电压;通信接口24能够为电子设备20创建与外界设备之间的数据传输通道,其所遵循的通信协议是能够适用于本申请技术方案的任意通信协议,在此不对其进行具体限定;输入输出接口25,用于获取外界输入数据或向外界输出数据,其具体的接口类型可以根据具体应用需要进行选取,在此不进行具体限定。
另外,存储器22作为资源存储的载体,可以是只读存储器、随机存储器、磁盘或者光盘等,其上所存储的资源可以包括操作系统221、计算机程序222及数据223等,存储方式可以是短暂存储或者永久存储。
其中,操作系统221用于管理与控制电子设备20上的各硬件设备以及计算机程序222,以实现处理器21对存储器22中海量数据223的运算与处理,其可以是Windows Server、Netware、Unix、Linux等。计算机程序222除了包括能够用于完成前述任一实施例公开的由电子设备20执行的图像联动方法的计算机程序之外,还可以进一步包括能够用于完成其他特定工作的计算机程序。数据223可以包括电子设备20收集到的目标数据等。
进一步的,本申请实施例还公开了一种存储介质,所述存储介质中存储有计算机程序,所述计算机程序被处理器加载并执行时,实现前述任一实施例公开的图像联动方法步骤。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其它实施例的不同之处,各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个…”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本发明所提供的图像联动方法、装置、设备及存储介质进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种图像联动方法,其特征在于,包括:
从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;
构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
2.根据权利要求1所述的图像联动方法,其特征在于,所述将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据,包括:
将所述目标数据在前端堆栈中进行缓存,以得到与所述目标数据对应的本地数据。
3.根据权利要求1或2所述的图像联动方法,其特征在于,多个具有联动关系的图像为甘特图;
相应的,所述基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示,包括:
基于所述关系数据模型利用Dhtmlxgantt插件将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
4.根据权利要求3所述的图像联动方法,其特征在于,所述基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示之后,还包括:
获取前端页面中对其中一个所述甘特图数据进行操作的第一指令,并根据所述第一指令对所述关系数据模型进行重构,以得到重构后的关系数据模型;
基于重构后的关系数据模型对所述前端页面中的其他所述甘特图进行更新显示。
5.根据权利要求4所述的图像联动方法,其特征在于,所述基于重构后的关系数据模型对所述前端页面中的其他所述甘特图进行更新显示之后,还包括:
获取对所述前端页面中更新后的所述甘特图进行保存的第二指令,并根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新。
6.根据权利要求5所述的图像联动方法,其特征在于,所述从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,包括:
从后端数据库获取具有联动关系的目标数据及与所述目标数据对应的版本号,并将所述目标数据及对应的所述版本号在本地进行缓存。
7.根据权利要求6所述的图像联动方法,其特征在于,所述根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新之前,还包括:
判断与重构后的所述关系数据模型对应的所述本地数据的所述版本号与所述后端数据库中的所述目标数据的版本号是否一致,如果一致,则执行根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新的步骤;
相应的,所述根据所述第二指令利用与重构后的所述关系数据模型对应的所述本地数据对所述后端数据库中的所述目标数据进行更新之后,还包括:
将所述后端数据库中更新后的目标数据的所述版本号也进行相应的更新操作。
8.一种图像联动装置,其特征在于,包括:
缓存模块,用于从后端数据库获取具有联动关系的目标数据,并将所述目标数据在本地进行缓存,以得到与所述目标数据对应的本地数据;
模型构建模块,用于构建与所述本地数据对应的关系数据模型,并基于所述关系数据模型将所述本地数据以多个具有联动关系的图像的形式在前端页面进行显示。
9.一种电子设备,其特征在于,所述电子设备包括处理器和存储器;其中所述存储器用于存储计算机程序,所述计算机程序由所述处理器加载并执行以实现如权利要求1至7任一项所述的图像联动方法。
10.一种计算机可读存储介质,其特征在于,用于存储计算机可执行指令,所述计算机可执行指令被处理器加载并执行时,实现如权利要求1至7任一项所述的图像联动方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111064650.9A CN113779462A (zh) | 2021-09-09 | 2021-09-09 | 一种图像联动方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111064650.9A CN113779462A (zh) | 2021-09-09 | 2021-09-09 | 一种图像联动方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113779462A true CN113779462A (zh) | 2021-12-10 |
Family
ID=78842642
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111064650.9A Pending CN113779462A (zh) | 2021-09-09 | 2021-09-09 | 一种图像联动方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113779462A (zh) |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5745110A (en) * | 1995-03-10 | 1998-04-28 | Microsoft Corporation | Method and apparatus for arranging and displaying task schedule information in a calendar view format |
US20120306880A1 (en) * | 2011-06-06 | 2012-12-06 | Oracle International Corporation | Presentation of dependencies in gantt charts |
CN103533029A (zh) * | 2013-09-26 | 2014-01-22 | 广州中国科学院软件应用技术研究所 | 甘特图数据加载方法及系统 |
CN105447615A (zh) * | 2014-09-19 | 2016-03-30 | 西门子公司 | 用于监测制造过程的方法、系统以及网络应用程序 |
CN105930492A (zh) * | 2016-05-05 | 2016-09-07 | 北京思特奇信息技术股份有限公司 | 一种将关系表数据载入缓存的系统和方法 |
CN107330957A (zh) * | 2017-05-24 | 2017-11-07 | 浙江大学 | 一种具有图层之间映射联动关系的图像处理方法 |
CN110704769A (zh) * | 2019-10-10 | 2020-01-17 | 深圳前海微众银行股份有限公司 | 流程图生成方法、装置、设备及计算机存储介质 |
CN110737674A (zh) * | 2019-10-14 | 2020-01-31 | 深圳前海微众银行股份有限公司 | 可视化图表查询方法、装置、设备及计算机存储介质 |
CN110941750A (zh) * | 2019-11-28 | 2020-03-31 | 金蝶软件(中国)有限公司 | 一种数据联动的方法以及相关装置 |
CN111200634A (zh) * | 2019-12-06 | 2020-05-26 | 中国联合网络通信集团有限公司 | 缓存资源联动更新方法、系统及服务器 |
CN112527868A (zh) * | 2020-12-23 | 2021-03-19 | 东莞市盟大塑化科技有限公司 | 一种数据获取方法、装置、设备及存储介质 |
CN112766920A (zh) * | 2021-01-27 | 2021-05-07 | 意潜建筑科技(上海)有限公司 | 一种列表与甘特图双向影响的方法 |
CN112805706A (zh) * | 2018-08-03 | 2021-05-14 | 闪存应用程序有限责任公司 | 移动装置用户之间的增强数据共享 |
-
2021
- 2021-09-09 CN CN202111064650.9A patent/CN113779462A/zh active Pending
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5745110A (en) * | 1995-03-10 | 1998-04-28 | Microsoft Corporation | Method and apparatus for arranging and displaying task schedule information in a calendar view format |
US20120306880A1 (en) * | 2011-06-06 | 2012-12-06 | Oracle International Corporation | Presentation of dependencies in gantt charts |
CN103533029A (zh) * | 2013-09-26 | 2014-01-22 | 广州中国科学院软件应用技术研究所 | 甘特图数据加载方法及系统 |
CN105447615A (zh) * | 2014-09-19 | 2016-03-30 | 西门子公司 | 用于监测制造过程的方法、系统以及网络应用程序 |
CN105930492A (zh) * | 2016-05-05 | 2016-09-07 | 北京思特奇信息技术股份有限公司 | 一种将关系表数据载入缓存的系统和方法 |
CN107330957A (zh) * | 2017-05-24 | 2017-11-07 | 浙江大学 | 一种具有图层之间映射联动关系的图像处理方法 |
CN112805706A (zh) * | 2018-08-03 | 2021-05-14 | 闪存应用程序有限责任公司 | 移动装置用户之间的增强数据共享 |
CN110704769A (zh) * | 2019-10-10 | 2020-01-17 | 深圳前海微众银行股份有限公司 | 流程图生成方法、装置、设备及计算机存储介质 |
CN110737674A (zh) * | 2019-10-14 | 2020-01-31 | 深圳前海微众银行股份有限公司 | 可视化图表查询方法、装置、设备及计算机存储介质 |
CN110941750A (zh) * | 2019-11-28 | 2020-03-31 | 金蝶软件(中国)有限公司 | 一种数据联动的方法以及相关装置 |
CN111200634A (zh) * | 2019-12-06 | 2020-05-26 | 中国联合网络通信集团有限公司 | 缓存资源联动更新方法、系统及服务器 |
CN112527868A (zh) * | 2020-12-23 | 2021-03-19 | 东莞市盟大塑化科技有限公司 | 一种数据获取方法、装置、设备及存储介质 |
CN112766920A (zh) * | 2021-01-27 | 2021-05-07 | 意潜建筑科技(上海)有限公司 | 一种列表与甘特图双向影响的方法 |
Non-Patent Citations (1)
Title |
---|
孔慧慧: "大数据探索式多维分析及可视化系统的设计与实现", 《中国优秀硕士学位论文全文数据库信息科技辑》, no. 5, 15 May 2021 (2021-05-15), pages 138 - 629 * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9483549B2 (en) | Persisting state at scale across browser sessions | |
AU2011101576B4 (en) | Method and systems for generating and displaying a preview image of a content area | |
US8775923B1 (en) | Web page restoration | |
US9122767B2 (en) | Method and apparatus for pre-rendering expected system response | |
EP2596425B1 (en) | Membership tracking and data eviction in mobile middleware scenarios | |
CN109240946A (zh) | 数据的多级缓存方法及终端设备 | |
US8117553B2 (en) | Method and system to maintain a user interface context | |
CA2789403A1 (en) | Method and system for organizing information with a sharable user interface | |
US9886465B2 (en) | System and method for rendering of hierarchical data structures | |
US20130238665A1 (en) | Managing records displayed in a tree list | |
US20190080017A1 (en) | Method, system, and device that invokes a web engine | |
US9430808B2 (en) | Synchronization points for state information | |
US20160210273A1 (en) | In-memory workspace management | |
US20120159376A1 (en) | Editing data records associated with static images | |
US9633408B2 (en) | Coalescing graphics operations | |
CN112559172A (zh) | 网页浏览器内存优化方法、系统、设备及存储介质 | |
US9164922B2 (en) | Technique for passive cache compaction using a least recently used cache algorithm | |
CN113779462A (zh) | 一种图像联动方法、装置、设备及存储介质 | |
CN113961298A (zh) | 一种页面切换方法、装置、设备及介质 | |
US11816320B2 (en) | Paginated growing widgets | |
US20230306029A1 (en) | Systems and methods for loading content | |
CN115878717A (zh) | 一种报表数据处理方法、装置、设备及存储介质 | |
CN116304407A (zh) | 页面渲染方法、装置、计算机设备和存储介质 | |
CN117271867A (zh) | 页面数据的存储方法及装置、存储介质、计算机设备 | |
CN117331625A (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 |