CN110489119B - 基于图数据库显示查询结果的方法、装置及存储介质 - Google Patents
基于图数据库显示查询结果的方法、装置及存储介质 Download PDFInfo
- Publication number
- CN110489119B CN110489119B CN201910562505.XA CN201910562505A CN110489119B CN 110489119 B CN110489119 B CN 110489119B CN 201910562505 A CN201910562505 A CN 201910562505A CN 110489119 B CN110489119 B CN 110489119B
- Authority
- CN
- China
- Prior art keywords
- canvas
- plug
- end page
- vis
- dynamic data
- 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.)
- Active
Links
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/50—Information retrieval; Database structures therefor; File system structures therefor of still image data
- G06F16/54—Browsing; Visualisation therefor
-
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请提供基于图数据库显示查询结果的方法、装置及存储介质，方法包括：构建bootstrap前端页面框架，在bootstrap前端页面框架中注入多个vis.js插件，采用canvas+js+html+css+plugin架构，重构html canvas画图算法；根据图像个数和重构的html canvas画图算法生成多个空白的canvas画布；在canvas画布中添加各图像数据、各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；去除至少一个vis.js插件，调用自定义公共函数在目标vis.js插件上计算圆形布局和canvas画布上节点；获取前端页面与终端交互过程中产生中的动态数据；调用vis.js插件处理动态数据，与动态数据交互，生成与动态数据交互对应的查询结果；向前端页面传送查询结果。本方案能够提高交互的灵活性和开发难度。
Description
技术领域
本申请涉及互联网前端技术领域，涉及一种基于图数据库显示查询结果的方法、装置及存储介质。
背景技术
目前，在前端技术开发中，针对展现前端的HTML页面时，大部分还是基于JavaScript+CSS进行开发，所以，前端的HTML页面展现样式相对固定。一旦出现大量数据动态绑定后急需快速展现动态更新的HTML页面展现速度快，数据交互操作展现灵活、多样以及满足高并发的访问量的现象。
由此可见，由于HTML页面开发工作比较复杂且存在一定开发难度，且大量数据动态绑定响应慢，数据交互操作不灵活，故现有的HTML页面展现方式便更难满足客户的视觉感受和操作的便利性需求。
发明内容
本申请提供了一种基于图数据库显示查询结果的方法、装置及存储介质，能够解决现有技术中并发请求时容易导致多人进行同一个业务操作，数据重复、错乱等问题的问题。
第一方面，本申请提供一种基于图数据库显示查询结果的方法，所述方法包括：
构建bootstrap前端页面框架，在所述bootstrap前端页面框架中注入多个vis.js插件，其中，所述vis.js插件是指动态的基于浏览器的可视化库；
采用canvas+js+html+css+plugin架构，重构html canvas画图算法；
获取待创建前端页面中各图像数据，所述图像数据包括图像个数和图像元素；
根据所述图像个数和所述重构的html canvas画图算法生成多个空白的canvas画布，每个空白的canvas画布对应一张图像；
分别在各空白的canvas画布中添加各图像数据，并在所述canvas画布中添加各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；
从所述bootstrap前端页面框架中去除至少一个vis.js插件，得到包括目标vis.js插件的bootstrap前端页面框架；
调用自定义公共函数在所述目标vis.js插件上计算圆形布局和所述canvas画布上的节点；
获取前端页面与终端交互过程中产生中的动态数据；
调用所述vis.js插件处理所述动态数据，并与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果；
向所述前端页面传送与所述动态数据进行交互操作对应的查询结果。
在一些可能的设计中，所述html canvas画图算法为定制化生产通用逻辑处理工具类函数，所述重构html canvas画图算法，包括：
设置canvas画布上的右键菜单和各坐标点的变换方式；
根据不同的右键菜单数量计算画图元数据以及判断鼠标点处于目标菜单上，以对自定义画布节点功能控制、节点布局控制和右键菜单联动。
在一些可能的设计中，所述与所述动态数据进行交互操作之前，所述方法还包括：
获取plugin插件；
在所述前端页面中设置一个应用程序接口；
通过所述应用程序接口在所述前端页面中注册所述plugin插件，以及在所述前端页面中注册所述前端页面与所述plugin插件进行数据交换的协议；
所述与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果，包括；
调用所述plugin插件，按照在所述前端页面中注册的所述前端页面与所述plugin插件进行数据交换的协议，与所述动态数据进行交互操作。
在一些可能的设计中，所述bootstrap前端页面框架包括页面设计底层，所述采用canvas+js+html+css+plugin架构，重构html canvas画图算法，包括：
基于vis.j插件设计页面设计底层框架，所述页面设计底层框架包含更新节点、更新标识、更新颜色、更新连线及可拖拽图形展现。
所述方法还包括：
在所述页面设计底层中设置高速缓存区域，所述高速缓存区域用于处理并发访问请求。
第二方面，本申请提供一种基于缓存数据库校验业务唯一性的装置，具有实现对应于上述第一方面提供的基于图数据库显示查询结果的方法的功能。所述功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块，所述模块可以是软件和/或硬件。
一种可能的设计中，所述装置包括：
处理模块，用于构建bootstrap前端页面框架，在所述bootstrap前端页面框架中注入多个vis.js插件，其中，所述vis.js插件是指动态的基于浏览器的可视化库；采用canvas+js+html+css+plugin架构，重构html canvas画图算法；
输入输出模块，用于获取待创建前端页面中各图像数据，所述图像数据包括图像个数和图像元素；
所述处理模块还用于根据所述图像个数和所述重构的html canvas画图算法生成多个空白的canvas画布，每个空白的canvas画布对应一张图像；分别在各空白的canvas画布中添加各图像数据，并在所述canvas画布中添加各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；从所述bootstrap前端页面框架中去除至少一个vis.js插件，得到包括目标vis.js插件的bootstrap前端页面框架；调用自定义公共函数在所述目标vis.js插件上计算圆形布局和所述canvas画布上的节点；
所述处理模块还用于通过所述输入输出模块获取前端页面与终端交互过程中产生中的动态数据；调用所述vis.js插件处理所述动态数据，并与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果；通过所述输入输出模块向所述前端页面传送与所述动态数据进行交互操作对应的查询结果。
在一些可能的设计中，所述html canvas画图算法为定制化生产通用逻辑处理工具类函数，所述重构html canvas画图算法，包括：
设置canvas画布上的右键菜单和各坐标点的变换方式；
根据不同的右键菜单数量计算画图元数据以及判断鼠标点处于目标菜单上，以对自定义画布节点功能控制、节点布局控制和右键菜单联动。
在一些可能的设计中，所述处理模块在与所述动态数据进行交互操作之前，还用于：
通过所述输入输出模块获取plugin插件；
在所述前端页面中设置一个应用程序接口；
通过所述应用程序接口在所述前端页面中注册所述plugin插件，以及在所述前端页面中注册所述前端页面与所述plugin插件进行数据交换的协议；
调用所述plugin插件，按照在所述前端页面中注册的所述前端页面与所述plugin插件进行数据交换的协议，与所述动态数据进行交互操作。
在一些可能的设计中，所述bootstrap前端页面框架包括页面设计底层，所述处理模块具体用于：
基于vis.j插件设计页面设计底层框架，所述页面设计底层框架包含更新节点、更新标识、更新颜色、更新连线及可拖拽图形展现。
所述处理模块还用于：
在所述页面设计底层中设置高速缓存区域，所述高速缓存区域用于处理并发访问请求。
本申请又一方面提供了一种计算机设备，其包括至少一个连接的处理器、存储器和输入输出单元，其中，所述存储器用于存储程序代码，所述处理器用于调用所述存储器中的程序代码来执行上述第一方面所述的方法。
本申请又一方面提供了一种计算机存储介质，其包括指令，当其在计算机上运行时，使得计算机执行上述第一方面所述的方法。
相较于现有技术，本申请提供的方案中，构建bootstrap前端页面框架，在bootstrap前端页面框架中注入多个vis.js插件，采用canvas+js+html+css+pl ugin架构，重构html canvas画图算法；根据图像个数和重构的html canvas画图算法生成多个空白的canvas画布；在canvas画布中添加各图像数据、各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；去除至少一个vis.js插件，调用自定义公共函数在目标vis.js插件上计算圆形布局和canvas画布上节点；获取前端页面与终端交互过程中产生中的动态数据；调用vis.js插件处理动态数据，与动态数据交互，生成与动态数据交互对应的查询结果；向前端页面传送查询结果。可见，本方案能够提高交互的灵活性和开发难度，以及加快数据动态绑定的响应速度。展现形式解决了大数据量动态绑定交互加载问题及大数据高并发量缓存问题。在前端框架中引入vis.js可视化库、canvas画布、公共类函数及插件，易于使用，能处理大量动态数据，并能进行图形的各种变形，拖拽成想要的结果图形，打破了现有固定格式的报表、图形，变得更加灵活、便捷。在HTML页面增加高速缓存区，加快了页面数据访问速度，经测试极大的提高了页面响应性能。这样降低了开发人员实施成本并提高了生产效率。
附图说明
图1为本申请实施例中基于图数据库显示查询结果的方法的一种流程示意图；
图2为本申请实施例中基于图数据库显示查询结果的装置的一种结构示意图；
图3为本申请实施例中计算机设备的一种结构示意图。
本申请目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。
具体实施方式
下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，仅用于解释本发明，而不能解释为对本发明的限制。
本技术领域技术人员可以理解，除非特意声明，这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是，本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作，但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作。本技术领域技术人员可以理解，除非另外定义，这里使用的所有术语(包括技术术语和科学术语)，具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是，诸如通用字典中定义的那些术语，应该被理解为具有与现有技术的上下文中的意义一致的意义，并且除非像这里一样被特定定义，否则不会用理想化或过于正式的含义来解释。
本领域技术人员应当理解，本发明所称的“应用”、“应用程序”、“应用软件”以及类似表述的概念，是业内技术人员所公知的相同概念，是指由一系列计算机指令及相关数据资源有机构造的适于电子运行的计算机软件。除非特别指定，这种命名本身不受编程语言种类、级别，也不受其赖以运行的操作系统或平台所限制。理所当然地，此类概念也不受任何形式的终端所限制。
本申请提供一种基于图数据库显示查询结果的方法、装置及存储介质。
参照图1，以下介绍本申请实施例中的一种基于图数据库显示查询结果的方法，所述方法包括：
101、构建bootstrap前端页面框架，在所述bootstrap前端页面框架中注入多个vis.js插件。
其中，所述vis.js插件是指动态的基于浏览器的可视化库；
102、采用canvas+js+html+css+plugin架构，重构html canvas画图算法；
在一些实施方式中，所述html canvas画图算法为定制化生产通用逻辑处理工具类函数，所述重构html canvas画图算法，包括：
设置canvas画布上的右键菜单和各坐标点的变换方式；
根据不同的右键菜单数量计算画图元数据以及判断鼠标点处于目标菜单上，以对自定义画布节点功能控制、节点布局控制和右键菜单联动。
103、获取待创建前端页面中各图像数据，根据所述图像个数和所述重构的htmlcanvas画图算法生成多个空白的canvas画布，每个空白的canvas画布对应一张图像；
其中，所述图像数据包括图像个数和图像元素。
104、分别在各空白的canvas画布中添加各图像数据，并在所述canvas画布中添加各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；
105、从所述bootstrap前端页面框架中去除至少一个vis.js插件，得到包括目标vis.js插件的bootstrap前端页面框架；
106、调用自定义公共函数在所述目标vis.js插件上计算圆形布局和所述canvas画布上的节点；
107、获取前端页面与终端交互过程中产生中的动态数据，调用所述vis.js插件处理所述动态数据，并与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果；
108、向所述前端页面传送与所述动态数据进行交互操作对应的查询结果。
与现有机制相比，本申请实施例中，本方案能够提高交互的灵活性和开发难度，以及加快数据动态绑定的响应速度。展现形式解决了大数据量动态绑定交互加载问题及大数据高并发量缓存问题。在前端框架中引入vis.js可视化库、canvas画布、公共类函数及插件，易于使用，能处理大量动态数据，并能进行图形的各种变形，拖拽成想要的结果图形，打破了现有固定格式的报表、图形，变得更加灵活、便捷。在HTML页面增加高速缓存区，加快了页面数据访问速度，经测试极大的提高了页面响应性能。这样降低了开发人员实施成本并提高了生产效率。
在一些实施方式中，所述与所述动态数据进行交互操作之前，所述方法还包括：
获取plugin插件；
在所述前端页面中设置一个应用程序接口；
通过所述应用程序接口在所述前端页面中注册所述plugin插件，以及在所述前端页面中注册所述前端页面与所述plugin插件进行数据交换的协议；
所述与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果，包括；
调用所述plugin插件，按照在所述前端页面中注册的所述前端页面与所述plugin插件进行数据交换的协议，与所述动态数据进行交互操作。
在一些实施方式中，所述bootstrap前端页面框架包括页面设计底层，所述采用canvas+js+html+css+plugin架构，重构html canvas画图算法，包括：
基于vis.j插件设计页面设计底层框架，所述页面设计底层框架包含更新节点、更新标识、更新颜色、更新连线及可拖拽图形展现。
所述方法还包括：
在所述页面设计底层中设置高速缓存区域，所述高速缓存区域用于处理并发访问请求。
上述图1所对应的实施例或实施方式中所提及的技术特征也同样适用于本申请中的图2和图3所对应的实施例，后续类似之处不再赘述。
以上对本申请中一种基于图数据库显示查询结果的方法进行说明，以下对执行上述基于图数据库显示查询结果的方法的装置进行描述。
如图2所示的一种基于缓存数据库校验业务唯一性的装置20的结构示意图，其可应用于前端页面创建。本申请实施例中的装置能够实现对应于上述图1所对应的实施例中所执行的基于图数据库显示查询结果的方法的步骤。装置20实现的功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。硬件或软件包括一个或多个与上述功能相对应的模块，所述模块可以是软件和/或硬件。所述装置20可包括输入输出模块和处理模块，所述输入输出模块和处理模块的功能实现可参考图1所对应的实施例中所执行的操作，此处不作赘述。所述处理模块可用于控制所述输入输出模块的输入输出或收发操作。
一些实施方式中，所述处理模块可用于构建bootstrap前端页面框架，在所述bootstrap前端页面框架中注入多个vis.js插件，其中，所述vis.js插件是指动态的基于浏览器的可视化库；采用canvas+js+html+css+plugin架构，重构html canvas画图算法；
所述输入输出模块可用于获取待创建前端页面中各图像数据，所述图像数据包括图像个数和图像元素；
所述处理模块还用于根据所述图像个数和所述重构的html canvas画图算法生成多个空白的canvas画布，每个空白的canvas画布对应一张图像；分别在各空白的canvas画布中添加各图像数据，并在所述canvas画布中添加各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；从所述bootstrap前端页面框架中去除至少一个vis.js插件，得到包括目标vis.js插件的bootstrap前端页面框架；调用自定义公共函数在所述目标vis.js插件上计算圆形布局和所述canvas画布上的节点；
所述处理模块还用于通过所述输入输出模块获取前端页面与终端交互过程中产生中的动态数据；调用所述vis.js插件处理所述动态数据，并与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果；通过所述输入输出模块向所述前端页面传送与所述动态数据进行交互操作对应的查询结果。
本申请实施例中，本方案能够提高交互的灵活性和开发难度，以及加快数据动态绑定的响应速度。展现形式解决了大数据量动态绑定交互加载问题及大数据高并发量缓存问题。在前端框架中引入vis.js可视化库、canvas画布、公共类函数及插件，易于使用，能处理大量动态数据，并能进行图形的各种变形，拖拽成想要的结果图形，打破了现有固定格式的报表、图形，变得更加灵活、便捷。在HTML页面增加高速缓存区，加快了页面数据访问速度，经测试极大的提高了页面响应性能。这样降低了开发人员实施成本并提高了生产效率。
在一些实施方式中，所述html canvas画图算法为定制化生产通用逻辑处理工具类函数，所述重构html canvas画图算法，包括：
设置canvas画布上的右键菜单和各坐标点的变换方式；
根据不同的右键菜单数量计算画图元数据以及判断鼠标点处于目标菜单上，以对自定义画布节点功能控制、节点布局控制和右键菜单联动。
在一些实施方式中，所述处理模块在与所述动态数据进行交互操作之前，还用于：
通过所述输入输出模块获取plugin插件；
在所述前端页面中设置一个应用程序接口；
通过所述应用程序接口在所述前端页面中注册所述plugin插件，以及在所述前端页面中注册所述前端页面与所述plugin插件进行数据交换的协议；
调用所述plugin插件，按照在所述前端页面中注册的所述前端页面与所述plugin插件进行数据交换的协议，与所述动态数据进行交互操作。
在一些实施方式中，所述bootstrap前端页面框架包括页面设计底层，所述处理模块具体用于：
基于vis.j插件设计页面设计底层框架，所述页面设计底层框架包含更新节点、更新标识、更新颜色、更新连线及可拖拽图形展现。
所述处理模块还用于：
在所述页面设计底层中设置高速缓存区域，所述高速缓存区域用于处理并发访问请求。
图2中所示的输入输出模块对应的实体设备为图3所示的输入输出单元，该输入输出单元能够实现输入输出模块1部分或全部的功能，或者实现与输入输出模块相同或相似的功能。
图2中所示的处理模块对应的实体设备为图3所示的处理器，该处理器能够实现处理模块部分或全部的功能，或者实现与处理模块相同或相似的功能。
上面从模块化功能实体的角度分别介绍了本申请实施例中的装置20，以下从硬件角度介绍一种计算机设备，如图3所示，其包括：处理器、存储器、输入输出单元(也可以是输入输出单元，图3中未标识出)以及存储在所述存储器中并可在所述处理器上运行的计算机程序。例如，该计算机程序可以为图1所对应的实施例中基于图数据库显示查询结果的方法对应的程序。例如，当计算机设备实现如图2所示的装置20的功能时，所述处理器执行所述计算机程序时实现上述图2所对应的实施例中由装置20执行的基于图数据库显示查询结果的方法中的各步骤；或者，所述处理器执行所述计算机程序时实现上述图2所对应的实施例的装置20中各模块的功能。又例如，该计算机程序可以为图1所对应的实施例中基于图数据库显示查询结果的方法对应的程序。
所称处理器可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述计算机设备的控制中心，利用各种接口和线路连接整个计算机设备的各个部分。
所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述计算机设备的各种功能。所述存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、视频数据等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
所述输入输出单元也可以用接收器和发送器代替，可以为相同或者不同的物理实体。为相同的物理实体时，可以统称为输入输出单元。
所述存储器可以集成在所述处理器中，也可以与所述处理器分开设置。
通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器或者网络设备等)执行本申请各个实施例所述的方法。
上面结合附图对本申请的实施例进行了描述，但是本申请并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本申请的启示下，在不脱离本申请宗旨和权利要求所保护的范围情况下，还可做出很多形式，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，这些均属于本申请的保护之内。
Claims (10)
1.一种基于图数据库显示查询结果的方法，其特征在于，所述方法包括：
构建bootstrap前端页面框架，在所述bootstrap前端页面框架中注入多个vis.js插件，其中，所述vis.js插件是指动态的基于浏览器的可视化库；
采用canvas+js+html+css+plugin架构，重构html canvas画图算法；
获取待创建前端页面中各图像数据，所述图像数据包括图像个数和图像元素；
根据所述图像个数和所述重构的html canvas画图算法生成多个空白的canvas画布，每个空白的canvas画布对应一张图像；
分别在各空白的canvas画布中添加各图像数据，并在所述canvas画布中添加各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；
从所述bootstrap前端页面框架中去除至少一个vis.js插件，得到包括目标vis.js插件的bootstrap前端页面框架；
调用自定义公共函数在所述目标vis.js插件上计算圆形布局和所述canvas画布上的节点；
获取前端页面与终端交互过程中产生中的动态数据；
调用所述vis.js插件处理所述动态数据，并与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果；
向所述前端页面传送与所述动态数据进行交互操作对应的查询结果。
2.根据权利要求1所述的方法，其特征在于，所述html canvas画图算法为定制化生产通用逻辑处理工具类函数，所述重构html canvas画图算法，包括：
设置canvas画布上的右键菜单和各坐标点的变换方式；
根据不同的右键菜单数量计算画图元数据以及判断鼠标点处于目标菜单上，以对自定义画布节点功能控制、节点布局控制和右键菜单联动。
3.根据权利要求2所述的方法，其特征在于，所述与所述动态数据进行交互操作之前，所述方法还包括：
获取plugin插件；
在所述前端页面中设置一个应用程序接口；
通过所述应用程序接口在所述前端页面中注册所述plugin插件，以及在所述前端页面中注册所述前端页面与所述plugin插件进行数据交换的协议；
所述与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果，包括；
调用所述plugin插件，按照在所述前端页面中注册的所述前端页面与所述plugin插件进行数据交换的协议，与所述动态数据进行交互操作。
4.根据权利要求1-3中任一项所述的方法，其特征在于，所述bootstrap前端页面框架包括页面设计底层，所述采用canvas+js+html+css+plugin架构，重构html canvas画图算法，包括：
基于vis.j插件设计页面设计底层框架，所述页面设计底层框架包含更新节点、更新标识、更新颜色、更新连线及可拖拽图形展现；
所述方法还包括：
在所述页面设计底层中设置高速缓存区域，所述高速缓存区域用于处理并发访问请求。
5.一种基于缓存数据库校验业务唯一性的装置，其特征在于，所述装置包括：
处理模块，用于构建bootstrap前端页面框架，在所述bootstrap前端页面框架中注入多个vis.js插件，其中，所述vis.js插件是指动态的基于浏览器的可视化库；采用canvas+js+html+css+plugin架构，重构html canvas画图算法；
输入输出模块，用于获取待创建前端页面中各图像数据，所述图像数据包括图像个数和图像元素；
所述处理模块还用于根据所述图像个数和所述重构的html canvas画图算法生成多个空白的canvas画布，每个空白的canvas画布对应一张图像；分别在各空白的canvas画布中添加各图像数据，并在所述canvas画布中添加各图像数据的初始角度和结束角度；基于各图像数据的初始角度和结束角度，通过累加临时的角度变量进行动态画圆；从所述bootstrap前端页面框架中去除至少一个vis.js插件，得到包括目标vis.js插件的bootstrap前端页面框架；调用自定义公共函数在所述目标vis.js插件上计算圆形布局和所述canvas画布上的节点；
所述处理模块还用于通过所述输入输出模块获取前端页面与终端交互过程中产生中的动态数据；调用所述vis.js插件处理所述动态数据，并与所述动态数据进行交互操作，生成与所述动态数据进行交互操作对应的查询结果；通过所述输入输出模块向所述前端页面传送与所述动态数据进行交互操作对应的查询结果。
6.根据权利要求5所述的装置，其特征在于，所述html canvas画图算法为定制化生产通用逻辑处理工具类函数，所述重构html canvas画图算法，包括：
设置canvas画布上的右键菜单和各坐标点的变换方式；
根据不同的右键菜单数量计算画图元数据以及判断鼠标点处于目标菜单上，以对自定义画布节点功能控制、节点布局控制和右键菜单联动。
7.根据权利要求6所述的装置，其特征在于，所述处理模块在与所述动态数据进行交互操作之前，还用于：
通过所述输入输出模块获取plugin插件；
在所述前端页面中设置一个应用程序接口；
通过所述应用程序接口在所述前端页面中注册所述plugin插件，以及在所述前端页面中注册所述前端页面与所述plugin插件进行数据交换的协议；
调用所述plugin插件，按照在所述前端页面中注册的所述前端页面与所述plugin插件进行数据交换的协议，与所述动态数据进行交互操作。
8.根据权利要求5-7中任一项所述的装置，其特征在于，所述bootstrap前端页面框架包括页面设计底层，所述处理模块具体用于：
基于vis.j插件设计页面设计底层框架，所述页面设计底层框架包含更新节点、更新标识、更新颜色、更新连线及可拖拽图形展现；
所述处理模块还用于：
在所述页面设计底层中设置高速缓存区域，所述高速缓存区域用于处理并发访问请求。
9.一种计算机设备，其特征在于，所述设备包括：
至少一个处理器、存储器和输入输出单元；
其中，所述存储器用于存储程序代码，所述处理器用于调用所述存储器中存储的程序代码来执行如权利要求1-4中任一项所述的方法。
10.一种计算机存储介质，其特征在于，其包括指令，当其在计算机上运行时，使得计算机执行如权利要求1-4中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910562505.XA CN110489119B (zh) | 2019-06-26 | 2019-06-26 | 基于图数据库显示查询结果的方法、装置及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910562505.XA CN110489119B (zh) | 2019-06-26 | 2019-06-26 | 基于图数据库显示查询结果的方法、装置及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110489119A CN110489119A (zh) | 2019-11-22 |
| CN110489119B true CN110489119B (zh) | 2022-04-12 |
Family
ID=68546389
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910562505.XA Active CN110489119B (zh) | 2019-06-26 | 2019-06-26 | 基于图数据库显示查询结果的方法、装置及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110489119B (zh) |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112380296A (zh) * | 2020-11-23 | 2021-02-19 | 北京明略软件系统有限公司 | 一种er图生成方法、系统、电子设备及存储介质 |
| CN112947916B (zh) * | 2021-02-05 | 2023-09-19 | 北京百度网讯科技有限公司 | 用于实现在线画布的方法、装置、设备以及存储介质 |
| CN112860231A (zh) * | 2021-03-11 | 2021-05-28 | 中国银行股份有限公司 | 前端框架转换方法及装置 |
| CN115934068B (zh) * | 2022-11-11 | 2024-07-19 | 中电金信软件有限公司 | 数据统计页面的生成方法、显示方法、服务器及移动终端 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106775600A (zh) * | 2015-11-19 | 2017-05-31 | 北京国双科技有限公司 | HTML5 canvas画布的处理方法及装置 |
| EP3244301A1 (en) * | 2016-05-13 | 2017-11-15 | Sap Se | User interface application and digital assistant |
| CN107844297A (zh) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | 一种数据可视化实现系统及方法 |
| CN108153886A (zh) * | 2017-12-28 | 2018-06-12 | 北京恒泰实达科技股份有限公司 | 实时数据在web应用中的自定义可视化展示方法 |
| CN109491722A (zh) * | 2018-11-05 | 2019-03-19 | 四川长虹电器股份有限公司 | 基于微信小程序的柱状图图表插件系统及其实现方法 |
| CN109815327A (zh) * | 2018-12-07 | 2019-05-28 | 南京中新赛克科技有限责任公司 | 一种基于svg的大数据知识图谱可视化解决方案 |
-
2019
- 2019-06-26 CN CN201910562505.XA patent/CN110489119B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106775600A (zh) * | 2015-11-19 | 2017-05-31 | 北京国双科技有限公司 | HTML5 canvas画布的处理方法及装置 |
| EP3244301A1 (en) * | 2016-05-13 | 2017-11-15 | Sap Se | User interface application and digital assistant |
| CN107844297A (zh) * | 2017-10-17 | 2018-03-27 | 广东广业开元科技有限公司 | 一种数据可视化实现系统及方法 |
| CN108153886A (zh) * | 2017-12-28 | 2018-06-12 | 北京恒泰实达科技股份有限公司 | 实时数据在web应用中的自定义可视化展示方法 |
| CN109491722A (zh) * | 2018-11-05 | 2019-03-19 | 四川长虹电器股份有限公司 | 基于微信小程序的柱状图图表插件系统及其实现方法 |
| CN109815327A (zh) * | 2018-12-07 | 2019-05-28 | 南京中新赛克科技有限责任公司 | 一种基于svg的大数据知识图谱可视化解决方案 |
Non-Patent Citations (2)
| Title |
|---|
| Transmission and display technology for vital signs based on HTML5 canvas and COMET machanism;Xie Yue;《Proceedings of 2011 International Conference on Computer Science and Network Technology》;20120412;第2760 - 2763页 * |
| 基于HTML5的多种地图数据混合显示;杨万里;《cnki优秀硕士学位论文全文库 工程科技Ⅱ辑》;20180615;第C034-408页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110489119A (zh) | 2019-11-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110489119B (zh) | 基于图数据库显示查询结果的方法、装置及存储介质 | |
| CN111045655B (zh) | 一种页面渲染的方法、装置、渲染服务器和存储介质 | |
| CN109144647B (zh) | 一种表单设计方法与装置、终端设备以及存储介质 | |
| US11706331B2 (en) | Information processing method and apparatus, storage medium, and electronic device | |
| CN110442811A (zh) | 一种页面的处理方法、装置、计算机设备和存储介质 | |
| WO2013097799A1 (zh) | 版式文件的处理方法和装置 | |
| CN102306174A (zh) | 一种基于网页元素与用户进行互动的方法与设备 | |
| CN104813318A (zh) | 用于翻译的基于上下文对消息分组的技术 | |
| EP2721534A2 (en) | Embedded query formulation service | |
| CN108363741B (zh) | 大数据统一接口方法、装置、设备及存储介质 | |
| CN113312032B (zh) | 前端项目资源更新方法、装置、电子设备及存储介质 | |
| CN112395027B (zh) | 微件界面生成方法、装置、存储介质与电子设备 | |
| CN103886546A (zh) | 用标准处理单元的图形处理单元和图形处理单元构建方法 | |
| CN112667330A (zh) | 一种页面显示方法及计算机设备 | |
| CN112307403A (zh) | 页面渲染方法、装置、存储介质以及终端 | |
| CN114327605A (zh) | 一种基于Vue远程表单生成方法、计算机及存储介质 | |
| CN104408178A (zh) | Web控件加载装置和方法 | |
| CN117077599B (zh) | 一种现场可编程逻辑门阵列视图生成方法及装置 | |
| CN109409985A (zh) | 一种信息展示方法、装置、设备及存储介质 | |
| CN110647371A (zh) | 一种基于业务配置的多语言资源文件解析方法和系统 | |
| CN111813407B (zh) | 游戏开发方法、游戏运行方法、装置和电子设备 | |
| CN113761871A (zh) | 富文本渲染方法、装置、电子设备以及存储介质 | |
| CN107688650A (zh) | 一种web页面生成方法和装置 | |
| CN114254068B (zh) | 一种数据流转方法和系统 | |
| CN114896487A (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 |