视图显示方法、装置、电子设备及存储介质制造方法及图纸

本公开公开了一种视图显示方法、装置、电子设备及存储介质，该方法包括：当检测到触发已订阅目标组件时，调用预先封装的资源定位符标记方法标记与已订阅目标组件对应的目标资源定位符；当监听到目标资源定位符中的目标查询参数变化时，调用与目标查询参数相匹配的回调函数；基于回调函数和目标查询参数，确定与目标资源定位符相对应的目标视图，并将目标视图发送至客户端，以使客户端显示目标视图。本公开实施例的技术方案，解决了现有技术中存在显示的视图与触发操作对应的视图不一致，从而引起用户体验较差的问题，实现了根据监听变化的URL更新视图时，展示的视图和触发操作对应的视图是相匹配，从而提高用户体验的技术效果。果。果。

【技术实现步骤摘要】
视图显示方法、装置、电子设备及存储介质


[0001]本公开实施例涉及计算机，尤其涉及一种视图显示方法、装置、电子设备及存储介质。

技术介绍

[0002]目前，在浏览器中通常根据URL(Uniform Resource Locator，通用资源定位符)来进行页面的定位。
[0003]在基于浏览器浏览各页面时，浏览器中的历史对象提供了相应的API(Application Programming Interface，应用程序接口)来记录新增加的URL和替换已更新的URL。
[0004]但是，在用户首次与页面中的相应组件发生交互的情况下，可以更新该组件所对应的维护状态，并将维护状态的参数更新到URL中，如参见图1，当用户交互导致图视图变更时，可以更新组件状态，并依据组件状态更新视图和视图对应的URL。当用户再次触发该组件下所对应的交互行为时，组件的维护状态可能不再发生变化，相应的，URL也不再发生变化，导致触发前进或后退按键后，无法显示或隐藏相应的内容的问题，从而引起触发操作与渲染出的视图不一致的情况。

技术实现思路

[0005]本公开提供一种视图显示方法、装置、电子设备及存储介质，以实现基于URL参数驱动视图展示，从而实现展示的视图与用户的触发操作相一致的技术效果。
[0006]第一方面，本公开实施例提供了一种视图显示方法，该方法包括：
[0007]当检测到触发已订阅目标组件中的操作控件时，调用预先封装的资源定位符标记方法标记与所述操作控件对应的目标资源定位符；
[0008]当监听到所述目标资源定位符中的目标查询参数变化时，调用与所述目标查询参数相匹配的回调函数；
[0009]基于所述回调函数和所述目标查询参数，确定与所述目标资源定位符相对应的目标视图，并将所述目标视图发送至客户端，以使所述客户端显示所述目标视图。
[0010]第二方面，本公开实施例还提供了一种视图显示装置，该装置包括：
[0011]资源定位符记录模块，用于当检测到触发已订阅目标组件中的操作控件时，调用预先封装的资源定位符标记方法标记与所述操作控件对应的目标资源定位符；
[0012]回调函数调用模块，用于当监听到所述目标资源定位符中的目标查询参数变化时，调用与所述目标查询参数相匹配的回调函数；
[0013]目标视图展示模块，用于基于所述回调函数和所述目标查询参数，确定与所述目标资源定位符相对应的目标视图，并将所述目标视图发送至客户端，以使所述客户端显示所述目标视图。
[0014]第三方面，本公开实施例还提供了一种电子设备，所述电子设备包括：
[0015]一个或多个处理器；
[0016]存储装置，用于存储一个或多个程序，
[0017]当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例所述的视图显示方法。
[0018]第四方面，本公开实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行如本公开实施例所述的视图显示方法。
[0019]本公开实施例的技术方案，通过对URL进行监听，可以确定URL中的查询参数，并将查询参数输入至相应的回调函数中，得到与更新的URL相应的目标视图，实现了根据URL中的参数显示相应的视图，解决了现有技术中根据组件状态的变化更新URL时，组件的维护状态处于未更新状态，导致显示的视图与触发操作对应的视图不一致，从而引起用户体验较差的问题，实现了根据监听变化的URL更新视图时，展示的视图和触发操作对应的视图是相匹配，从而提高用户体验的技术效果。
附图说明
[0020]结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
[0021]图1为现有技术所提供的显示视图的流程示意图；
[0022]图2为本公开实施例一所提供的一种视图显示方法的流程示意图；
[0023]图3为本公开实施例一所提供的一种界面示意图；
[0024]图4为本公开实施例二所提供的一种视图显示方法的流程示意图；
[0025]图5为本公开实施例三中的一种视图显示装置的结构示意图；
[0026]图6为本公开实施例四所提供的一种电子设备结构示意图。
具体实施方式
[0027]下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
[0028]应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
[0029]本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
[0030]需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0031]需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
[0032]本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
[0033]实施例一
[0034]图2为本公开实施例一所提供的一种视图显示方法流程示意图，本公开实施例适用于单页面应用中，根据URL中的参数驱动视图显示的情形，该方法可以由视图显示装置来执行，该装置可以通过软件和/或硬件的形式实现，该硬件可以是电子设备，该电子设备可以是移动终端或PC端等。
[0035]如图2所示，所述方法包括：
[0036]S110、当检测到触发已订阅目标组件中的操作控件时，调用预先封装的资源定位符标记方法标记与所述操作控件对应的目标资源定位符。
[0037]需要说明的是，在单应用的页面中，若存在用户交互行为时，可以记录交互行为所对应的URL。一个页面中可以包括多个控件，可以将多个控件作为一个组件。用户可以触发显示页面中的各个组件。可以将预先确定的待监控组件作为已订阅组件，即触发一个组件后，可以触发该组件下的多个操作控件，并可以展示相应视图的组件作为待监控组件，当然，用户也可以根据本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种视图显示方法，其特征在于，包括：当检测到触发已订阅目标组件中的操作控件时，调用预先封装的资源定位符标记方法标记与所述操作控件对应的目标资源定位符；当监听到所述目标资源定位符中的目标查询参数变化时，调用与所述目标查询参数相匹配的回调函数；基于所述回调函数和所述目标查询参数，确定与所述目标资源定位符相对应的目标视图，并将所述目标视图发送至客户端，以使所述客户端显示所述目标视图。2.根据权利要求1所述的方法，其特征在于，所述资源定位符标记方法包括资源定位记录方法和资源定位更新方法，所述当检测到触发已订阅目标组件中的操作控件时，调用预先封装的资源定位符标记方法标记与所述操作控件对应的目标资源定位符，包括：当检测到触发已订阅目标组件时，基于资源定位符记录方法记录与所述已订阅目标组件对应的第一资源定位符，并基于资源定位符更新方法更新所述第一资源定位符；当检测到触发已订阅目标组件中的操作控件时，调用预先封装的资源定位符标记方法，更新并记录与所述操作控件对应的目标资源定位符。3.根据权利要求2所述的方法，其特征在于，所述当监听到所述目标资源定位符中的目标查询参数变化时，调用与所述目标查询参数相匹配的回调函数，包括：基于预先设置的监听组件，监听所述目标资源定位符中的目标查询参数与所述第一资源定位符中的历史查询参数是否一致；所述监听组件用于监听更新记录的资源定位符；若否，则调用与所述目标查询参数所匹配的回调函数。4.根据权利要求1所述的方法，其特征在于，所述基于所述回调函数和所述目标查询参数，确定与所述目标资源定位符相对应的目标视图，包括：基于所述回调函数对所述目标查询参数进行处理，确定与所述目标资源定位相对应的待渲染视图；通过对所述待渲染视图进行渲染处理，得到所述目标视图。5.根据权利要求1所述的方法，其特征在于，所述方法还包括：将所述目标视图的前一视图所对应的监听控件删...

【专利技术属性】
技术研发人员：蒋国西，
申请(专利权)人：北京字跳网络技术有限公司，
类型：发明
国别省市：