CN115687826A - 页面刷新方法、装置、计算机设备及存储介质 - Google Patents
页面刷新方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN115687826A CN115687826A CN202211429894.7A CN202211429894A CN115687826A CN 115687826 A CN115687826 A CN 115687826A CN 202211429894 A CN202211429894 A CN 202211429894A CN 115687826 A CN115687826 A CN 115687826A
- Authority
- CN
- China
- Prior art keywords
- page
- area
- refreshing
- request
- cache 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.)
- Pending
Links
Images
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本申请实施例属于研发管理领域,涉及一种页面刷新方法、装置、计算机设备及存储介质,方法包括:获取第一页面的目标区域内产生的操作数据,并根据操作数据生成区域更新请求,区域更新请求包含请求类型标识;当请求类型标识为单边类型标识时,根据操作数据对目标区域进行刷新得到第二页面;当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器根据区域更新请求返回的区域缓存数据,区域缓存数据对应于页面区域,目标区域为多个页面区域中的一个;根据区域缓存数据对目标区域进行刷新得到第二页面。此外,本申请还涉及区块链技术,区域缓存数据可存储于区块链中。本申请实现了页面的局部实时刷新,提高了页面显示的准确性。
Description
技术领域
本申请涉及研发管理技术领域,尤其涉及一种页面刷新方法、装置、计算机设备及存储介质。
背景技术
在现在的各种互联网应用中,页面经常被划分为多个区域,不同的区域可以显示不同的内容,并且不同的区域可以进行不同的操作。例如在金融保险领域,一个页面可以以列表的形式同时显示多个保单,用户可以同时查看多个保单的数据,并对其中的保单进行收藏,点击按钮等操作。
当前的页面显示技术,通常是先获取整个页面的缓存数据,根据缓存数据加载页面。当用户主动刷新页面或者被动刷新页面时,会对整个页面进行刷新,导致用户丢失当前的页面区域,使得页面的展示效果较差。
发明内容
本申请实施例的目的在于提出一种页面刷新方法、装置、计算机设备及存储介质,以实现页面的局部实时刷新,提高了页面显示的准确性。
为了解决上述技术问题,本申请实施例提供一种页面刷新方法,采用了如下所述的技术方案:
获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据所述操作数据生成区域更新请求,其中,所述区域更新请求包含请求类型标识;
当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,得到第二页面;
当所述请求类型标识为双边类型标识时,将所述区域更新请求发送至服务器,并接收所述服务器根据所述区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,所述目标区域为多个页面区域中的一个;
根据所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
为了解决上述技术问题,本申请实施例还提供一种页面刷新装置,采用了如下所述的技术方案:
请求生成模块,用于获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据所述操作数据生成区域更新请求,其中,所述区域更新请求包含请求类型标识;
第一刷新模块,用于当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,得到第二页面;
缓存接收模块,用于当所述请求类型标识为双边类型标识时,将所述区域更新请求发送至服务器,并接收所述服务器根据所述区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,所述目标区域为多个页面区域中的一个;
第二刷新模块,用于根据所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
为了解决上述技术问题,本申请实施例还提供一种计算机设备,采用了如下所述的技术方案:
获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据所述操作数据生成区域更新请求,其中,所述区域更新请求包含请求类型标识;
当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,得到第二页面;
当所述请求类型标识为双边类型标识时,将所述区域更新请求发送至服务器,并接收所述服务器根据所述区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,所述目标区域为多个页面区域中的一个;
根据所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
为了解决上述技术问题,本申请实施例还提供一种计算机可读存储介质,采用了如下所述的技术方案:
获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据所述操作数据生成区域更新请求,其中,所述区域更新请求包含请求类型标识;
当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,得到第二页面;
当所述请求类型标识为双边类型标识时,将所述区域更新请求发送至服务器,并接收所述服务器根据所述区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,所述目标区域为多个页面区域中的一个;
根据所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
与现有技术相比,本申请实施例主要有以下有益效果:根据用户在第一页面的目标区域内进行用户操作产生的操作数据,生成区域更新请求;区域更新请求包含请求类型标识,不同的请求类型标识具有不同的页面区域刷新方式,当请求类型标识为单边类型标识时,可以无需服务器的校验与确认,根据操作数据对目标区域进行刷新,得到第二页面;当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器返回的区域缓存数据,本申请中区域缓存数据与页面区域一一对应,加载区域缓存数据,只对区域缓存数据所对应的页面区域进行刷新,实现了不同页面区域的解耦,加载目标区域所对应的区域缓存数据即可实现目标区域的定点刷新;本申请根据请求类型的不同采用不同的刷新方式,实现页面区域定点刷新的同时避免了页面刷新中的资源浪费,提升了页面的展示效果。
附图说明
为了更清楚地说明本申请中的方案,下面将对本申请实施例描述中所需要使用的附图作一个简单介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1是本申请可以应用于其中的示例性系统架构图;
图2是根据本申请的页面刷新方法的一个实施例的流程图;
图3是根据本申请的页面刷新装置的一个实施例的结构示意图;
图4是根据本申请的计算机设备的一个实施例的结构示意图。
具体实施方式
除非另有定义,本文所使用的所有的技术和科学术语与属于本申请的技术领域的技术人员通常理解的含义相同;本文中在申请的说明书中所使用的术语只是为了描述具体的实施例的目的,不是旨在于限制本申请;本申请的说明书和权利要求书及上述附图说明中的术语“包括”和“具有”以及它们的任何变形,意图在于覆盖不排他的包含。本申请的说明书和权利要求书或上述附图中的术语“第一”、“第二”等是用于区别不同对象,而不是用于描述特定顺序。
在本文中提及“实施例”意味着,结合实施例描述的特定特征、结构或特性可以包含在本申请的至少一个实施例中。在说明书中的各个位置出现该短语并不一定均是指相同的实施例,也不是与其它实施例互斥的独立的或备选的实施例。本领域技术人员显式地和隐式地理解的是,本文所描述的实施例可以与其它实施例相结合。
为了使本技术领域的人员更好地理解本申请方案,下面将结合附图,对本申请实施例中的技术方案进行清楚、完整地描述。
如图1所示,系统架构100可以包括终端设备101、102、103,网络104和服务器105。网络104用以在终端设备101、102、103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务器105交互,以接收或发送消息等。终端设备101、102、103上可以安装有各种通讯客户端应用,例如网页浏览器应用、购物类应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备101、102、103可以是具有显示屏并且支持网页浏览的各种电子设备,包括但不限于智能手机、平板电脑、电子书阅读器、MP3播放器(Moving PictureExpertsGroup Audio Layer III,动态影像专家压缩标准音频层面3)、MP4(MovingPictureExperts Group Audio Layer IV,动态影像专家压缩标准音频层面4)播放器、膝上型便携计算机和台式计算机等等。
服务器105可以是提供各种服务的服务器,例如对终端设备101、102、103上显示的页面提供支持的后台服务器。
需要说明的是,本申请实施例所提供的页面刷新方法一般由终端设备执行,相应地,页面刷新装置一般设置于终端设备中。
应该理解,图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务器。
继续参考图2,示出了根据本申请的页面刷新方法的一个实施例的流程图。所述的页面刷新方法,包括以下步骤:
步骤S201,获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据操作数据生成区域更新请求,其中,区域更新请求包含请求类型标识.
在本实施例中,页面刷新方法运行于其上的电子设备(例如图1所示的终端设备)可以通过有线连接方式或者无线连接方式与服务器进行通信。需要指出的是,上述无线连接方式可以包括但不限于3G/4G/5G连接、WiFi连接、蓝牙连接、WiMAX连接、Zigbee连接、UWB(ultra wideband)连接、以及其他现在已知或将来开发的无线连接方式。
其中,第一页面可以是终端设备当前展示的页面,它可以是H5(第5代html,html即互联网超文本标记语言)页面,它可以是浏览器中展示的页面,也可以是app应用中展示的页面。第一页面包含多个页面区域,不同的页面区域可以展示不同的内容。例如在金融保险领域中,第一页面可以是保单的展示页面,第一页面中包含多个页面区域,每个页面区域展示一组保单数据,使得第一页面以列表的形式展示多组保单数据。
具体地,终端展示第一页面,第一页面中包含多个页面区域,用户可以选取其中的一个页面区域进行操作,例如在该页面区域中进行点击、文本框输入等各种类型的操作,产生操作数据。每个页面区域具有区域标识,区域标识可以标识该页面区域,并可以作为页面区域内展示内容的整体的标识。终端可以根据区域标识,将该页面区域标记为目标区域。
用户操作可以带来目标区域展示内容以及关联到的后台数据的变化。例如,当目标区域为展示的保单时,用户操作可以是对保单进行收藏或者标记,目标区域需要刷新出表示已经收藏或者标记的标识符;如果用户操作是点击询价按钮,则目标区域需要刷新出与客服的询价窗口。因此,终端会根据操作数据生成区域更新请求。由于用户操作内容的不同,区域更新请求具有不同的类型,因此区域更新请求中还包括请求类型标识。
进一步的,上述步骤S201之前,还可以包括:从服务器接收多组区域缓存数据;分别加载各组区域缓存数据,得到与各组区域缓存数据分别对应的页面区域,并基于各页面区域得到第一页面。
具体地,在终端展示第一页面之前,终端从服务器接收多组区域缓存数据。本申请的加载机制,是区域缓存数据与页面区域一一对应,而并非整个页面对应一整份缓存数据。终端分别加载各组区域缓存数据,从而展示出各组缓存数据分别对应的区域页面,页面框架也可以具有一组缓存数据,加载该组缓存数据可以得到页面框架,区域页面与区域框架可以渲染出第一页面。
本实施例中,接收多组区域缓存数据,每组区域缓存数据对应一个页面区域,从而实现页面中不同页面区域加载与刷新的解耦。
进一步的,上述根据操作数据生成区域更新请求的步骤可以包括:向服务器发送数据获取请求,并接收服务器返回的区域缓存数据;根据区域缓存数据对第一页面的目标区域进行刷新,得到刷新后的目标区域;基于操作数据,生成针对刷新后的目标区域的区域更新请求。
具体地,页面区域所关联主体(例如主体可以是展示的保单)的改变可能与用户操作无关,主体的后台数据可能被定时刷新、关联、后台等各种机制刷新。因此,当用户进行操作时,后台数据可能已经发生改变,或者由于网络中断,或者由于用户在第一页面上长时间停留未进行操作,目标区域未能及时更新为最新状态,此时用户操作是在上一个状态的操作,可能产生错误。
因此,终端可以先向服务器发送针对目标区域的数据获取请求,从服务器获取目标区域最新的区域缓存数据,并根据区域缓存数据对第一页面中的目标区域进行刷新。
在一个实施例中,返回的区域缓存数据中具有更新状态字段,更新状态字段以不同的字符串表示目标区域的后台数据是否发生了更新。当根据更新状态字段确定目标区域的后台数据发生更新时,令接收到的区域缓存数据替换存储在本地的区域缓存数据,然后根据新的区域缓存数据对目标区域进行刷新。需要注意的是,对目标区域的刷新并不意味着展示出的目标区域一定出现视觉变化(例如刷新后的目标区域中多展示了一个标识),与目标区域相关的后台数据的变化都会一并刷新,并对操作数据的校验产生影响。
对目标区域刷新完成后,可以再根据刷新后的目标区域判断操作数据是否正确,因为目标区域完成刷新后,原来显示的某些功能可能会不被允许,这时会对操作数据报错,用户需要重新进行操作;如果没有对操作数据报错,则基于操作数据,生成针对刷新后的目标区域的区域更新请求,减少对用户的影响。
在一个实施例中,可以通过promise.all方法或者Async/await方法提供的异步请求方案,向服务器发送数据获取请求,根据异步请求返回的区域缓存数据进行目标区域的刷新,然后生成区域更新请求。
本实施例中,在获取到操作数据后,向服务器发送数据获取请求以接收最新状态的区域缓存数据,根据最新状态的区域缓存数据刷新目标区域,然后再生成针对刷新后的目标区域的区域更新请求,确保了区域更新请求的准确性。
步骤S202,当请求类型标识为单边类型标识时,根据操作数据对目标区域进行刷新,得到第二页面。
具体地,请求类型可以初步划分为单边类型和双边类型,在请求类型标识中分别以单边类型标识和双边类型标识进行表示。其中,单边类型是指用户操作不需要与服务器进行复杂的数据交互以及确认,用户可以在目标区域中进行直接操作与即时修改。例如,用户对目标区域中的保单进行收藏或者标记这样的简单操作,可以即时生效,不需要服务器进行复杂的确认以及业务相关的数据交互。此时,根据触发的区域更新请求,终端可以基于操作数据对目标区域进行刷新,更改目标区域的显示状况,得到第二页面。
进一步的,上述步骤S202可以包括:当请求类型标识为单边类型标识时,根据操作数据对目标区域进行刷新,并根据操作数据对目标区域所对应的区域缓存数据进行更新;根据操作数据生成区域更新通知,并将区域更新通知发送至服务器,以指示服务器更新目标区域的后台数据。
具体地,当请求类型标识为单边类型标识时,直接根据操作数据对目标区域进行刷新,然后根据操作数据对目标区域在本地的区域缓存数据进行修改。
在一个实施例中,当请求类型标识为单边类型标识时,根据操作数据对目标区域在本地的区域缓存数据进行修改,然后根据修改后的区域缓存数据对目标区域进行刷新。
在一个实施例中,终端根据操作数据,采用object.assign方法更新目标区域的全部属性。
终端还可以根据操作数据生成区域更新通知并将其发送至服务器。区域更新通知用于告知终端对目标区域所进行的单边类型的修改,服务器可以根据区域更新通知对目标区域的后台数据进行修改,从而实现终端与服务器的数据同步。例如,目标区域展示的是保单,用户对保单进行收藏操作,终端可以直接将保单修改为已收藏状态,并在目标区域中显示已收藏的标识符;然后通过区域更新通知告知服务器用户收藏了某个保单,指示服务器修改后台数据,记录用户对保单的收藏操作。
本实施例中,当请求类型标识为单边类型标识时,更新目标区域在本地的区域缓存数据,以确保区域缓存数据的准确性;然后向服务器发送区域更新通知,指示服务器修改目标区域的后台数据,确保终端与服务器的数据一致,提高了后台数据的准确性。
步骤S203,当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器根据区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,目标区域为多个页面区域中的一个。
具体地,双边类型表示区域更新请求需要被发送到服务器,由服务器进行业务相关的确认以及数据交互。此时,终端将区域更新请求发送至服务器,服务器对区域更新请求进行处理,例如对区域更新请求进行相关的校验、确认等,并生成相应的区域缓存数据。终端接收服务器返回的区域缓存数据,将区域缓存数据缓存到本地,以替换目标区域在本地原有的区域缓存数据。第一页面中其他页面区域在本地的区域缓存数据保持不变。
需要强调的是,为进一步保证区域缓存数据的私密和安全性,从服务器获取到区域缓存数据后,上述区域缓存数据还可以存储于一区块链的节点中。
本申请所指区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(Blockchain),本质上是一个去中心化的数据库,是一串使用密码学方法相关联产生的数据块,每一个数据块中包含了一批次网络交易的信息,用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。
步骤S204,根据区域缓存数据对目标区域进行刷新,得到第二页面。
具体地,终端加载区域缓存数据,以对目标区域进行刷新。由于只重新加载用户操作的目标区域的区域缓存数据,第一页面中的其他页面区域保持不变,不需要对整个第一页面进行刷新,从而实现第一页面的定点刷新,得到第二页面。
本实施例中,根据用户在第一页面的目标区域内进行用户操作产生的操作数据,生成区域更新请求;区域更新请求包含请求类型标识,不同的请求类型标识具有不同的页面区域刷新方式,当请求类型标识为单边类型标识时,可以无需服务器的校验与确认,根据操作数据对目标区域进行刷新,得到第二页面;当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器返回的区域缓存数据,本申请中区域缓存数据与页面区域一一对应,加载区域缓存数据,只对区域缓存数据所对应的页面区域进行刷新,实现了不同页面区域的解耦,加载目标区域所对应的区域缓存数据即可实现目标区域的定点刷新;本申请根据请求类型的不同采用不同的刷新方式,实现页面区域定点刷新的同时避免了页面刷新中的资源浪费,提升了页面的展示效果。
进一步的,上述步骤S204可以包括:获取与请求类型标识所对应的区域刷新方式;按照区域刷新方式,基于区域缓存数据对目标区域进行刷新,得到第二页面。
具体地,双边类型标识下可以对应多种区域刷新方式,即双边类型标识可以继续划分为不同的子标识,不同的子标识对应不同的区域刷新方式。
获取双边类型标识所对应的具体的区域刷新方式,加载区域缓存数据对目标区域进行刷新,得到第二页面。
本实施例中,获取双边类型标识所对应的具体的区域刷新方式,以对目标区域进行刷新,避免了刷新所带来的错误,确保了目标区域刷新的准确性。
进一步的,在一个实施例中,上述按照区域刷新方式,基于区域缓存数据对目标区域进行刷新,得到第二页面的步骤可以包括:当区域刷新方式为切换刷新方式时,监测第一页面中目标区域的显示状态;当显示状态发生切换时,基于区域缓存数据对目标区域进行刷新,得到第二页面。
具体地,区域刷新方式可以是切换刷新方式,切换刷新方式是一种回退刷新机制,涉及第一页面显示状态的切换。例如,用户在目标区域中触发缴费操作,目标区域跳转至缴费页面(例如显示用于缴费的二维码),用户缴费后,目标区域需要进行刷新并显示用户是否缴费成功。目标区域加载二维码或者显示缴费结果时,都涉及原来的目标区域的显示状态的切换。目标区域需要加载的二维码或者缴费结果都包含在从服务器接收到的区域缓存数据中。终端可以监听目标区域的visibilitychange事件,当显示状态发生切换(例如目标区域所对应的子页面退出显示状态或者进入显示状态)时触发该事件,基于区域缓存数据对目标区域进行刷新,得到第二页面。
本实施例中,当区域刷新方式为切换刷新方式时,监测目标区域的显示状态,在显示状态发生切换时,基于区域缓存数据对目标区域进行刷新,确保了目标区域刷新的准确性。
进一步的,在另一个实施例中,上述按照区域刷新方式,基于区域缓存数据对目标区域进行刷新,得到第二页面的步骤可以包括:当区域刷新方式为条件刷新方式时,获取区域缓存数据中的请求校验结果;当请求校验结果符合预设的刷新条件时,基于区域缓存数据对目标区域进行刷新,得到第二页面。
具体地,区域刷新方式可以是条件刷新方式,条件刷新方式涉及到请求的审核与校验。例如,用户操作终端提交某个表单的审核请求,该请求可能需要经历多个节点的校验与审核,无法预先得知返回时间以及刷新时间。因此,可以先接收返回的区域缓存数据,不同的审核节点可以分别返回区域缓存数据,返回的区域缓存数据中包含请求校验结果。当请求校验结果符合预设的刷新条件时,再基于最新的区域缓存数据对目标区域进行刷新,得到第二页面,其中,刷新条件可以是根据请求校验结果判断出请求通过。
在一个实施例中,可以通过promise.all方法实现条件刷新,在promise中设置刷新条件,在then方法中设置刷新操作或者接下来的(在前次请求通过审核的基础上再进行请求)请求方式。
本实施例中,区域刷新方式可以是条件刷新方式,当区域缓存数据中的请求校验结果符合预设的刷新条件时,再对目标区域进行刷新,确保了目标区域刷新的准确性。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程,是可以通过计算机可读指令来指令相关的硬件来完成,该计算机可读指令可存储于一计算机可读取存储介质中,该程序在执行时,可包括如上述各方法的实施例的流程。其中,前述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory,ROM)等非易失性存储介质,或随机存储记忆体(Random Access Memory,RAM)等。
应该理解的是,虽然附图的流程图中的各个步骤按照箭头的指示依次显示,但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明,这些步骤的执行并没有严格的顺序限制,其可以以其他的顺序执行。而且,附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段,这些子步骤或者阶段并不必然是在同一时刻执行完成,而是可以在不同的时刻执行,其执行顺序也不必然是依次进行,而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。
进一步参考图3,作为对上述图2所示方法的实现,本申请提供了一种页面刷新装置的一个实施例,该装置实施例与图2所示的方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图3所示,本实施例所述的页面刷新装置300包括:请求生成模块301、第一刷新模块302、缓存接收模块303以及第二刷新模块304,其中:
请求生成模块301,用于获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据操作数据生成区域更新请求,其中,区域更新请求包含请求类型标识。
第一刷新模块302,用于当请求类型标识为单边类型标识时,根据操作数据对目标区域进行刷新,得到第二页面。
缓存接收模块303,用于当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器根据区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,目标区域为多个页面区域中的一个。
第二刷新模块304,用于根据区域缓存数据对目标区域进行刷新,得到第二页面。
本实施例中,根据用户在第一页面的目标区域内进行用户操作产生的操作数据,生成区域更新请求;区域更新请求包含请求类型标识,不同的请求类型标识具有不同的页面区域刷新方式,当请求类型标识为单边类型标识时,可以无需服务器的校验与确认,根据操作数据对目标区域进行刷新,得到第二页面;当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器返回的区域缓存数据,本申请中区域缓存数据与页面区域一一对应,加载区域缓存数据,只对区域缓存数据所对应的页面区域进行刷新,实现了不同页面区域的解耦,加载目标区域所对应的区域缓存数据即可实现目标区域的定点刷新;本申请根据请求类型的不同采用不同的刷新方式,实现页面区域定点刷新的同时避免了页面刷新中的资源浪费,提升了页面的展示效果。
在本实施例的一些可选的实现方式中,页面刷新装置300还可以包括:数据接收模块以及区域加载模块,其中:
数据接收模块,用于从服务器接收多组区域缓存数据。
区域加载模块,用于分别加载各组区域缓存数据,得到与各组区域缓存数据分别对应的页面区域,并基于各页面区域得到第一页面。
本实施例中,接收多组区域缓存数据,每组区域缓存数据对应一个页面区域,从而实现页面中不同页面区域加载与刷新的解耦。
在本实施例的一些可选的实现方式中,请求生成模块301可以包括:请求发送子模块、区域刷新子模块以及请求生成子模块,其中:
请求发送子模块,用于向服务器发送数据获取请求,并接收服务器返回的区域缓存数据。
区域刷新子模块,用于根据区域缓存数据对第一页面的目标区域进行刷新,得到刷新后的目标区域。
请求生成子模块,用于基于操作数据,生成针对刷新后的目标区域的区域更新请求。
本实施例中,在获取到操作数据后,向服务器发送数据获取请求以接收最新状态的区域缓存数据,根据最新状态的区域缓存数据刷新目标区域,然后再生成针对刷新后的目标区域的区域更新请求,确保了区域更新请求的准确性。
在本实施例的一些可选的实现方式中,第一刷新模块302可以包括:第一刷新子模块以及通知发送子模块,其中:
第一刷新子模块,用于当请求类型标识为单边类型标识时,根据操作数据对目标区域进行刷新,并根据操作数据对目标区域所对应的区域缓存数据进行更新。
通知发送子模块,用于根据操作数据生成区域更新通知,并将区域更新通知发送至服务器,以指示服务器更新目标区域的后台数据。
本实施例中,当请求类型标识为单边类型标识时,更新目标区域在本地的区域缓存数据,以确保区域缓存数据的准确性;然后向服务器发送区域更新通知,指示服务器修改目标区域的后台数据,确保终端与服务器的数据一致,提高了后台数据的准确性。
在本实施例的一些可选的实现方式中,第二刷新模块304可以包括:方式获取子模块以及第二刷新子模块,其中:
方式获取子模块,用于获取与请求类型标识所对应的区域刷新方式。
第二刷新子模块,用于按照区域刷新方式,基于区域缓存数据对目标区域进行刷新,得到第二页面。
本实施例中,获取双边类型标识所对应的具体的区域刷新方式,以对目标区域进行刷新,避免了刷新所带来的错误,确保了目标区域刷新的准确性。
在本实施例的一些可选的实现方式中,第二刷新子模块可以包括:显示监测单元以及切换刷新单元,其中:
显示监测单元,用于当区域刷新方式为切换刷新方式时,监测第一页面中目标区域的显示状态。
切换刷新单元,用于当显示状态发生切换时,基于区域缓存数据对目标区域进行刷新,得到第二页面。
本实施例中,当区域刷新方式为切换刷新方式时,监测目标区域的显示状态,在显示状态发生切换时,基于区域缓存数据对目标区域进行刷新,确保了目标区域刷新的准确性。
在本实施例的另一些可选的实现方式中,第二刷新子模块可以包括:结果获取单元以及条件刷新单元,其中:
结果获取单元,用于当区域刷新方式为条件刷新方式时,获取区域缓存数据中的请求校验结果。
条件刷新单元,用于当请求校验结果符合预设的刷新条件时,基于区域缓存数据对目标区域进行刷新,得到第二页面。
本实施例中,区域刷新方式可以是条件刷新方式,当区域缓存数据中的请求校验结果符合预设的刷新条件时,再对目标区域进行刷新,确保了目标区域刷新的准确性。
为解决上述技术问题,本申请实施例还提供计算机设备。具体请参阅图4,图4为本实施例计算机设备基本结构框图。
所述计算机设备4包括通过系统总线相互通信连接存储器41、处理器42、网络接口43。需要指出的是,图中仅示出了具有组件41-43的计算机设备4,但是应理解的是,并不要求实施所有示出的组件,可以替代的实施更多或者更少的组件。其中,本技术领域技术人员可以理解,这里的计算机设备是一种能够按照事先设定或存储的指令,自动进行数值计算和/或信息处理的设备,其硬件包括但不限于微处理器、专用集成电路(ApplicationSpecific Integrated Circuit,ASIC)、可编程门阵列(Field-Programmable GateArray,FPGA)、数字处理器(Digital Signal Processor,DSP)、嵌入式设备等。
所述计算机设备可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。所述计算机设备可以与用户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互。
所述存储器41至少包括一种类型的可读存储介质,所述可读存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中,所述存储器41可以是所述计算机设备4的内部存储单元,例如该计算机设备4的硬盘或内存。在另一些实施例中,所述存储器41也可以是所述计算机设备4的外部存储设备,例如该计算机设备4上配备的插接式硬盘,智能存储卡(Smart Media Card,SMC),安全数字(Secure Digital,SD)卡,闪存卡(FlashCard)等。当然,所述存储器41还可以既包括所述计算机设备4的内部存储单元也包括其外部存储设备。本实施例中,所述存储器41通常用于存储安装于所述计算机设备4的操作系统和各类应用软件,例如页面刷新方法的计算机可读指令等。此外,所述存储器41还可以用于暂时地存储已经输出或者将要输出的各类数据。
所述处理器42在一些实施例中可以是中央处理器(Central Processing Unit,CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器42通常用于控制所述计算机设备4的总体操作。本实施例中,所述处理器42用于运行所述存储器41中存储的计算机可读指令或者处理数据,例如运行所述页面刷新方法的计算机可读指令。
所述网络接口43可包括无线网络接口或有线网络接口,该网络接口43通常用于在所述计算机设备4与其他电子设备之间建立通信连接。
本实施例中提供的计算机设备可以执行上述页面刷新方法。此处页面刷新方法可以是上述各个实施例的页面刷新方法。
本实施例中,根据用户在第一页面的目标区域内进行用户操作产生的操作数据,生成区域更新请求;区域更新请求包含请求类型标识,不同的请求类型标识具有不同的页面区域刷新方式,当请求类型标识为单边类型标识时,可以无需服务器的校验与确认,根据操作数据对目标区域进行刷新,得到第二页面;当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器返回的区域缓存数据,本申请中区域缓存数据与页面区域一一对应,加载区域缓存数据,只对区域缓存数据所对应的页面区域进行刷新,实现了不同页面区域的解耦,加载目标区域所对应的区域缓存数据即可实现目标区域的定点刷新;本申请根据请求类型的不同采用不同的刷新方式,实现页面区域定点刷新的同时避免了页面刷新中的资源浪费,提升了页面的展示效果。
本申请还提供了另一种实施方式,即提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机可读指令,所述计算机可读指令可被至少一个处理器执行,以使所述至少一个处理器执行如上述的页面刷新方法的步骤。
本实施例中,根据用户在第一页面的目标区域内进行用户操作产生的操作数据,生成区域更新请求;区域更新请求包含请求类型标识,不同的请求类型标识具有不同的页面区域刷新方式,当请求类型标识为单边类型标识时,可以无需服务器的校验与确认,根据操作数据对目标区域进行刷新,得到第二页面;当请求类型标识为双边类型标识时,将区域更新请求发送至服务器,并接收服务器返回的区域缓存数据,本申请中区域缓存数据与页面区域一一对应,加载区域缓存数据,只对区域缓存数据所对应的页面区域进行刷新,实现了不同页面区域的解耦,加载目标区域所对应的区域缓存数据即可实现目标区域的定点刷新;本申请根据请求类型的不同采用不同的刷新方式,实现页面区域定点刷新的同时避免了页面刷新中的资源浪费,提升了页面的展示效果。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本申请各个实施例所述的方法。
显然,以上所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例,附图中给出了本申请的较佳实施例,但并不限制本申请的专利范围。本申请可以以许多不同的形式来实现,相反地,提供这些实施例的目的是使对本申请的公开内容的理解更加透彻全面。尽管参照前述实施例对本申请进行了详细的说明,对于本领域的技术人员来而言,其依然可以对前述各具体实施方式所记载的技术方案进行修改,或者对其中部分技术特征进行等效替换。凡是利用本申请说明书及附图内容所做的等效结构,直接或间接运用在其他相关的技术领域,均同理在本申请专利保护范围之内。
Claims (10)
1.一种页面刷新方法,其特征在于,包括下述步骤:
获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据所述操作数据生成区域更新请求,其中,所述区域更新请求包含请求类型标识;
当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,得到第二页面;
当所述请求类型标识为双边类型标识时,将所述区域更新请求发送至服务器,并接收所述服务器根据所述区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,所述目标区域为多个页面区域中的一个;
根据所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
2.根据权利要求1所述的页面刷新方法,其特征在于,所述获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据所述操作数据生成区域更新请求的步骤之前,还包括:
从服务器接收多组区域缓存数据;
分别加载各组区域缓存数据,得到与所述各组区域缓存数据分别对应的页面区域,并基于各页面区域得到第一页面。
3.根据权利要求1所述的页面刷新方法,其特征在于,所述根据所述操作数据生成区域更新请求的步骤包括:
向服务器发送数据获取请求,并接收所述服务器返回的区域缓存数据;
根据所述区域缓存数据对所述第一页面的所述目标区域进行刷新,得到刷新后的目标区域;
基于所述操作数据,生成针对刷新后的所述目标区域的区域更新请求。
4.根据权利要求1所述的页面刷新方法,其特征在于,所述当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,得到第二页面的步骤包括:
当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,并根据所述操作数据对所述目标区域所对应的区域缓存数据进行更新;
根据所述操作数据生成区域更新通知,并将所述区域更新通知发送至服务器,以指示所述服务器更新所述目标区域的后台数据。
5.根据权利要求1所述的页面刷新方法,其特征在于,所述根据所述区域缓存数据对所述目标区域进行刷新,得到第二页面的步骤包括:
获取与所述请求类型标识所对应的区域刷新方式;
按照所述区域刷新方式,基于所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
6.根据权利要求5所述的页面刷新方法,其特征在于,所述按照所述区域刷新方式,基于所述区域缓存数据对所述目标区域进行刷新,得到第二页面的步骤包括:
当所述区域刷新方式为切换刷新方式时,监测所述第一页面中所述目标区域的显示状态;
当所述显示状态发生切换时,基于所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
7.根据权利要求5所述的页面刷新方法,其特征在于,所述按照所述区域刷新方式,基于所述区域缓存数据对所述目标区域进行刷新,得到第二页面的步骤包括:
当所述区域刷新方式为条件刷新方式时,获取所述区域缓存数据中的请求校验结果;
当所述请求校验结果符合预设的刷新条件时,基于所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
8.一种页面刷新装置,其特征在于,包括:
请求生成模块,用于获取用户在第一页面的目标区域内进行用户操作产生的操作数据,并根据所述操作数据生成区域更新请求,其中,所述区域更新请求包含请求类型标识;
第一刷新模块,用于当所述请求类型标识为单边类型标识时,根据所述操作数据对所述目标区域进行刷新,得到第二页面;
缓存接收模块,用于当所述请求类型标识为双边类型标识时,将所述区域更新请求发送至服务器,并接收所述服务器根据所述区域更新请求返回的区域缓存数据,其中,区域缓存数据对应于页面区域,所述目标区域为多个页面区域中的一个;
第二刷新模块,用于根据所述区域缓存数据对所述目标区域进行刷新,得到第二页面。
9.一种计算机设备,包括存储器和处理器,所述存储器中存储有计算机可读指令,所述处理器执行所述计算机可读指令时实现如权利要求1至7中任一项所述的页面刷新方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质上存储有计算机可读指令,所述计算机可读指令被处理器执行时实现如权利要求1至7中任一项所述的页面刷新方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211429894.7A CN115687826A (zh) | 2022-11-15 | 2022-11-15 | 页面刷新方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211429894.7A CN115687826A (zh) | 2022-11-15 | 2022-11-15 | 页面刷新方法、装置、计算机设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN115687826A true CN115687826A (zh) | 2023-02-03 |
Family
ID=85051737
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211429894.7A Pending CN115687826A (zh) | 2022-11-15 | 2022-11-15 | 页面刷新方法、装置、计算机设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN115687826A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115776516A (zh) * | 2023-02-13 | 2023-03-10 | 天翼云科技有限公司 | 页面刷新方法及其装置、电子设备 |
-
2022
- 2022-11-15 CN CN202211429894.7A patent/CN115687826A/zh active Pending
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115776516A (zh) * | 2023-02-13 | 2023-03-10 | 天翼云科技有限公司 | 页面刷新方法及其装置、电子设备 |
CN115776516B (zh) * | 2023-02-13 | 2023-04-14 | 天翼云科技有限公司 | 页面刷新方法及其装置、电子设备 |
WO2024169386A1 (zh) * | 2023-02-13 | 2024-08-22 | 天翼云科技有限公司 | 页面刷新方法及其装置、电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110266752B (zh) | 区块链信息推送方法、装置、计算机设备和存储介质 | |
CN112162965B (zh) | 一种日志数据处理的方法、装置、计算机设备及存储介质 | |
CN109522751B (zh) | 访问权限控制方法、装置、电子设备及计算机可读介质 | |
CN112182004B (zh) | 实时查看数据方法、装置、计算机设备及存储介质 | |
CN112380227A (zh) | 基于消息队列的数据同步方法、装置、设备及存储介质 | |
CN112184169A (zh) | 用户待办事项的动态规划方法、装置、设备及存储介质 | |
CN112632071A (zh) | 数据库主键id生成方法、装置、设备及存储介质 | |
CN112069384A (zh) | 一种埋点数据处理方法、服务器及可读存储介质 | |
CN115712422A (zh) | 表单页面的生成方法、装置、计算机设备及存储介质 | |
CN115687826A (zh) | 页面刷新方法、装置、计算机设备及存储介质 | |
CN113282591B (zh) | 权限过滤方法、装置、计算机设备及存储介质 | |
CN111797297B (zh) | 页面数据处理方法、装置、计算机设备及存储介质 | |
CN112685115A (zh) | 国际提示语生成方法、系统、计算机设备及存储介质 | |
CN117114618A (zh) | 待办项跟进方法、系统、计算机设备及存储介质 | |
CN114626352B (zh) | 报表自动化生成方法、装置、计算机设备及存储介质 | |
CN116661936A (zh) | 页面数据的处理方法、装置、计算机设备及存储介质 | |
CN116450723A (zh) | 数据提取方法、装置、计算机设备及存储介质 | |
CN110674426A (zh) | 网页行为上报方法和装置 | |
CN113268695B (zh) | 数据埋点处理方法、装置及相关设备 | |
CN112199350B (zh) | 基于数据筛选的功能验证方法、装置、计算机设备和介质 | |
CN114217899B (zh) | 数据持久化方法、装置、电子设备及存储介质 | |
CN116108814B (zh) | 甘特图处理方法、装置、计算机设备及存储介质 | |
US11929994B2 (en) | Web scraping prevention system | |
CN117251159A (zh) | 规则页面生成方法、装置、计算机设备及存储介质 | |
US20080114631A1 (en) | Service evaluation system, service evaluation method, recording medium storing service evaluation program |
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 |