CN110457097B - 页面响应控制方法、装置、计算机设备及存储介质 - Google Patents
页面响应控制方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN110457097B CN110457097B CN201910441490.1A CN201910441490A CN110457097B CN 110457097 B CN110457097 B CN 110457097B CN 201910441490 A CN201910441490 A CN 201910441490A CN 110457097 B CN110457097 B CN 110457097B
- Authority
- CN
- China
- Prior art keywords
- page
- target operation
- virtual layer
- event
- position information
- 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/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
-
- 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/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种页面响应控制方法、装置、计算机设备及存储介质,方法包括:获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令中具有所述用户执行页面操作时对应在预设的虚拟层中的第一位置信息;将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层中的位置信息与所述前端页面中各操作事件之间的对应关系表;响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作。本发明实现了在web应用中统一处理页面事件,避免了可能会在页面响应过程中出现的页面响应产生延迟或因事件透传而导致事件多次触发等前端问题。
Description
技术领域
本发明涉及通信技术领域,具体而言,本发明涉及一种页面响应控制方法、装置、计算机设备及存储介质。
背景技术
随着计算机网络的发展,人们越依赖于网络获取信息和服务,例如通过网络阅读文字信息、查看图片、播放影音、在线购物等等,从而给人们带来极其丰富的工作和生活体验。上述这些信息和服务往往是通过页面响应的方式呈现给用户的,例如,当用户通过客户端向服务器发起URL(Uniform Resource Locator,统一资源定位符)请求时,对应的服务器会根据URL请求将相应的资源文件响应给客户端,由客户端将接收到的资源文件进行整理并呈现到页面中。
现有的页面响应方法中,用户通常通过click,touche等事件在对页面进行触发操作,而且每一个事件都直接作用于前端页面上。这使得前端页面在响应事件操作时容易出现页面内容展示延迟、事件透传等前端问题。
发明内容
为解决上述技术问题,本发明提供了一种页面响应控制方法,包括以下步骤:
获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息;
将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表;
响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作,其中,所述页面响应操作为向Web服务器发出带有查询信息的请求访问Web数据库以获取所述目标操作事件对应加载数据的动作事件。
可选地,所述虚拟层始终覆盖在所述前端页面的最上方。
可选地,所述预设的虚拟层大小与所述前端页面大小一致。
可选地,所述获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息的步骤之前,还包括:
将所述虚拟层中的事件均预先约定为点击事件;
当在所述虚拟层中检测到用户执行页面操作时,识别与所述页面操作对应的点击事件,以记录所述点击事件的坐标信息作为第一位置信息。
可选地,所述将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表的步骤,还包括:
识别所述前端页面的当前显示界面,其中,所述当前显示界面为所述前端页面中最靠近所述虚拟层的元素层;
从预设的映射列表中调用与所述当前显示界面对应的映射分列表;
获取所述映射分列表中与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
可选地,所述映射分列表中具有坐标范围信息与操作事件之间的对应关系,从所述映射分列表中获取与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件的步骤,还包括:
将所述第一位置信息与所述映射分列表中预设的坐标范围信息进行比对,以验证所述第一位置是否位于所述坐标范围中;
当所述第一位置位于所述坐标范围时,根据所述坐标范围信息与操作事件之间的对应关系获取与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
为解决上述技术问题,本发明还提供了一种页面响应控制装置,包括:
获取模块,用于获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息;
处理模块,用于将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表;
执行模块,用于响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作,其中,所述页面响应操作为向Web服务器发出带有查询信息的请求访问Web数据库以获取所述目标操作事件对应加载数据的动作事件。
可选地,所述页面响应控制装置还包括:
第一设置子模块,用于设置所述虚拟层始终覆盖在所述前端页面的最上方。
可选地,所述页面响应控制装置还包括:
第二设置子模块,用于将所述预设的虚拟层大小设置成与所述前端页面大小一致。
可选地,所述页面响应控制装置还包括:
第一处理子模块,用于将所述虚拟层中的事件均预先约定为点击事件;
第一执行子模块,用于当在所述虚拟层中检测到用户执行页面操作时,识别与所述页面操作对应的点击事件,以记录所述点击事件的坐标信息作为第一位置信息。
可选地,所述页面响应控制装置还包括:
第二处理子模块,用于识别所述前端页面的当前显示界面,其中,所述当前显示界面为所述前端页面中最靠近所述虚拟层的元素层;
第三处理子模块,用于从预设的映射列表中调用与所述当前显示界面对应的映射分列表;
第二执行子模块,用于获取所述映射分列表中与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
可选地,所述页面响应控制装置还包括:
第四处理子模块,用于将所述第一位置信息与所述映射分列表中预设的坐标范围信息进行比对,以验证所述第一位置是否位于所述坐标范围中;
第三执行子模块,用于当所述第一位置位于所述坐标范围时,根据所述坐标范围信息与操作事件之间的对应关系获取与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
为解决上述技术问题,本发明还提供一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行上述页面响应控制方法的步骤。
为解决上述技术问题,本发明还提供一种存储有计算机可读指令的存储介质,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行上述页面响应控制方法的步骤。
本发明的有益效果在于:
本发明通过在所述前端页面上方预先设置一个虚拟层,用户在所述虚拟层上执行操作,后台服务器端通过根据用户执行页面操作时对应在所述虚拟层中的第一位置信息以及虚拟层中位置信息与前端页面中各操作事件之间的对应关系表识别出所述目标操作指令对应于所述前端页面中的目标操作事件,进而通过响应前端页面中的目标操作事件,以在所述前端页面中执行所述目标操作事件对应的页面响应操作。这样一来,当用户在虚拟层上执行页面操作时,根据所述虚拟层中的第一位置信息以及虚拟层中位置信息与前端页面中各操作事件之间的对应关系,同时触发所述前端页面上的页面响应操作,可以实现在web应用中统一处理页面事件,以及可以避免在页面响应过程中出现的页面响应产生延迟或因事件透传而导致事件多次触发等前端问题。
本发明附加的方面和优点将在下面的描述中部分给出,这些将从下面的描述中变得明显,或通过本发明的实践了解到。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的页面响应控制方法的基本方法流程示意图;
图2为本发明实施例提供的页面响应控制方法中确定所述用户执行页面操作时对应在预设的虚拟层中的第一位置信息时的基本流程示意图;
图3为本实施例提供的页面响应控制方法中识别与所述目标操作指令相对应的目标操作事件时的方法流程示意图;
图4为本实施例提供的页面响应控制方法中识别与所述目标操作指令相对应的目标操作事件时的另一方法流程示意图;
图5为本发明实施例提供的页面响应控制装置基本结构框图;
图6为本发明实施例提供的计算机设备基本结构框图。
具体实施方式
为了使本技术领域的人员更好地理解本发明方案,下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。
在本发明的说明书和权利要求书及上述附图中的描述的一些流程中,包含了按照特定顺序出现的多个操作,但是应该清楚了解,这些操作可以不按照其在本文中出现的顺序来执行或并行执行,且该操作的序号仅仅是用于区分开各个不同的操作,序号本身不代表任何的执行顺序。另外,这些流程可以包括更多或更少的操作,并且这些操作可以按顺序执行或并行执行。需要说明的是,本文中的“第一”、“第二”等描述,是用于区分不同的消息、设备、模块等,不代表先后顺序,也不限定“第一”和“第二”是不同的类型。
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域技术人员在没有创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
实施例
本技术领域技术人员可以理解,这里所使用的“终端”、“终端设备”既包括无线信号接收器的设备,其仅具备无发射能力的无线信号接收器的设备,又包括接收和发射硬件的设备,其具有能够在双向通信链路上,执行双向通信的接收和发射硬件的设备。这种设备可以包括:蜂窝或其他通信设备,其具有单线路显示器或多线路显示器或没有多线路显示器的蜂窝或其他通信设备;PCS(Personal Communications Service,个人通信系统),其可以组合语音、数据处理、传真和/或数据通信能力;PDA(Personal Digital Assistant,个人数字助理),其可以包括射频接收器、寻呼机、互联网/内联网访问、网络浏览器、记事本、日历和/或GPS(Global Positioning System,全球定位系统)接收器;常规膝上型和/或掌上型计算机或其他设备,其具有和/或包括射频接收器的常规膝上型和/或掌上型计算机或其他设备。这里所使用的“终端”、“终端设备”可以是便携式、可运输、安装在交通工具(航空、海运和/或陆地)中的,或者适合于和/或配置为在本地运行,和/或以分布形式,运行在地球和/或空间的任何其他位置运行。这里所使用的“终端”、“终端设备”还可以是通信终端、上网终端、音乐/视频播放终端,例如可以是PDA、MID(Mobile Internet Device,移动互联网设备)和/或具有音乐/视频播放功能的移动电话,也可以是智能电视、机顶盒等设备。
本实施例中提及的用户终端即为上述的终端。
请参阅图1,图1为本发明实施例提供的页面响应控制方法的基本方法流程示意图。
如图1所示,所述页面响应控制方法,包括以下步骤:
S100:获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息。
本发明提供的页面响应控制方法在终端的前端页面上方预先设置有一个与所述前端页面大小一致的虚拟层,而且设置所述虚拟层始终覆盖在所述前端页面的最上方。所述虚拟层为块元素,可以组合页面中其他HTML元素。具体地,通过采用层叠样式表(Cascading Style Sheets,简称CSS)将所述虚拟层中的元素始终置于所述前端显示页面的最上方,并在所述虚拟层中对这些元素进行内容块的样式设置,实现对页面中元素位置的排版进行像素级精确控制。在本实施例中,当用户对终端的前端页面执行页面操作时,所述用户触发的目标操作指令作用于所述虚拟层上。进而,终端的后台服务器可以通过监听所述预设于前端页面上方的虚拟层,并在监听到用户对终端的前端页面执行页面操作时记录所述用户执行页面操作时的作用点对应在所述虚拟层上的坐标位置,从而获取所述用户执行页面操作时触发的目标操作指令,以及使所述目标操作指令中具有所述用户执行页面操作时作用点在所述虚拟层上的第一位置信息。
S200:将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表。
终端的后台服务器中预先配置有映射列表,所述映射列表为位置信息与前端页面中各操作事件之间的对应关系表。在本实施例中,当终端的后台服务器获取得到用户对终端执行页面操作时触发的目标操作指令之后,通过解析所述目标操作指令获取得到所述目标操作指令中具有的该用户执行页面操作时作用点在所述虚拟层上的第一位置信息。在获取得到所述第一位置信息之后,可以通过将所述获取的第一位置信息与所述预设的映射列表进行比对来获取与所述目标操作指令相对应的目标操作事件。具体地,根据所述获取的第一位置信息遍历所述预设的映射列表,以从所述预设的映射列表中识别出与所述第一位置信息相对应的操作事件,该操作事件即为与所述目标操作指令相对应的目标操作事件。而且,在本实施例中,将所述获取的第一位置信息与所述预设的映射列表进行比对时,仅比对所述前端页面当前显示界面中的操作事件,以避免用户在执行页面操作时击穿所述前端页面当前显示界面和触发所述前端页面当前显示界面下方其他界面的操作事件。其中,所述前端页面中可以包括多层元素层,每一层元素层表征所述前端页面的一个显示界面,且所述元素层中包含有多个块元素,每一个块元素对应表征一个操作事件。所述前端页面当前显示界面为所述前端页面中最靠近所述虚拟层的元素层。
S300:响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作,其中,所述页面响应操作为向Web服务器发出带有查询信息的请求访问Web数据库以获取所述目标操作事件对应加载数据的动作事件。
在本实施例中,所述终端的后台服务器在获取得到所述用户出发的目标操作指令的同时,可以根据所述目标操作指令中的第一位置信息识别出所述终端的前端页面中与所述目标操作指令相对应的目标操作事件,进而,所述终端的后台服务器响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作。所述页面响应操作为web应用中终端的后台服务器向Web服务器发出带有查询信息的请求访问Web数据库以获取所述目标操作事件对应加载数据的动作事件。
上述实施例所述的页面响应控制方法通过在所述前端页面上方预先设置一个虚拟层,用户在所述虚拟层上执行操作,后台服务器端通过根据用户执行页面操作时对应在所述虚拟层中的第一位置信息以及虚拟层中坐标位置与前端页面中各操作事件之间的对应关系表识别出所述目标操作指令对应于所述前端页面中的目标操作事件,进而通过响应前端页面中的目标操作事件,以在所述前端页面中执行所述目标操作事件对应的页面响应操作。这样一来,当用户在虚拟层上执行页面操作时,根据所述虚拟层中的第一位置信息以及虚拟层中坐标位置与前端页面中各操作事件之间的对应关系,同时触发所述前端页面上的页面响应操作,可以实现在web应用中统一处理页面事件,以及可以避免在页面响应过程中出现的页面响应产生延迟或因事件透传而导致事件多次触发等前端问题。
在一些实施例中,请参阅图2,图2为本发明实施例提供的页面响应控制方法中确定所述用户执行页面操作时对应在预设的虚拟层中的第一位置信息时的基本流程示意图。
如图2所示,所述步骤S100之前,还包括步骤S400和步骤S500。其中,S400:预先约定所述虚拟层中的事件为点击事件;S500:当检测到用户执行页面操作时,识别所述虚拟层中与所述页面操作对应的点击事件,以记录所述点击事件的坐标信息作为第一位置信息。
针对于点击事件,终端在响应点击事件的过程中会有300ms左右的延迟现象,由于终端有默认的一些快捷操作,例如双击放大窗口,当用户单击执行页面操作时,此时单击之后终端会等待300ms左右的时间来确定用户是否有二次点击,如果300ms以内没有点击,此时触发单击事件,如果有点击,则单击事件业务不触发。在本实施例中,预先约定所述虚拟层中的事件为点击事件,即用户在执行页面操作时所触发的是点击事件,然后通过记录所述点击事件的坐标信息,将所述坐标信息作为第一位置信息生成对应的目标操作指令。这样,当终端的后台服务器检测到用户执行页面操作时,即可通过获取所述目标操作指令得到所述用户执行页面操作时对应在所述虚拟层中的第一位置信息。而且,当得到所述用户执行页面操作时对应在所述虚拟层中的第一位置信息时,由所述终端的后台服务器根据所述第一位置信息在所述前端页面中创建一个同坐标的模拟事件,所述模拟事件即为所述识别出的与所述目标操作指令相对应的目标操作事件。当用户在虚拟层中触发点击事件时,同时触发所述模拟事件,及时地在所述前端页面中执行相应的页面响应操作,可以有效地解决了点击事件响应会延迟的问题。
在一些实施例中,请参阅图3,图3为本实施例提供的页面响应控制方法中识别与所述目标操作指令相对应的目标操作事件时的方法流程示意图。
如图3所示,所述步骤S200还包括步骤S210至步骤S230。其中,S210:识别所述前端页面的当前显示界面,其中,所述当前显示界面为所述前端页面中最靠近所述虚拟层的元素层;S220:从预设的映射列表中调用与所述当前显示界面对应的映射分列表;S230:获取所述映射分列表中与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
所述前端页面中包括有多层元素层,每一层元素层表征所述前端页面的一个显示界面。且所述元素层中包含有多个块元素,每一个块元素对应表征一个操作事件。在本实施例中,所述终端的后台服务器中预先配置的映射列表以映射分列表的形式对每一个前端页面的显示界面进行对应关系设置,以使每个映射分列表均具有坐标范围信息与其对应显示界面中各操作事件之间的对应关系。当得到所述用户执行页面操作时对应在所述虚拟层中的第一位置信息时,通过识别所述前端页面的当前显示界面,根据所述识别出的当前显示界面从所述预设于终端后台服务器内的映射列表中调用与所述当前显示界面相对应的映射分列表。然后根据所述映射分列表中坐标范围信息与显示界面中各操作事件之间的对应关系以及所述第一位置信息,获取所述映射分列表中与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
进一步地,在一些实施例中,请一并参阅图4,图4为本实施例提供的页面响应控制方法中识别与所述目标操作指令相对应的目标操作事件时的另一方法流程示意图。
如图4所示,所述映射分列表中具有坐标范围信息与对应显示界面中各操作事件之间的对应关系,所述步骤S230还包括步骤S231和步骤S232。其中,S231:将所述第一位置信息与所述映射分列表中预设的坐标范围信息进行比对,以验证所述第一位置是否位于所述坐标范围中;S232:当所述第一位置位于所述坐标范围时,根据所述坐标范围信息与操作事件之间的对应关系获取与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
在本实施例中,由于操作事件以元素块的形式展示于所述前端页面的显示界面,因而在所述前端页面当前显示界面对应的映射分列表中,针对所述当前显示界面中的每一个操作事件预先配置有相对应的坐标范围信息,例如,所述操作事件对应的坐标范围信息可以为该操作事件对应元素块在所述显示界面中覆盖的坐标范围。当调用得到用户执行页面操作时所述前端页面的当前显示界面对应的映射分列表之后,将之前获取的第一位置信息与所述调用的映射分列表中预设的每一个坐标范围信息进行比对,验证所述第一位置信息中的坐标点落入哪个坐标范围内,当验证出所述第一位置信息中的坐标点所落入得坐标范围后,根据该坐标范围与所述当前显示界面中的操作事件之间的对应关系获取得到与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
为解决上述技术问题本发明实施例还提供一种页面响应控制装置。具体请参阅图5,图5为本发明实施例提供的页面响应控制装置基本结构框图。
如图5所示,一种页面响应控制装置,包括:获取模块10、处理模块20以及执行模块30。其中,所述获取模块10用于获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息;所述处理模块20用于将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表;所述执行模块30用于响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作,其中,所述页面响应操作为向Web服务器发出带有查询信息的请求访问Web数据库以获取所述目标操作事件对应加载数据的动作事件。
在一些实施例中,所述页面响应控制装置还包括:第一设置子模块。所述第一设置子模块用于设置所述虚拟层始终覆盖在所述前端页面的最上方。
在一些实施例中,所述页面响应控制装置还包括:第二设置子模块。所述第二设置子模块用于将所述预设的虚拟层大小设置成与所述前端页面大小一致。
在一些实施例中,所述页面响应控制装置还包括:第一处理子模块和第一执行子模块。其中,所述第一处理子模块用于将所述虚拟层中的事件均预先约定为点击事件;所述第一执行子模块用于当在所述虚拟层中检测到用户执行页面操作时,识别与所述页面操作对应的点击事件,以记录所述点击事件的坐标信息作为第一位置信息。
在一些实施例中,所述页面响应控制装置还包括:第二处理子模块、第三处理子模块和第二执行子模块。其中,所述第二处理子模块用于识别所述前端页面的当前显示界面,其中,所述当前显示界面为所述前端页面中最靠近所述虚拟层的元素层;所述第三处理子模块用于从预设的映射列表中调用与所述当前显示界面对应的映射分列表;所述第二执行子模块用于获取所述映射分列表中与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
在一些实施例中,所述页面响应控制装置还包括:第四处理子模块和第三执行子模块。其中,所述第四处理子模块用于将所述第一位置信息与所述映射分列表中预设的坐标范围信息进行比对,以验证所述第一位置是否位于所述坐标范围中;所述第三执行子模块用于当所述第一位置位于所述坐标范围时,根据所述坐标范围信息与操作事件之间的对应关系获取与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
上述实施例所述的页面响应控制装置通过在所述前端页面上方预先设置一个虚拟层,用户在所述虚拟层上执行操作,后台服务器端通过根据用户执行页面操作时对应在所述虚拟层中的第一位置信息以及虚拟层中坐标位置与前端页面中各操作事件之间的对应关系表识别出所述目标操作指令对应于所述前端页面中的目标操作事件,进而通过响应前端页面中的目标操作事件,以在所述前端页面中执行所述目标操作事件对应的页面响应操作。这样一来,当用户在虚拟层上执行页面操作时,根据所述虚拟层中的第一位置信息以及虚拟层中坐标位置与前端页面中各操作事件之间的对应关系,同时触发所述前端页面上的页面响应操作,可以实现在web应用中统一处理页面事件,以及可以避免在页面响应过程中出现的页面响应产生延迟或因事件透传而导致事件多次触发等前端问题。
为解决上述技术问题,本发明实施例还提供了一种计算机设备。具体请参阅图6,图6为本发明实施例提供的计算机设备基本结构框图。
如图6所示,计算机设备的内部结构示意图。如图6所示,该计算机设备包括通过系统总线连接的处理器、非易失性存储介质、存储器和网络接口。其中,该计算机设备的非易失性存储介质存储有操作系统、数据库和计算机可读指令,数据库中可存储有控件信息序列,该计算机可读指令被处理器执行时,可使得处理器实现一种页面响应控制方法。该计算机设备的处理器用于提供计算和控制能力,支撑整个计算机设备的运行。该计算机设备的存储器中可存储有计算机可读指令,该计算机可读指令被处理器执行时,可使得处理器执行一种页面响应控制方法。该计算机设备的网络接口用于与终端连接通信。本领域技术人员可以理解,图6中示出的结构,仅仅是与本申请方案相关的部分结构的框图,并不构成对本申请方案所应用于其上的计算机设备的限定,具体的计算机设备可以包括比图中所示更多或更少的部件,或者组合某些部件,或者具有不同的部件布置。
在本实施例中,所述处理器用于执行图5中获取模块10、处理模块20和执行模块30的具体功能,而所述存储器存储有执行上述模块所需的程序代码和各类数据。所述网络接口用于向用户终端或服务器之间的数据传输。本实施例中的存储器存储有页面响应控制装置中执行所有子模块所需的程序代码及数据,服务器能够调用服务器的程序代码及数据执行所有子模块的功能。
上述实施例所述的计算机设备通过在所述前端页面上方预先设置一个虚拟层,用户在所述虚拟层上执行操作,后台服务器端通过根据用户执行页面操作时对应在所述虚拟层中的第一位置信息以及虚拟层中坐标位置与前端页面中各操作事件之间的对应关系表识别出所述目标操作指令对应于所述前端页面中的目标操作事件,进而通过响应前端页面中的目标操作事件,以在所述前端页面中执行所述目标操作事件对应的页面响应操作。这样一来,当用户在虚拟层上执行页面操作时,根据所述虚拟层中的第一位置信息以及虚拟层中坐标位置与前端页面中各操作事件之间的对应关系,同时触发所述前端页面上的页面响应操作,可以实现在web应用中统一处理页面事件,以及可以避免在页面响应过程中出现的页面响应产生延迟或因事件透传而导致事件多次触发等前端问题。
本发明还提供一种存储有计算机可读指令的存储介质,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行上述任一实施例所述页面响应控制方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机程序来指令相关的硬件来完成,该计算机程序可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
以上所述仅是本发明的部分实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本发明的保护范围。
Claims (7)
1.一种页面响应控制方法,其特征在于,包括以下步骤:
获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息;所述虚拟层为块元素;
将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表;
响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作,其中,所述页面响应操作为向Web服务器发出带有查询信息的请求访问Web数据库以获取所述目标操作事件对应加载数据的动作事件;
所述获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息的步骤之前,还包括:
将所述虚拟层中的事件均预先约定为点击事件;
当在所述虚拟层中检测到用户执行页面操作时,识别与所述页面操作对应的点击事件,以记录所述点击事件的坐标信息作为第一位置信息;
所述将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表的步骤,还包括:
识别所述前端页面的当前显示界面,其中,所述当前显示界面为所述前端页面中最靠近所述虚拟层的元素层;
从预设的映射列表中调用与所述当前显示界面对应的映射分列表;
获取所述映射分列表中与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
2.根据权利要求1所述的页面响应控制方法,其特征在于,所述虚拟层始终覆盖在所述前端页面的最上方。
3.根据权利要求2所述的页面响应控制方法,其特征在于,所述预设的虚拟层大小与所述前端页面大小一致。
4.根据权利要求1所述的页面响应控制方法,其特征在于,所述映射分列表中具有坐标范围信息与操作事件之间的对应关系,从所述映射分列表中获取与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件的步骤,还包括:
将所述第一位置信息与所述映射分列表中预设的坐标范围信息进行比对,以验证所述第一位置是否位于所述坐标范围中;
当所述第一位置位于所述坐标范围时,根据所述坐标范围信息与操作事件之间的对应关系获取与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
5.一种页面响应控制装置,其特征在于,包括:
获取模块,用于获取用户执行页面操作时触发的目标操作指令,其中,所述目标操作指令作用于预设在前端页面上方的虚拟层,且所述目标操作指令中具有所述用户执行页面操作时的作用点对应在所述虚拟层中的第一位置信息;所述虚拟层为块元素;
处理模块,用于将所述第一位置信息与预设的映射列表进行对比,以识别出与所述目标操作指令相对应的目标操作事件,其中,所述预设的映射列表为所述虚拟层上的位置信息与所述前端页面中各操作事件之间的对应关系表;
执行模块,用于响应于所述目标操作指令,以在所述前端页面中执行所述目标操作事件对应的页面响应操作,其中,所述页面响应操作为向Web服务器发出带有查询信息的请求访问Web数据库以获取所述目标操作事件对应加载数据的动作事件;
所述页面响应控制装置还包括第一处理子模块和第一执行子模块:
所述第一处理子模块,用于将所述虚拟层中的事件均预先约定为点击事件;
所述第一执行子模块,用于当在所述虚拟层中检测到用户执行页面操作时,识别与所述页面操作对应的点击事件,以记录所述点击事件的坐标信息作为第一位置信息;
所述页面响应控制装置还包括:第二处理子模块、第三处理子模块和第二执行子模块;
所述第二处理子模块,用于识别所述前端页面的当前显示界面,其中,所述当前显示界面为所述前端页面中最靠近所述虚拟层的元素层;
所述第三处理子模块,用于从预设的映射列表中调用与所述当前显示界面对应的映射分列表;
所述第二执行子模块用于,获取所述映射分列表中与所述第一位置信息相对应的操作事件作为与所述目标操作指令相对应的目标操作事件。
6.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述计算机可读指令被所述处理器执行时,使得所述处理器执行上述权利要求1至4任意一项所述的页面响应控制方法。
7.一种存储有计算机可读指令的存储介质,所述计算机可读指令被一个或多个处理器执行时,使得一个或多个处理器执行上述权利要求1至4中任意一项权利要求所述的页面响应控制方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910441490.1A CN110457097B (zh) | 2019-05-24 | 2019-05-24 | 页面响应控制方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910441490.1A CN110457097B (zh) | 2019-05-24 | 2019-05-24 | 页面响应控制方法、装置、计算机设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110457097A CN110457097A (zh) | 2019-11-15 |
CN110457097B true CN110457097B (zh) | 2023-03-21 |
Family
ID=68481048
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910441490.1A Active CN110457097B (zh) | 2019-05-24 | 2019-05-24 | 页面响应控制方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110457097B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111258899A (zh) * | 2020-01-16 | 2020-06-09 | 北京奇艺世纪科技有限公司 | 用例生成方法、装置、电子设备和计算机可读存储介质 |
CN111488101B (zh) * | 2020-04-10 | 2021-09-10 | 得到(天津)文化传播有限公司 | 事件监听响应方法、装置、设备和存储介质 |
CN111966507A (zh) * | 2020-07-22 | 2020-11-20 | 招联消费金融有限公司 | 基于web的事件响应方法、装置、计算机设备和存储介质 |
CN113849391A (zh) * | 2021-10-08 | 2021-12-28 | 珠海格力电器股份有限公司 | 一种程序性能的确定方法和装置、电子设备和存储介质 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103885773A (zh) * | 2014-03-17 | 2014-06-25 | 可牛网络技术(北京)有限公司 | 跨页面实现应用程序app功能的方法及装置 |
Family Cites Families (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20090004410A1 (en) * | 2005-05-12 | 2009-01-01 | Thomson Stephen C | Spatial graphical user interface and method for using the same |
CN105094763B (zh) * | 2014-04-30 | 2019-08-23 | 广州市动景计算机科技有限公司 | 扩展视频功能的方法及系统 |
CN104834655B (zh) * | 2014-08-06 | 2018-05-11 | 腾讯科技(北京)有限公司 | 一种显示网络资源的质量参数的方法和装置 |
CN105867751B (zh) * | 2015-01-20 | 2020-06-02 | 腾讯科技(深圳)有限公司 | 操作信息处理方法和装置 |
CN109491746A (zh) * | 2018-11-07 | 2019-03-19 | 沈文策 | 一种触屏终端点透解决方法、装置、触屏终端及存储介质 |
-
2019
- 2019-05-24 CN CN201910441490.1A patent/CN110457097B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103885773A (zh) * | 2014-03-17 | 2014-06-25 | 可牛网络技术(北京)有限公司 | 跨页面实现应用程序app功能的方法及装置 |
Non-Patent Citations (1)
Title |
---|
裴晓东等.基于JavaEE+React小微APP程序开发.2017,(第18期),第37-39+58页. * |
Also Published As
Publication number | Publication date |
---|---|
CN110457097A (zh) | 2019-11-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110457097B (zh) | 页面响应控制方法、装置、计算机设备及存储介质 | |
CN110096660B (zh) | 用于加载页面图片的方法、装置和电子设备 | |
CN107276842B (zh) | 接口测试方法、装置及电子设备 | |
CN107329976B (zh) | 网页分页方法、装置、计算机设备及计算机可读存储介质 | |
CN109086158B (zh) | 一种异常原因分析方法、装置及服务器 | |
CN112256363A (zh) | 应用页面渲染方法、装置、电子设备 | |
CN111431767A (zh) | 多浏览器资源同步方法、装置、计算机设备和存储介质 | |
CN114417782A (zh) | 展示方法、装置和电子设备 | |
CN111400051B (zh) | 一种资源调度方法、装置及系统 | |
CN110347973B (zh) | 用于生成信息的方法和装置 | |
CN111783010A (zh) | 网页空白页面监测方法、装置、终端及存储介质 | |
CN111260445A (zh) | 房源信息展示方法、装置、终端及存储介质 | |
CN113032702A (zh) | 一种页面加载方法和装置 | |
CN115858905A (zh) | 数据处理的方法、装置、电子设备和存储介质 | |
CN106612305B (zh) | 信息推送方法及装置 | |
CN110377654B (zh) | 数据请求的处理方法、装置、电子设备及计算机可读存储介质 | |
CN113822745A (zh) | 一种物品展示方法和装置 | |
CN110018870B (zh) | 终端窗口显示方法、装置、计算机设备及存储介质 | |
CN107220306B (zh) | 一种搜索方法和装置 | |
US11258845B2 (en) | Browser management system, browser management method, browser management program, and client program | |
CN112394809A (zh) | 一种实现增强现实的方法、装置及通信设备 | |
CN117763248A (zh) | 数据处理方法、装置、电子设备及计算机存储介质 | |
CN117648510B (zh) | 信息展示方法、装置、计算机设备和存储介质 | |
CN113468487B (zh) | 界面水印渲染方法、装置、电子设备和计算机可读介质 | |
CN110019352B (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 |