CN114547107A - 物联数据查询方法、装置、设备及存储介质 - Google Patents
物联数据查询方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN114547107A CN114547107A CN202210171801.9A CN202210171801A CN114547107A CN 114547107 A CN114547107 A CN 114547107A CN 202210171801 A CN202210171801 A CN 202210171801A CN 114547107 A CN114547107 A CN 114547107A
- Authority
- CN
- China
- Prior art keywords
- data
- pull
- internet
- things
- down selection
- 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 50
- 238000012544 monitoring process Methods 0.000 claims abstract description 20
- 230000004044 response Effects 0.000 claims description 18
- 238000004590 computer program Methods 0.000 claims description 16
- 238000009877 rendering Methods 0.000 claims description 2
- 230000006870 function Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000005259 measurement Methods 0.000 description 3
- 238000012545 processing Methods 0.000 description 3
- 238000007792 addition Methods 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000005540 biological transmission Effects 0.000 description 1
- 239000000470 constituent Substances 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 238000009517 secondary packaging Methods 0.000 description 1
- 238000006467 substitution reaction Methods 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/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/24—Querying
- G06F16/245—Query processing
- G06F16/2455—Query execution
- G06F16/24564—Applying rules; Deductive queries
-
- 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/953—Querying, e.g. by the use of web search engines
-
- 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/953—Querying, e.g. by the use of web search engines
- G06F16/9538—Presentation of query results
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)
- Computational Linguistics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本公开提供一种物联数据查询方法、装置、设备及存储介质。该方法包括:响应查询请求利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;响应于针对滚动条的下拉操作指令,在下拉选择框中加载首屏数据,并对滚动条的下拉事件进行监听;当检测到滚动条在下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据插入到下拉选择框中;持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。本公开能够提高数据查询性能,提升用户的数据查询体验。
Description
技术领域
本公开涉及计算机技术领域,尤其涉及一种物联数据查询方法、装置、设备及存储介质。
背景技术
随着互联网技术的发展和移动终端的普及,人们越来越习惯通过页面及客户端进行各类信息的获取和展示,而数据查询是数据获取及展示的重要组成内容之一。用户在进行数据查询时,普遍使用下拉框选择需要的查询条件,但是当所查询的数据量较大时,在下拉框的选项中提供查询数据时,就可能导致页面或者客户端出现卡顿,导致用户无法正常选择和查询。
现有技术中,传统的采用下拉框进行数据查询的方式,通常需要一次性远程拉取所有满足条件的数据,再将数据放置在下拉框中进行查看,从而使用户能够选择作为查询条件的数据。但是这种数据查询方式,当数据量较大时,很容易导致下拉框和页面出现卡顿,影响使用页面进行数据查询的性能,降低用户的数据查询体验。
发明内容
有鉴于此,本公开实施例提供了一种物联数据查询方法、装置、设备及存储介质,以解决现有技术存在当数据量较大时,容易导致下拉框和页面出现卡顿,影响使用页面进行数据查询的性能,降低用户的数据查询体验的问题。
本公开实施例的第一方面,提供了一种物联数据查询方法,包括:接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框;基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,并对滚动条的下拉事件进行监听;当检测到滚动条到达下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中;持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。
本公开实施例的第二方面,提供了一种物联数据查询装置,包括:接收模块,被配置为接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框;调用模块,被配置为基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;加载模块,被配置为接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,并对滚动条的下拉事件进行监听;插入模块,被配置为当检测到滚动条到达下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中;监听模块,被配置为持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。
本公开实施例采用的上述至少一个技术方案能够达到以下有益效果:
通过接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框;基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,并对滚动条的下拉事件进行监听;当检测到滚动条到达下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中;持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。本公开能够提高使用页面或者客户端进行数据查询的性能,满足用户的数据查询需求,提升用户的数据查询体验。
附图说明
为了更清楚地说明本公开实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本公开的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1是本公开实施例提供的物联数据查询方法的流程示意图;
图2是本公开实施例提供的物联数据查询装置的结构示意图;
图3是本公开实施例提供的电子设备的结构示意图。
具体实施方式
以下描述中,为了说明而不是为了限定,提出了诸如特定系统结构、技术之类的具体细节,以便透彻理解本公开实施例。然而,本领域的技术人员应当清楚,在没有这些具体细节的其它实施例中也可以实现本公开。在其它情况中,省略对众所周知的系统、装置、电路以及方法的详细说明,以免不必要的细节妨碍本公开的描述。
如前文所述,现有技术在使用下拉框选择查询条件进行数据查询操作时,当所要查询的数据量较大时,此时在下拉框的选项中提供作为查询条件的查询数据时,就很可能导致页面或者客户端出现卡顿,导致用户无法正常选择和查询。下面以物联技术领域为例,对在页面中使用下拉框进行物联数据查询时所存在的问题进行详细说明,具体可以包括以下内容:
在物联相关的web项目中,由于网关、设备、测点等数据量很大(以下将网关、设备、测点统称为物联数据),用户需要通过下拉选择框,选择下拉选择框中的选项作为查询条件来查询具体的物联数据,此时需要下拉选择框的选项中提供所有的相关物联数据。当需要查询的数据量比较小时,这种方式还基本可以满足用户的需求。但是,当查询的数据量很大时,就容易导致下拉选择框出现滚动卡顿以及页面出现严重卡顿的情况,导致用户无法正常选择查询数据。
在传统的组件库中,例如element-plus提供的下拉选择框,利用element-plus组件进行数据查询时,通常根据用户输入的查询信息进行远程搜索,将搜索出来的数据作为下拉内容在下拉选择框中进行显示,然后由用户选择相应的查询数据,但是如果用户不输入任何内容则无法在下拉选择框中查看到数据。另外,有的数据查询组件必须一次性远程拉取全部的查询数据,这种数据查询方式虽然可以在下拉选择框中查看到全部的数据,也可以使用户进行模糊查询并进行选择,但是当数据量较大时,这种数据查询方式将导致下拉选择框和页面出现卡顿的问题,从而严重影响页面的数据查询性能。因此,上述现有的基于下拉选择框进行数据查询的方式,总体来说都不能完全满足用户的实际查询需求,降低了用户的数据查询体验。
由于现有的数据查询组件(如element-plus),所提供的下拉选择框组件不是针对不同业务而定制的,而是一个有着自身规范的通用组件,因此如上述内容,这类数据查询组件均存在无法完全满足物联web项目的需求以及特殊场景(如数据量大)下的查询性能的问题。
鉴于以上现有技术中存在的问题,本公开实施例提供一种全新的物联数据查询方法,在用户输入或者未输入查询信息的情况下,通过调用后台接口获取下拉选择框中所要显示的首屏数据,如果查询到的总数据量超过首屏数据量,则当下拉选择框中的滚动条滚动到最底部时再调用后台接口获取下一屏的数据,以此类推,直至当查询到下一屏不再有数据时,即使滚动条滚动到了最低部也会自动停止获取后台数据,这样可以实现在数据量大的情况下也不会出现卡顿现象。并且本公开实施例还可以实现用户可以在输入框中输入要进行模糊查询的文字内容,此时会调用后台接口查询匹配到的数据,利用匹配到的数据来更新下拉选择框中的选项,因此当滚动条滚动到底部获取更多远程数据之后,用户可以继续选择下拉选择框中的选项。本公开实施例提供的物联数据查询方法,在满足用户需求的同时,还能实现无论查询的数据量多大都可以正常进行模糊查询并对下拉选择框中的数据进行选择。
图1是本公开实施例提供的物联数据查询方法的流程示意图。图1的物联数据查询方法可以由服务器执行。如图1所示,该物联数据查询方法具体可以包括:
S101,接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框;
S102,基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;
S103,接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,并对滚动条的下拉事件进行监听;
S104,当检测到滚动条到达下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中;
S105,持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。
具体地,本公开实施例的应用场景是以物联网领域中数据查询为例,对物联数据(如测点数据)进行数据查询。物联网是新一代信息技术的重要组成部分,在IT行业又叫泛互联,意指物物相连,万物万联,因此物联网可以认为是物物相连的互联网。进入物联网和大数据时代后,人们对能源数据更加关注。企业的物联部门,每隔一段时间会自动采集全部测点的原始数据,对于采集到的测点原始数据可以加以处理生成表数据存储在数据库中。
进一步地,测点数据是指通过安装在物联网设备终端上的测点监测设备所采集到的数据信息。例如以物联网中的配电场景为例,通过安装在物联网配电设备(比如电表等)上的测点监测设备对测点数据进行采集,比如采集测点的用电量、电表抄表数、设备编码等数据。利用测点监测设备采集到的测点数据可以通过无线数据传输的方式上报给大数据系统的数据库,进而可以利用本公开实施例所提供的数据查询方法基于web页面对数据库中的测点数据进行查询。
进一步地,本公开实施例的下拉选择框可以认为是基于查询组件的选择器,可以将查询组件对应的程序添加到web页面或者客户端中,从而在现有的web页面或者客户端中实现查询组件的功能。在实际应用中,本公开实施例页面中的下拉选择框可以是在element-plus的组件“Select选器”的基础上进行二次封装开发得到的选择器,以满足实际的项目需求。
根据本公开实施例提供的技术方案,通过接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框;基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,并对滚动条的下拉事件进行监听;当检测到滚动条到达下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中;持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。本公开能够提高使用页面或者客户端进行数据查询的性能,满足用户的数据查询需求,提升用户的数据查询体验。
在一些实施例中,接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框,包括:接收用户针对页面中输入框的点击和/或输入操作,响应于点击和/或输入操作生成查询请求,并基于查询请求在页面中弹出下拉选择框。
具体地,当用户点击页面中用于数据查询的输入框时,此时用户可以选择输入一些字段信息作为数据查询的模糊字段,也可以不输入任何字段信息,无论用户是否输入字段信息,本公开实施例均响应于用户操作生成查询请求,并且基于查询请求在页面中弹出下拉选择框,下拉选择框的位置可以设置在输入框的底部。
进一步地,本公开实施例的下拉选择框对应查询组件中的dom结构,下拉选择框用于向用户展示查询到的物联数据,用户可以基于看到的数据操作下拉选择框:remote-method="getGatewayNameList",并且初始化页面时加载下拉选择框中的首屏数据。
在一些实施例中,基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,包括:当查询请求中包含用户通过输入框所输入的模糊查询字段时,通过后台接口对远程数据库中的物联数据进行调用,以便确定与模糊查询字段相关的物联数据,从与模糊查询字段相关的物联数据中获取预定数据量的第一物联数据;或者,当查询请求中不包含用户通过输入框所输入的模糊查询字段时,通过后台接口对远程数据库中的物联数据进行调用,以便从全量的物联数据中获取预定数据量的第一物联数据。
具体地,当用户在输入框中输入了一些用于模糊查询的字段时,数据查询组件将根据这些模糊查询字段调用后台接口对远程数据库进行查询,以获取一定数量的物联数据;例如在一个具体实施例中,用户的查询对象是网关名称,用户输入的模糊查询字段为“g”,此时后台接口调用远程数据库查询g开头的全部网关名称,并将这些网关名称作为需要插入到下拉选择框中的选项。换言之,页面在初始化或者用户在输入框中输入要模糊查询的数据时,通过调用后台接口获取对应数据,将这部分数据插入到下拉框中,此时下拉框中就有了首屏数据。
进一步地,首屏数据所展示的数据量可以根据下拉选择框的最大高度来手动设置,数据查询组件将根据用户设置的下拉选择框高度来获取预定数据量的首屏数据。本公开实施例提供了两种数据查询的情形,即一种是用户通过输入框输入模糊查询字段时,那么此时需要查询的是与模糊查询字段相关的全部物联数据;另一种是用户仅仅点击输入框但是未输入任何字段信息时,那么此时查询到的是远程数据库中的全量数据。
在一些实施例中,在接收针对下拉选择框中滚动条的下拉操作指令之前,方法还包括:确定与模糊查询字段相关的物联数据或者全量的物联数据所分别对应的数据量,将数据量与预定数据量进行比较,当数据量大于预定数据量时,在下拉选择框中显示滚动条。
具体地,当满足模糊查询字段的相关物联数据的数据量或者全量的物联数据对应的数据量超过首屏数据的数据量时,即当满足下拉选择框中的数据量超过预设的数据量时,此时会在下拉选择框中出现滚动条,以提示用户可以通过下拉滚动条的方式加载更多数据,用户可以拉动滚动条到底部,来获取下一屏的数据。
在一些实施例中,接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,包括:接收用户针对下拉选择框中滚动条的下拉操作,并生成下拉操作指令,基于下拉操作指令在下拉选择框中依次逐条加载第一物联数据,以使首屏数据在下拉选择框中进行显示。
具体地,当用户通过鼠标拖动下拉选择框中的滚动条时,响应于用户的下拉操作指令,在下拉选择框中依次逐条加载第一物联数据,从而在下拉选择框中显示全部的首屏数据。在实际应用中,本公开实施例中关于首屏数据的显示可以包含两种方式,一种是根据当前页面的下拉选择框中所能展示的数据量(由下拉选择框的高度决定)进行显示,还有一种则是可以在下拉选择框的后面(即当前页面无法看到的位置)显示更多的数据量,此时需要用户向下拉动滚动条才能将后面未显示出来的第一物联数据移动到当前页面进行显示。
进一步地,本公开实施例通过设置一个自定义的指令v-el-select-loadmmor e,该指令用于当滚动条滚动到底部时会自动加载更多数据,通过searchName的noMore属性来判断是否有更多数据noMore="searchName.noMore",如果no More为true,滚动条到底部会自动加载下一屏数据;如果noMore为false,则说明没有更多数据了。filterable属性在用户输入要模糊查询的内容时,可以实时查询对应的远程数据。
在一些实施例中,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中,包括:在利用后台接口从远程数据库中获取第二物联数据时,当第二物联数据的数据量不满足预设的数据量要求时,滚动条在到达下拉选择框的底部位置时停止,不在下拉选择框中显示下一屏的数据;当第二物联数据的数据量满足预设的数据量要求时,在下拉选择框中依次逐条加载第二物联数据,以使下一屏的数据在下拉选择框中进行显示。
具体地,当用户将下拉选择框中的滚动条滚动到底部位置时,此时数据查询组件会自动去加载更多的远程数据库中的数据(即第二物联数据),这部分数据可以是全量查询的数据,也可以是根据输入框中输入的符合模糊查询条件所查询到的数据。但是当查询到远程数据库中没有更多的符合查询条件的数据时,即便用户向下拉动滚动条也将自动停止获取数据。
进一步地,本公开实施例通过设置一个自定义的指令el-select-loadmmore,对web页面的下拉选择框中的滚动条事件进行监听,当监听到滚动条滚动到下拉选择框中的底部位置时,利用后台接口从远程数据库中获取第二物联数据,并将获取到的第二物联数据作为下一屏的数据进行显示。但是在实际应用中,当根据查询结果判断第二物联数据的数据量不满足预设的数据量要求时,比如后台接口查询到的数据量为0时,此时表明满足模糊查询条件的全部物联数据均已加载到下拉选择框中,或者远程数据库中全量的物联数据均已加载到下拉选择框中,换言之,此时查询到的第二物联数据的数据量为0,那么将不会在下拉选择框中显示更多的数据,即不会有下一屏的数据。本公开实施例的自定义指令对IE浏览器同样兼容。
在一些实施例中,该方法还包括:在下拉选择框中加载物联数据之后,接收用户针对下拉选择框中的物联数据的点击操作,响应于点击操作,将物联数据对应的字段信息作为用户所选择的模糊查询条件,利用模糊查询条件对远程数据库中全量的物联数据进行查询,得到数据查询结果,将数据查询结果在页面中进行渲染。
具体地,前述实施例所说的第一物联数据以及第二物联数据,是指响应于用户的模糊查询指令所查询到的一些符合模糊查询字段的信息,这些信息实际上是作为下拉选择框中的选项以供用户做出进一步的选择,因此,当用户进一步地基于下拉选择框中所显示的查询数据进行更加详细的数据查询时,将用户所选择的下拉选择框中的字段信息作为模糊查询条件(即根据下拉选择框中的物联数据生成的查询条件),利用该模糊查询条件做进一步的查询,并将最终得到的数据查询结果呈现到web页面中去。
例如,通过用户输入的模糊查询字段“g”所查询到的首屏数据中包含以下网关名称“gw001、Gw002、gwim003、gwim004、gwimport005……”,此时用户在下拉选择框中所显示的上述网关名称中点击“gwim003”,那么数据查询组件将根据用户所选择的网关名称进一步调用后台接口从远程数据库中获取与gwim003网关名称相关的物联数据信息,并将最终查询到的物联数据信息渲染到web页面中进行展示,以便于用户进行查看和使用。
根据本公开实施例提供的技术方案,本公开通过接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框;基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,并对滚动条的下拉事件进行监听;当检测到滚动条到达下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中;持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。本公开能够提高使用页面或者客户端进行数据查询的性能,满足用户的数据查询需求,提升用户的数据查询体验。
下述为本公开装置实施例,可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节,请参照本公开方法实施例。
图2是本公开实施例提供的物联数据查询装置的结构示意图。如图2所示,该物联数据查询装置包括:
接收模块201,被配置为接收针对物联数据的查询请求,响应于查询请求在页面中弹出下拉选择框;
调用模块202,被配置为基于查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将第一物联数据作为首屏数据插入到下拉选择框中;
加载模块203,被配置为接收针对下拉选择框中滚动条的下拉操作指令,响应于下拉操作指令,在下拉选择框中对首屏数据进行加载,并对滚动条的下拉事件进行监听;
插入模块204,被配置为当检测到滚动条到达下拉选择框的底部位置时,通过后台接口获取远程数据库中预定数据量的第二物联数据,将第二物联数据作为下一屏的数据,并将下一屏的数据插入到下拉选择框中;
监听模块205,被配置为持续对下拉事件进行监听,直至从远程数据库中获取满足查询请求的全部物联数据,并将全部物联数据依次加载到下拉选择框中。
在一些实施例中,图2的接收模块201接收用户针对页面中输入框的点击和/或输入操作,响应于点击和/或输入操作生成查询请求,并基于查询请求在页面中弹出下拉选择框。
在一些实施例中,图2的调用模块202在当查询请求中包含用户通过输入框所输入的模糊查询字段时,通过后台接口对远程数据库中的物联数据进行调用,以便确定与模糊查询字段相关的物联数据,从与模糊查询字段相关的物联数据中获取预定数据量的第一物联数据;或者,当查询请求中不包含用户通过输入框所输入的模糊查询字段时,通过后台接口对远程数据库中的物联数据进行调用,以便从全量的物联数据中获取预定数据量的第一物联数据。
在一些实施例中,图2的加载模块203在接收针对下拉选择框中滚动条的下拉操作指令之前,确定与模糊查询字段相关的物联数据或者全量的物联数据所分别对应的数据量,将数据量与预定数据量进行比较,当数据量大于预定数据量时,在下拉选择框中显示滚动条。
在一些实施例中,图2的加载模块203接收用户针对下拉选择框中滚动条的下拉操作,并生成下拉操作指令,基于下拉操作指令在下拉选择框中依次逐条加载第一物联数据,以使首屏数据在下拉选择框中进行显示。
在一些实施例中,图2的插入模块204在利用后台接口从远程数据库中获取第二物联数据时,当第二物联数据的数据量不满足预设的数据量要求时,滚动条在到达下拉选择框的底部位置时停止,不在下拉选择框中显示下一屏的数据;当第二物联数据的数据量满足预设的数据量要求时,在下拉选择框中依次逐条加载第二物联数据,以使下一屏的数据在下拉选择框中进行显示。
在一些实施例中,图2的监听模块205在下拉选择框中加载物联数据之后,接收用户针对下拉选择框中的物联数据的点击操作,响应于点击操作,将物联数据对应的字段信息作为用户所选择的模糊查询条件,利用模糊查询条件对远程数据库中全量的物联数据进行查询,得到数据查询结果,将数据查询结果在页面中进行渲染。
应理解,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本公开实施例的实施过程构成任何限定。
图3是本公开实施例提供的电子设备3的结构示意图。如图3所示,该实施例的电子设备3包括:处理器301、存储器302以及存储在该存储器302中并且可以在处理器301上运行的计算机程序303。处理器301执行计算机程序303时实现上述各个方法实施例中的步骤。或者,处理器301执行计算机程序303时实现上述各装置实施例中各模块/单元的功能。
示例性地,计算机程序303可以被分割成一个或多个模块/单元,一个或多个模块/单元被存储在存储器302中,并由处理器301执行,以完成本公开。一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述计算机程序303在电子设备3中的执行过程。
电子设备3可以是桌上型计算机、笔记本、掌上电脑及云端服务器等电子设备。电子设备3可以包括但不仅限于处理器301和存储器302。本领域技术人员可以理解,图3仅仅是电子设备3的示例,并不构成对电子设备3的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件,例如,电子设备还可以包括输入输出设备、网络接入设备、总线等。
处理器301可以是中央处理单元(Central Processing Unit,CPU),也可以是其它通用处理器、数字信号处理器(Digital Signal Processor,DSP)、专用集成电路(Application Specific Integrated Circuit,ASIC)、现场可编程门阵列(Field-Programmable Gate Array,FPGA)或者其它可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器302可以是电子设备3的内部存储单元,例如,电子设备3的硬盘或内存。存储器302也可以是电子设备3的外部存储设备,例如,电子设备3上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(Flash Card)等。进一步地,存储器302还可以既包括电子设备3的内部存储单元也包括外部存储设备。存储器302用于存储计算机程序以及电子设备所需的其它程序和数据。存储器302还可以用于暂时地存储已经输出或者将要输出的数据。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元、模块的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元、模块完成,即将装置的内部结构划分成不同的功能单元或模块,以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元、模块的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每一个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本公开的范围。
在本公开所提供的实施例中,应该理解到,所揭露的装置/计算机设备和方法,可以通过其它的方式实现。例如,以上所描述的装置/计算机设备实施例仅仅是示意性的,例如,模块或单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口,装置或单元的间接耦合或通讯连接,可以是电性,机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外,在本公开各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。
集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读存储介质中。基于这样的理解,本公开实现上述实施例方法中的全部或部分流程,也可以通过计算机程序来指令相关的硬件来完成,计算机程序可以存储在计算机可读存储介质中,该计算机程序在被处理器执行时,可以实现上述各个方法实施例的步骤。计算机程序可以包括计算机程序代码,计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读介质可以包括:能够携带计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、电载波信号、电信信号以及软件分发介质等。需要说明的是,计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减,例如,在某些司法管辖区,根据立法和专利实践,计算机可读介质不包括电载波信号和电信信号。
以上实施例仅用以说明本公开的技术方案,而非对其限制;尽管参照前述实施例对本公开进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本公开各实施例技术方案的精神和范围,均应包含在本公开的保护范围之内。
Claims (10)
1.一种物联数据查询方法,其特征在于,包括:
接收针对物联数据的查询请求,响应于所述查询请求在页面中弹出下拉选择框;
基于所述查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将所述第一物联数据作为首屏数据插入到所述下拉选择框中;
接收针对所述下拉选择框中滚动条的下拉操作指令,响应于所述下拉操作指令,在下拉选择框中对所述首屏数据进行加载,并对所述滚动条的下拉事件进行监听;
当检测到所述滚动条到达所述下拉选择框的底部位置时,通过所述后台接口获取所述远程数据库中预定数据量的第二物联数据,将所述第二物联数据作为下一屏的数据,并将所述下一屏的数据插入到所述下拉选择框中;
持续对所述下拉事件进行监听,直至从所述远程数据库中获取满足所述查询请求的全部物联数据,并将所述全部物联数据依次加载到所述下拉选择框中。
2.根据权利要求1所述的方法,其特征在于,所述接收针对物联数据的查询请求,响应于所述查询请求在页面中弹出下拉选择框,包括:
接收用户针对所述页面中输入框的点击和/或输入操作,响应于所述点击和/或输入操作生成所述查询请求,并基于所述查询请求在所述页面中弹出所述下拉选择框。
3.根据权利要求1所述的方法,其特征在于,所述基于所述查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,包括:
当所述查询请求中包含用户通过输入框所输入的模糊查询字段时,通过所述后台接口对所述远程数据库中的物联数据进行调用,以便确定与所述模糊查询字段相关的物联数据,从与所述模糊查询字段相关的物联数据中获取预定数据量的第一物联数据;或者,
当所述查询请求中不包含用户通过输入框所输入的模糊查询字段时,通过所述后台接口对所述远程数据库中的物联数据进行调用,以便从全量的物联数据中获取预定数据量的第一物联数据。
4.根据权利要求3所述的方法,其特征在于,在所述接收针对所述下拉选择框中滚动条的下拉操作指令之前,所述方法还包括:
确定与所述模糊查询字段相关的物联数据或者所述全量的物联数据所分别对应的数据量,将所述数据量与所述预定数据量进行比较,当所述数据量大于所述预定数据量时,在所述下拉选择框中显示滚动条。
5.根据权利要求1所述的方法,其特征在于,所述接收针对所述下拉选择框中滚动条的下拉操作指令,响应于所述下拉操作指令,在下拉选择框中对所述首屏数据进行加载,包括:
接收用户针对所述下拉选择框中所述滚动条的下拉操作,并生成所述下拉操作指令,基于所述下拉操作指令在所述下拉选择框中依次逐条加载所述第一物联数据,以使所述首屏数据在所述下拉选择框中进行显示。
6.根据权利要求1所述的方法,其特征在于,通过所述后台接口获取所述远程数据库中预定数据量的第二物联数据,所述将所述第二物联数据作为下一屏的数据,并将所述下一屏的数据插入到所述下拉选择框中,包括:
在利用所述后台接口从所述远程数据库中获取所述第二物联数据时,当所述第二物联数据的数据量不满足预设的数据量要求时,所述滚动条在到达所述下拉选择框的底部位置时停止,不在所述下拉选择框中显示所述下一屏的数据;
当所述第二物联数据的数据量满足预设的数据量要求时,在所述下拉选择框中依次逐条加载所述第二物联数据,以使所述下一屏的数据在所述下拉选择框中进行显示。
7.根据权利要求1所述的方法,其特征在于,所述方法还包括:
在所述下拉选择框中加载物联数据之后,接收用户针对所述下拉选择框中的所述物联数据的点击操作,响应于所述点击操作,将所述物联数据对应的字段信息作为用户所选择的模糊查询条件,利用所述模糊查询条件对所述远程数据库中全量的物联数据进行查询,得到数据查询结果,将所述数据查询结果在所述页面中进行渲染。
8.一种物联数据查询装置,其特征在于,包括:
接收模块,被配置为接收针对物联数据的查询请求,响应于所述查询请求在页面中弹出下拉选择框;
调用模块,被配置为基于所述查询请求,利用后台接口调用远程数据库中的物联数据,以获取预定数据量的第一物联数据,将所述第一物联数据作为首屏数据插入到所述下拉选择框中;
加载模块,被配置为接收针对所述下拉选择框中滚动条的下拉操作指令,响应于所述下拉操作指令,在下拉选择框中对所述首屏数据进行加载,并对所述滚动条的下拉事件进行监听;
插入模块,被配置为当检测到所述滚动条到达所述下拉选择框的底部位置时,通过所述后台接口获取所述远程数据库中预定数据量的第二物联数据,将所述第二物联数据作为下一屏的数据,并将所述下一屏的数据插入到所述下拉选择框中;
监听模块,被配置为持续对所述下拉事件进行监听,直至从所述远程数据库中获取满足所述查询请求的全部物联数据,并将所述全部物联数据依次加载到所述下拉选择框中。
9.一种电子设备,包括存储器,处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如权利要求1至7中任一项所述的方法。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210171801.9A CN114547107A (zh) | 2022-02-24 | 2022-02-24 | 物联数据查询方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210171801.9A CN114547107A (zh) | 2022-02-24 | 2022-02-24 | 物联数据查询方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114547107A true CN114547107A (zh) | 2022-05-27 |
Family
ID=81677470
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210171801.9A Pending CN114547107A (zh) | 2022-02-24 | 2022-02-24 | 物联数据查询方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114547107A (zh) |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108984623A (zh) * | 2018-06-14 | 2018-12-11 | 东软集团股份有限公司 | 数据查询条件生成方法、装置、存储介质和电子设备 |
CN109408056A (zh) * | 2018-10-15 | 2019-03-01 | 四川长虹电器股份有限公司 | 一种下拉框组件 |
CN109918394A (zh) * | 2019-01-23 | 2019-06-21 | 中国平安人寿保险股份有限公司 | 数据查询方法、系统、计算机装置及计算机可读存储介质 |
CN112464130A (zh) * | 2020-11-19 | 2021-03-09 | 苏州浪潮智能科技有限公司 | 一种下拉选择框输入方法、装置、设备及介质 |
-
2022
- 2022-02-24 CN CN202210171801.9A patent/CN114547107A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108984623A (zh) * | 2018-06-14 | 2018-12-11 | 东软集团股份有限公司 | 数据查询条件生成方法、装置、存储介质和电子设备 |
CN109408056A (zh) * | 2018-10-15 | 2019-03-01 | 四川长虹电器股份有限公司 | 一种下拉框组件 |
CN109918394A (zh) * | 2019-01-23 | 2019-06-21 | 中国平安人寿保险股份有限公司 | 数据查询方法、系统、计算机装置及计算机可读存储介质 |
CN112464130A (zh) * | 2020-11-19 | 2021-03-09 | 苏州浪潮智能科技有限公司 | 一种下拉选择框输入方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111130987A (zh) | Awr报告自动获取方法、装置、电子设备及存储介质 | |
EP3901843A2 (en) | Screen projection method and apparatus, and storage medium | |
CN109471627A (zh) | 页面展示控制方法、系统及装置 | |
CN116594683A (zh) | 一种代码注释信息生成方法、装置、设备及存储介质 | |
CN110929037A (zh) | 一种知识图谱的构建方法、装置、终端及存储介质 | |
CN112486783B (zh) | 一种进度条的显示方法和装置 | |
CN113705184A (zh) | 自定义报表的生成方法及装置、存储介质、电子设备 | |
CN117390056A (zh) | 财务全场景预测数据分析处理方法 | |
CN112947918A (zh) | 数据展示方法和装置 | |
CN114547107A (zh) | 物联数据查询方法、装置、设备及存储介质 | |
CN116594709A (zh) | 用于获取数据的方法、装置及计算机程序产品 | |
CN114816389B (zh) | 一种基于元模型的管理系统搭建方法、装置、设备及介质 | |
CN115017437A (zh) | 信息展示方法、装置、终端和存储介质 | |
CN113779018A (zh) | 一种数据处理方法和装置 | |
CN111090808A (zh) | 页面信息推送方法、装置、服务器和计算机可读存储介质 | |
CN111831130A (zh) | 输入内容的推荐方法、终端设备以及存储介质 | |
CN115840604B (zh) | 数据处理方法、装置、电子设备和计算机可读存储介质 | |
CN114968455B (zh) | 应用界面的报告生成方法、装置及电子设备 | |
CN113779098B (zh) | 数据处理方法、装置、电子设备以及存储介质 | |
CN117170666A (zh) | 搜索页面的生成方法、装置、存储介质及终端设备 | |
CN117312282A (zh) | 系统数据质量状态的检测方法、装置、设备及存储介质 | |
CN118535636A (zh) | 数据展示方法、装置、电子设备及存储介质 | |
CN115390727A (zh) | 消息交互方法及装置 | |
CN116894048A (zh) | 基于人工智能的数据查询方法、装置、设备和存储介质 | |
CN112052418A (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 |