CN114564662A - 页面引导方法、装置、电子设备、介质及产品 - Google Patents

Abstract

本公开涉及计算机技术领域，具体涉及一种页面引导方法、页面引导装置、电子设备介质以及计算机程序产品，上述方法包括：响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。通过本公开实施例的技术方案，可以解决现有技术中对开发引导时效率较低的问题。

Description

页面引导方法、装置、电子设备、介质及产品

技术领域

本公开涉及计算机技术领域，尤其涉及一种页面引导方法、页面引导装置、电子设备、计算机可读存储介质以及计算机程序产品。

背景技术

随着互联网的快速发展，各种各样的应用程序也不断被开发出来。用户在初次使用这些应用程序时，可能会对应用程序的使用方法或各模块的内容存在疑惑，此时，可以由应用程序的开发商提供应用程序使用引导，在用户初次使用前对相关功能进行介绍。针对应用程序中不同模块的使用引导，开发人员需要定制开发不同的使用引导。

然而，在相关技术中，需要对应用程序的不同模块发开使用引导，且随着应用程序的模块的功能不断迭代，更需要频繁上线使用引导，需要单独为这些使用引导编写引导代码，以便用户对新功能进行了解，需要耗费较大的人力物力，降低了应用程序的开发效率。

发明内容

本公开提供一种页面引导方法、页面引导装置、电子设备、计算机可读存储介质及计算机程序产品，以至少解决相关技术中开发引导时效率较低的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面引导方法，包括：响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

可选的，获取与页面对应的引导数据，包括：查找引导数据库是否具有页面对应的引导数据；在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据。

可选的，获取与页面对应的引导数据，包括：查找用户缓存数据库中是否具有引导数据对应的引导记录；在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。

可选的，在获取与页面对应的引导数据之后，方法还包括：将页面对应的至少一个引导节点以及引导节点对应的引导内容输入初始化数据队列。

可选的，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，包括：在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列；在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。

可选的，引导数据中包括多个引导节点，多个引导节点具有引导顺序，在图形用户界面中显示引导节点对应的引导内容，包括：根据引导顺序在图形用户界面中显示引导节点对应的引导内容。

可选的，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，包括：在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息对功能界面进行突出显示；根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置；在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。

可选的，在在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容之前，方法还包括：检测页面中与引导节点对应的功能界面是否渲染完成；在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态。

可选的，在引导节点对应的功能界面未渲染完成，监听引导节点对应的功能界面的渲染状态之后，方法还包括：在监听引导节点对应的功能界面的渲染状态的监听时间大于预设监听时间时，反馈异常信息。

根据本公开实施例的第二方面，提供一种页面引导装置，包括：引导数据获取单元，被配置为执行响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；引导内容显示单元，被配置为执行在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

可选的，获取与页面对应的引导数据，页面引导装置还包括：引导数据查找单元，被配置为执行查找引导数据库是否具有页面对应的引导数据；引导数据确定单元，被配置为执行在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据。

可选的，获取与页面对应的引导数据，页面引导装置还包括：引导记录查找单元，被配置为执行查找用户缓存数据库中是否具有引导数据对应的引导记录；引导记录确定单元，被配置为执行在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。

可选的，在获取与页面对应的引导数据之后，页面引导装置还包括：引导内容输入单元，被配置为执行将页面对应的至少一个引导节点以及引导节点对应的引导内容输入初始化数据队列。

可选的，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，页面引导装置还包括：引导数据队列输入单元，被配置为执行在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列；引导数据队列获取单元，被配置为执行在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。

可选的，引导数据中包括多个引导节点，多个引导节点具有引导顺序，在图形用户界面中显示引导节点对应的引导内容，页面引导装置还包括：引导顺序引导单元，被配置为执行根据引导顺序在图形用户界面中显示引导节点对应的引导内容。

可选的，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，页面引导装置还包括：第一突出显示单元，被配置为执行在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息对功能界面进行突出显示；显示位置确定单元，被配置为执行根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置；第二突出显示单元，被配置为执行在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。

可选的，在在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容之前，页面引导装置还包括：渲染检测单元，被配置为执行检测页面中与引导节点对应的功能界面是否渲染完成；渲染状态监听单元，被配置为执行在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态。

可选的，在引导节点对应的功能界面未渲染完成，监听引导节点对应的功能界面的渲染状态之后，页面引导装置还包括：

异常信息反馈单元，被配置为执行在监听引导节点对应的功能界面的渲染状态的监听时间大于预设监听时间时，反馈异常信息。

根据本公开实施例的第三方面，提供一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，处理器被配置为执行可执行指令，以实现如上述任一项的页面引导方法。

根据本公开实施例的第四方面，提供一种计算机可读存储介质，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如上述任一项的页面引导方法。

根据本公开实施例的第五方面，提供一种计算机程序产品，计算机程序/指令，其特征在于，计算机程序/指令被处理器执行时实现上述任一项的页面引导方法。

本公开的实施例提供的技术方案至少带来以下有益效果：

本公开的一种实施例提供的页面引导方法中，可以将应用程序中的功能界面对应的引导数据统一管理，在打开应用程序的页面时，直接获取提前配置好的引导数据，在引导数据对应的功能界面渲染完成之后，可以在图形用户界面中显示引导节点对应的引导内容。针对应用程序的不同模块的使用引导或迭代更新之后的模块的使用引导，不需要开发人员针对不同的功能界面编写引导代码，只需要提前配置好与该功能界面对应的引导数据即可，降低了开发使用引导的人力物力，进而提高了应用程序的开发效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。

图1是根据一示例性实施例示出的一种页面引导方法的流程图；

图2是根据一示例性实施例示出的一种在引导数据管理勾天中编辑引导数据的示意图；

图3是根据一示例性实施例示出的一种在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据的流程图；

图4是根据一示例性实施例示出的一种在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据的流程图；

图5是根据一示例性实施例示出的一种查找引导数据库是否具有页面对应的引导数据，在引导数据库具有页面对应的引导数据时，查找用户缓存数据库中是否具有引导数据对应的引导记录的流程图；

图6是根据一示例性实施例示出的一种在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容的流程图；

图7是根据一示例性实施例示出的一种在图形用户界面中显示引导节点对应的引导内容，根据功能界面对应的渲染信息对功能界面以及引导内容进行突出显示的流程图；

图8是根据一示例性实施例示出的一种显示引导的示意图；

图9是根据一示例性实施例示出的一种在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态的流程图；

图10是根据一示例性实施例示出的一种页面引导方法的示意图；

图11是根据一示例性实施例示出的一种页面引导装置的组成示意图；

图12是根据一示例性实施例示出了适于用来实现本公开示例性实施例的电子设备的结构示意图。

具体实施方式

为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。

需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

随着互联网的快速发展，各种各样的应用程序也不断被开发出来。用户在初次使用这些应用程序时，可能会对应用程序的使用方法或各模块的内容存在疑惑，此时，可以由应用程序的开发商提供应用程序使用引导，在用户初次使用前对相关功能进行介绍。针对应用程序中不同模块的使用引导，开发人员需要定制开发不同的使用引导。

然而，在相关技术中，需要对应用程序的不同模块发开使用引导，且随着应用程序的模块的功能不断迭代，更需要频繁上线使用引导，需要单独为这些使用引导编写引导代码，以便用户对新功能进行了解，需要耗费较大的人力物力，降低了应用程序的开发效率。

图1是根据一示例性实施例示出的一种页面引导方法的流程图，如图1所示，页面引导方法，包括以下步骤。

在步骤S110中，响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；

在步骤S120中，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

本公开的一种实施例提供的页面引导方法中，可以将应用程序中的功能界面对应的引导数据统一管理，在打开应用程序的页面时，直接获取提前配置好的引导数据，在引导数据对应的功能界面渲染完成之后，可以在图形用户界面中显示引导节点对应的引导内容。针对应用程序的不同模块的使用引导或迭代更新之后的模块的使用引导，不需要开发人员针对不同的功能界面编写引导代码，只需要提前配置好与该功能界面对应的引导数据即可，降低了开发使用引导的人力物力，进而提高了应用程序的开发效率。

下面，将结合图1及实施例对本示例性实施例中的页面引导方法的步骤S110～S120进行更详细的说明。

步骤S110，响应于针对页面的打开操作，获取与页面对应的引导数据；

在本公开的一种示例实施例中，可以响应于针对页面的打开操作，获取与页面对应的引导数据。具体的，页面是指应用程序中的页面。其中，应用程序是指为完成某项或多项特定工作的计算机程序，它运行在用户模式，可以和用户进行交互，具有可视的用户界面。举例而言，应用程序可以包括系统软件、应用软件、工程软件、嵌入式软件、产品线软件、移动应用程序软件等。需要说明的是，本公开对于应用程序的具体类型并不做特殊限定。

在本公开的一种示例实施例中，上述应用程序可以包括浏览器端的应用程序。

在本公开的一种示例实施例中，应用程序可以包括至少一个页面。其中，页面可以用于与用户进行交互。举例而言，某即时通信应用程序可以包括通信页面、用户页面、设置页面、文件页面、搜索页面等。需要说明的是，本公开对于页面的具体类型以及页面的具体数量并不做特殊限定。

在本公开的一种示例实施例中，可以响应于针对页面的打开操作，获取与页面对应的引导数据。具体的，针对页面的打开操作是指，在应用程序中打开该页面的操作。其中，其中，针对页面的打开操作可以包括按键操作、触控操作、语音控制等方式。其中，触控操作可以包括滑动触控操作、按压触控操作、手势触控操作、长按触控操作、点击触控操作、拖动触控操作等。需要说明的是，本公开对于针对页面的打开操作的具体形式并不做特殊限定。

举例而言，应用程序中包括通信页面、用户页面、设置页面、文件页面和搜索页面，通信页面、用户页面、设置页面、文件页面和搜索页面分别具有对应的标识，可以通过针对标识的触控操作打开该标识对应的页面。需要说明的是，本公开对于打开页面的方式并不做特殊限定。

在本公开的一种实施例中，在通过上述步骤接收到针对页面的打开操作之后，可以获取与页面对应的引导数据。其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容。具体的，页面对应的引导数据是指针对该页面的使用引导对应的引导数据，该引导数据可以包括至少一个引导节点以及引导节点对应的引导内容。具体的，在针对页面进行使用引导时，可以分为多个引导步骤，不同的引导步骤可以对应不同的引导节点，引导节点对应的引导内容是指针对该引导节点对应的引导步骤所进行的解释说明。需要说明的是，本公开对于引导节点的数量以及引导节点对应的引导内容并不做特殊限定。

举例而言，通信页面的引导步骤可以包括：步骤1，点击通信对象，步骤2，输入通信内容，步骤3，点击发送。即不同的引导步骤可以对应不同的引导节点，在上述举例中，步骤1对应一引导节点A，步骤2对应一引导节点B，步骤3对应一引导节点C，引导节点A对应的引导内容为“点击某个用户确定所要进行通信的对象”，引导节点B对应的引导内容为“在此处输入想要进行通信的内容”，引导节点C对应的引导内容为“点击发送将编辑好的通信内容发送至通信对象”。

在本公开的一种实施例中，在提前配置页面对应的引导数据时，可以在引导数据管理后台中进行配置。举例而言，引导数据管理后台中的页面对应的引导数据可以包括多种数据标签，例如，页面ID、引导标题、页面地址、创建人、创建时间、操作详情等。需要说明的是，本公开对于引导数据管理后台的具体形式并不做特殊限定。

在本公开的一种实施例中，可以在引导数据管理后台中，可以对页面对应的引导数据进行维护，例如可以对页面对应的引导数据进行查看、上传、编辑、删除等操作。需要说明的是，本公开对于在引导数据管理后台中对页面对应的引导数据进行维护的方式并不做特殊限定。

举例而言，如图2所示，引导数据管理后台中针对某个页面的引导数据可以包括三个步骤，步骤1对应一引导节点-#search-order，步骤2对应一引导节点-#activity-box，步骤3对应一引导节点-#record-box，引导节点-#search-order对应的引导内容为“一键搜索，资源位直达，开启精准定位”，引导节点-#activity-box对应的引导内容为“此处可获取精华资源包，点击立即开始矩阵式投放”，引导节点-#search-order对应的引导内容为“投放订单进行整合”。

步骤S120，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

在本公开的一种实施例中，在通过上述步骤获取页面对应的引导数据之后，可以检测页面中与引导节点对应的功能界面是否渲染完成。具体的，引导节点对应的功能界面是指，应用程序的页面中加载的与引导步骤对应的功能界面。

举例而言，应用程序中包括通信页面，通信页面对应的引导数据为：引导节点A-引导节点A对应的引导内容为“点击某个用户确定所要进行通信的对象”，引导节点B-引导节点B对应的引导内容为“在此处输入想要进行通信的内容”，引导节点C-引导节点C对应的引导内容为“点击发送将编辑好的通信内容发送至通信对象”，此时，引导节点A对应的功能界面可以为通信对象选择区域，引导节点B对应的功能界面可以为通信内容编辑区域，引导节点C对应的功能界面可以为发送选项。

需要说明的是，本公开对于引导节点对应的功能界面的具体形式并不做特殊限定。

进一步的，页面中可以加载多个功能界面，引导数据中的引导节点可以与该多个功能界面中的全部或部分对应。

举例而言，应用程序中包括通信页面，通信页面中包括多个功能界面：通信对象选择区域、通信内容编辑区域、发送选项和通信内容展示区域，通信页面对应的引导数据包括引导节点A-引导节点A对应的引导内容，引导节点B-引导节点B对应的引导内容，而引导节点A对应的功能界面为通信对象选择区域，引导节点B对应的功能界面为通信内容编辑区域，即引导数据中的引导节点可以与该4个功能界面中的部分对应。

在本公开的一种实施例中，在页面中与引导节点对应的功能界面渲染完成是指已经在页面中显示出引导节点对应的功能界面。获取到页面对应的引导数据之后，可以检测页面中与引导节点对应的功能界面是否已经渲染完成，在页面中与引导界面对应的功能界面渲染完成之后，可以在图形界面显示引导节点对应的引导内容，以对工鞥界面进行引导。

举例而言，引导节点A对应的功能界面为通信对象选择区域，引导节点A对应的引导内容为“点击某个用户确定所要进行通信的对象”，此时，可以在图形用户界面中显示“点击某个用户确定所要进行通信的对象”，以对引导节点A对应的功能界面进行引导。需要说明的是，本公开对于在图形用户界面中显示引导节点对应的引导内容的具体方式并不做特殊限定。

进一步的，引导数据中可以包括多个引导节点以及该些引导节点对应的引导内容，在进行引导时，可以同时在图形用户界面中显示所有引导节点对应的引导内容，或者，也可以根据引导节点的引导顺序在图形用户界面中显示引导节点对应的引导内容。

进一步的，在根据引导节点的引导顺序在图形用户界面中显示引导节点对应的引导内容，可以根据用户的操作确定是否要切换引导节点对应的引导内容，以便用户熟悉引导节点对应的引导内容。

举例而言，通信页面对应的引导数据包括引导节点A-引导节点A对应的引导内容，引导节点B-引导节点B对应的引导内容，引导节点C-引导节点C对应的引导内容，引导节点A对应的功能界面为通信对象选择区域，引导节点B对应的功能界面为通信内容编辑区域，引导节点C对应的功能界面为发送控件，引导节点的引导顺序引导节点B-引导节点A-引导节点C，此时可以先在图形用户界面中显示引导节点B对应的引导内容，并在图形用户界面中提供用于切换引导节点对应的引导内容的控件“上一步/下一步”，当接收到作用于“下一步”的操作时，可以在图形用户界面中显示引导节点A对应的引导内容，当又接收到作用于“下一步”的操作时，可以在图形用户界面中显示引导节点C对应的引导内容。需要说明的是，本公开对于根据用户的操作确定是否要切换引导节点对应的引导内容的具体方式并不做特殊限定。

在本公开的一种实施例中，可以查找引导数据库是否具有页面对应的引导数据，在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据。参照图3所示，在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据，可以包括以下步骤S310～S320：

步骤S310，查找引导数据库是否具有页面对应的引导数据；

步骤S320，在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据。

在本公开的一种实施例中，在接收到针对页面的打开操作之后，可以在引导数据库中查找是否具有该页面对应的引导数据。具体的，引导数据库是指用于存储应用程序的页面对应的引导数据的数据库。需要说明的是，本公开对于引导数据库的具体格式并不足特殊限定。在将应用程序的页面打开之后，可以先确定是否具有该页面对应的引导数据，在引导数据库中含有该页面对应的引导数据时，使用本公开的方案进行引导。

通过上述步骤S310～S320，可以查找引导数据库是否具有页面对应的引导数据，在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据。

在本公开的一种实施例中，可以查找用户缓存数据库中是否具有引导数据对应的引导记录，在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。参照图4所示，在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据，可以包括以下步骤S410～S420：

步骤S410，查找用户缓存数据库中是否具有引导数据对应的引导记录；

步骤S420，在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。

在本公开的一种实施例中，在通过上述步骤接收到针对页面的打开操作之后，可以在用户缓存数据库中查找是否具有引导数据对应的引导记录。具体的，用户缓存数据库是指用于存储用户已经使用过引导数据对应的引导记录的数据库。在用户缓存数据库中不具有引导数据对应的引导记录时，可以用于指示用户还未使用过该引导数据，即没有针对该页面对用于进行过引导，此时，可以获取该页面对应的引导数据，并执行本公开的方案以对该页面中涉及的功能界面进行引导。

需要说明的是，本公开对于用户缓存数据库的具体结构以及查找用户缓存数据库中是否具有引导数据对应的引导记录的具体方式并不做特殊限定。

通过上述步骤S410～S420，可以查找用户缓存数据库中是否具有引导数据对应的引导记录，在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。

在本公开的一种实施例中，在接收到针对页面的打开操作之后，可以先查找引导数据库是否具有页面对应的引导数据，在引导数据库具有页面对应的引导数据时，查找用户缓存数据库中是否具有引导数据对应的引导记录，在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。参照图5所示，可以包括以下步骤S501～S506：

步骤S501，接收针对页面的打开操作；步骤S502，查找引导数据库是否具有页面对应的引导数据；步骤S503，返回结果；步骤S504，查找用户缓存数据库中是否具有引导数据对应的引导记录；步骤S505，返回结果；步骤S506，在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。

在本公开的一种实施例中，可以将页面对应的至少一个引导节点以及引导节点对应的引导内容输入初始化数据队列。具体的，在通过上述步骤获取到页面对应的引导数据之后，可以将该引导数据中的导节点与引导节点对应的引导内容输入初始化数据队列，当页面中与引导节点对应的功能界面渲染完成之后，可以在初始化数据队列中获取引导节点以及引导节点对应的引导内容，可以根据引导节点以及引导节点在初始化数据队列中的顺序在图形用户界面中显示引导节点对应的引导内容。需要说明的是，本公开对于初始化数据队列的具体形式并不做特殊限定。

在本公开的一种实施例中，可以在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列，在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。参照图6所示，在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容，可以包括以下步骤S610～S620：

步骤S610，在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列；

步骤S620，在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。

在本公开的一种实施例中，在通过上述步骤将引导节点以及引导节点对应的引导内容输入初始化数据队列之后，可以在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列，并在引导数据队列中获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。具体的，在页面中与引导节点对应的功能界面渲染完成之后，表示可以对引导节点对应的功能界面进行引导，此时，可以将该引导节点以及引导节点对应的引导内容输入引导数据队列，在进行引导时，可以在引导数据队列获取引导节点以及引导节点对应的引导内容，并在图形用户界面中显示引导节点对应的引导内容。即，引导数据队列中的引导节点对应的功能界面已经渲染完成，此时可以对该功能页面进行引导。

举例而言，通信页面对应的引导数据包括引导节点A-引导节点A对应的引导内容，引导节点B-引导节点B对应的引导内容，引导节点C-引导节点C对应的引导内容，引导节点A对应的功能界面为通信对象选择区域，引导节点B对应的功能界面为通信内容编辑区域，引导节点C对应的功能界面为发送控件，可以先将引导节点A-引导节点A对应的引导内容、引导节点B-引导节点B对应的引导内容和引导节点C-引导节点C对应的引导内容输入初始化数据队列，当通信页面中的通信对象选择区域渲染完成后，可以在初始化数据队列获取引导节点A-引导节点A对应的引导内容输入引导数据队列，当通信页面中的通信内容编辑区域渲染完成后，在初始化数据队列获取引导节点B-引导节点B对应的引导内容输入引导数据队列，当通信页面中的发送控件渲染完成后，在初始化数据队列获取引导节点C-引导节点C对应的引导内容输入引导数据队列，此时引导数据队列中包括引导节点A-引导节点A对应的引导内容、引导节点B-引导节点B对应的引导内容和引导节点C-引导节点C对应的引导内容，且此时，通信对象选择区域、通信内容编辑区域、发送控件都已经渲染完成，具备了进行引导的条件，即可以在图形用户界面中显示引导节点A对应的引导内容、引导节点B对应的引导内容和引导节点C对应的引导内容。

需要说明的是，本公开对于引导数据队列的具体形式并不做特殊限定。

通过上述步骤S610～S620，可以在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列，在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。

在本公开的一种实施例中，可以根据引导顺序在图形用户界面中显示引导节点对应的引导内容。具体的，引导数据中包括多个引导节点，多个引导节点具有引导顺序。具体的，引导顺序用于指示在图形用户界面中显示各引导节点对应的引导内容的顺序，即在对页面进行引导时，需要按照引导顺序进行引导。具体的，在多个引导节点具有引导顺序时，初始化数据队列中的引导节点以及引导节点对应的引导内容也具有相同的引导顺序，且引导数据队列中的引导节点以及引导节点对应的引导内容也具有相同的引导顺序。在进行引导时，可以根据引导顺序依次展示引导数据队列中的引导节点对应的引导内容。

举例而言，引导数据队列中包括引导节点A-引导节点A对应的引导内容、引导节点B-引导节点B对应的引导内容和引导节点C-引导节点C对应的引导内容，且该些引导数据对应的引导顺序为：引导节点A-引导节点B-引导节点C，此时可以先在图形用户界面中显示引导节点A对应的引导内容，然后在图形用户界面中显示引导节点B对应的引导内容，然后在图形用户界面中显示引导节点C对应的引导内容。具体的，在显示完一个引导节点对应的引导内容之后，可以根据用户操作确定显示引导顺序中下一个引导节点对应的引导内容或显示引导顺序中上一个引导节点对应的引导内容。

在本公开的一种实施例中，可以在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息对功能界面进行突出显示，根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置，在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。参照图7所示，在图形用户界面中显示引导节点对应的引导内容，根据功能界面对应的渲染信息对功能界面以及引导内容进行突出显示，可以包括以下步骤S710～S720：

步骤S710，在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息对功能界面进行突出显示；

在本公开的一种实施例中，可以在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息。具体的，功能界面对应的渲染信息可以用于指示功能界面在页面中的位置信息、形状信息等。需要说明的是，本公开对于功能界面对应的渲染信息的具体内容并不做特殊限定。

步骤S720，根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置；

步骤S730，在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。

在本公开的一种实施例中，在通过上述步骤获取功能界面对应的渲染信息之后，可以在图形用户界面中显示引导节点对应的引导内容，并根据功能界面对应的渲染信息对工鞥界面以及引导内容进行突出显示。具体的，可以根据功能界面对应的渲染信息确定功能界面在页面中的位置、形状等信息，可以根据功能界面在页面中的位置、形状等信息对功能界面进行突出显示，在确定功能界面的渲染信息之后，可以根据该渲染信息确定引导内容的显示区域，并对该显示区域进行突出显示。具体而言，突出显示可以包括高亮突出显示等方式。需要说明的是，本公开对于突出显示的具体方式并不做特殊限定。

举例而言，在对功能界面进行突出显示时，可以创建一个位于最上层的图层1，根据功能界面的渲染信息确定突出显示区域，将该图层1上除突出显示区域之外的区域做阴影处理，此时可以实现对功能界面进行突出显示的效果，在对显示区域进行突出显示时，可以再创建一个更上层的图层2，此时，由于该图层2位于最上层，此时也可以达到突出显示的效果。

举例而言，如图8所示，在引导节点对应的功能界面渲染完成之后，获取到的功能界面对应的渲染信息为位置P1，形状为长100单位、宽30单位的长方形，此时可以对该区域进行突出显示，将该区域的下方确定为引导节点对应的引导内容在图形用户界面中的显示位置P2，在显示位置显示引导节点对应的引导内容(点击此数打开流量中台以了解流量状态)，对显示位置进行突出显示，此外，可以在显示位置处显示用于切换引导节点对应的引导内容的控件“上一步/下一步”，以及用于退出引导的控件“退出引导”。

通过上述步骤S710～S730，可以在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息对功能界面进行突出显示，根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置，在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。

在本公开的一种实施例中，可以将引导节点以及引导节点对应的引导内容输入初始化数据队列，在引导节点对应的功能界面渲染完成之后，可以获取功能界面对应的渲染信息，将该功能界面对应的渲染信息与引导节点以及引导节点对应的引导内容同时输入引导数据队列，可以根据功能界面对应的渲染信息对功能界面进行突出显示，并根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置，在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。

在本公开的一种实施例中，可以检测页面中与引导节点对应的功能界面是否渲染完成，在引导节点对应的功能界面未渲染完成，监听引导节点对应的功能界面的渲染状态。参照图9所示，在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态，可以包括以下步骤S910～S920：

步骤S910，检测页面中与引导节点对应的功能界面是否渲染完成；

步骤S920，在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态。

在本公开的一种实施例中，可以检测页面中与引导节点对应的功能界面是否渲染完成，在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态。具体的，只有在引导节点对应的功能界面渲染完成之后，才可以对该功能界面进行引导，当引导节点对应的功能界面未渲染完成时，表示当前还不能对该功能界面进行引导，此时需要对页面进行监听，以了解引导节点对应的功能界面是否渲染完成。举例而言，可以采用MutationObserver(变动观察器)监听引导节点对应的功能是否渲染完成。

需要说明的是，本公开对于监听引导节点对应的功能界面的渲染状态的具体方式并不做特殊限定。

通过上述步骤S910～S920，可以检测页面中与引导节点对应的功能界面是否渲染完成，在引导节点对应的功能界面未渲染完成，监听引导节点对应的功能界面的渲染状态。

在本公开的一种实施例中，在引导节点对应的功能界面未渲染完成，监听引导节点对应的功能界面的渲染状态之后，可以在监听引导节点对应的功能界面的渲染状态的监听时间大于预设监听时间时，反馈异常信息。具体的，在通过上述步骤对引导节点对应的功能界面的渲染状态进行监听时，可以设置预设监听时间，当监听时间大于预设监听时间时，表示当前页面中的功能页面渲染出现异常或未能正确加载引导数据等。此时可以针对异常情况反馈异常信息。

在本公开的一种实施例中，如图10所示，可以将引导节点以及引导节点对应的引导内容输入初始化数据队列(#search-order-引导内容1、#activity-box-引导内容2、#record-box-引导内容3)，检测页面中与引导节点对应的功能界面是否渲染完成，在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息与引导节点以及引导节点对应的引导内容创建引导节点实例，并节点引导实例输入引导数据队列；在引导节点对应的功能界面未渲染完成时，通过MutationObserver监听引导节点对应的功能界面的渲染状态，在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息与引导节点以及引导节点对应的引导内容同时创建引导节点实例，并通过setInterval定时器检测引导节点对应的功能界面的渲染状态的监听时间是否大于预设监听时间，若监听时间大于预设监听时间，则反馈异常信息，并在图形用户界面中显示引导节点对应的引导内容。

本公开的一种实施例提供的页面引导方法中，可以将应用程序中的功能界面对应的引导数据统一管理，在打开应用程序的页面时，直接获取提前配置好的引导数据，在引导数据对应的功能界面渲染完成之后，可以在图形用户界面中显示引导节点对应的引导内容。针对应用程序的不同模块的使用引导或迭代更新之后的模块的使用引导，不需要开发人员针对不同的功能界面编写引导代码，只需要提前配置好与该功能界面对应的引导数据即可，降低了开发使用引导的人力物力，进而提高了应用程序的开发效率。

图11是根据一示例性实施例示出的一种页面引导装置框图。参照图11，该页面引导装置1100包括引导数据获取单元1110和引导内容显示单元1120。

其中，引导数据获取单元，被配置为执行响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；引导内容显示单元，被配置为执行在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

在本公开的一种示例性实施例中，基于前述方案，获取与页面对应的引导数据，页面引导装置还包括：引导数据查找单元，被配置为执行查找引导数据库是否具有页面对应的引导数据；引导数据确定单元，被配置为执行在引导数据库具有页面对应的引导数据时，在引导数据库获取页面对应的引导数据。

在本公开的一种示例性实施例中，基于前述方案，获取与页面对应的引导数据，页面引导装置还包括：引导记录查找单元，被配置为执行查找用户缓存数据库中是否具有引导数据对应的引导记录；引导记录确定单元，被配置为执行在用户缓存数据库中不具有引导数据对应的引导记录时，在引导数据库获取页面对应的引导数据。

在本公开的一种示例性实施例中，基于前述方案，在获取与页面对应的引导数据之后，页面引导装置还包括：引导内容输入单元，被配置为执行将页面对应的至少一个引导节点以及引导节点对应的引导内容输入初始化数据队列。

在本公开的一种示例性实施例中，基于前述方案，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，页面引导装置还包括：引导数据队列输入单元，被配置为执行在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列；引导数据队列获取单元，被配置为执行在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。

在本公开的一种示例性实施例中，基于前述方案，引导数据中包括多个引导节点，多个引导节点具有引导顺序，在图形用户界面中显示引导节点对应的引导内容，页面引导装置还包括：引导顺序引导单元，被配置为执行根据引导顺序在图形用户界面中显示引导节点对应的引导内容。

在本公开的一种示例性实施例中，基于前述方案，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，页面引导装置还包括：第一突出显示单元，被配置为执行在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息对功能界面进行突出显示；显示位置确定单元，被配置为执行根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置；第二突出显示单元，被配置为执行在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。

在本公开的一种示例性实施例中，基于前述方案，在在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容之前，页面引导装置还包括：渲染检测单元，被配置为执行检测页面中与引导节点对应的功能界面是否渲染完成；渲染状态监听单元，被配置为执行在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态。

在本公开的一种示例性实施例中，基于前述方案，在引导节点对应的功能界面未渲染完成，监听引导节点对应的功能界面的渲染状态之后，页面引导装置还包括：异常信息反馈单元，被配置为执行在监听引导节点对应的功能界面的渲染状态的监听时间大于预设监听时间时，反馈异常信息。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

下面参照图12来描述根据本公开的这种实施例的电子设备1200。图12显示的电子设备1200仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图12所示，电子设备1200以通用计算设备的形式表现。电子设备1200的组件可以包括但不限于：上述至少一个处理单元1210、上述至少一个存储单元1220、连接不同系统组件(包括存储单元1220和处理单元1210)的总线1230、显示单元1240。

其中，存储单元存储有程序代码，程序代码可以被处理单元1210执行，使得处理单元1210执行本说明书上述“示例性方法”部分中描述的根据本公开各种示例性实施例的步骤。例如，处理单元1210可以执行如图1中所示的步骤S110，响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；步骤S120，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

存储单元1220可以包括易失性存储单元形式的可读介质，例如随机存取存储单元(RAM)1221和/或高速缓存存储单元1222，还可以进一步包括只读存储单元(ROM)1223。

存储单元1220还可以包括具有一组(至少一个)程序模块1225的程序/实用工具1224，这样的程序模块1225包括但不限于：操作系统、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。

总线1230可以为表示几类总线结构中的一种或多种，包括存储单元总线或者存储单元控制器、外围总线、图形加速端口、处理单元或者使用多种总线结构中的任意总线结构的局域总线。

电子设备1200也可以与一个或多个外部设备1270(例如键盘、指向设备、蓝牙设备等)通信，还可与一个或者多个使得用户能与该电子设备1200交互的设备通信，和/或与使得该电子设备1200能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口1250进行。并且，电子设备1200还可以通过网络适配器1260与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图所示，网络适配器1260通过总线1230与电子设备1200的其它模块通信。应当明白，尽管图中未示出，可以结合电子设备1200使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储系统等。

通过以上的实施例的描述，本领域的技术人员易于理解，这里描述的示例实施例可以通过软件实现，也可以通过软件结合必要的硬件的方式来实现。因此，根据本公开实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质(可以是CD-ROM，U盘，移动硬盘等)中或网络上，包括若干指令以使得一台计算设备(可以是个人计算机、服务器、终端装置、或者网络设备等)执行根据本公开实施例的方法。

在示例性实施例中，还提供了一种包括指令的计算机可读存储介质，例如包括指令的存储器，上述指令可由装置的处理器执行以完成上述方法。可选地，计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

在示例性实施例中，还提供一种计算机程序产品，包括计算机程序/指令，计算机程序/指令被处理器执行时实现上述实施例中的页面引导方法。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (10)

1.一种页面引导方法，其特征在于，包括：

响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；

在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

2.根据权利要求1的页面引导方法，其特征在于，在获取与页面对应的引导数据之后，方法还包括：

将页面对应的至少一个引导节点以及引导节点对应的引导内容输入初始化数据队列。

3.根据权利要求2的页面引导方法，其特征在于，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，包括：

在页面中与引导节点对应的功能界面渲染完成之后，在初始化数据队列获取引导节点以及引导节点对应的引导内容，将引导节点以及引导节点对应的引导内容输入引导数据队列；

在引导数据队列获取引导节点以及引导节点对应的引导内容，在图形用户界面中显示引导节点对应的引导内容。

4.根据权利要求3的页面引导方法，其特征在于，引导数据中包括多个引导节点，多个引导节点具有引导顺序，在图形用户界面中显示引导节点对应的引导内容，包括：

根据引导顺序在图形用户界面中显示引导节点对应的引导内容。

5.根据权利要求1的页面引导方法，其特征在于，在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，包括：

在引导节点对应的功能界面渲染完成之后，获取功能界面对应的渲染信息，根据功能界面对应的渲染信息对功能界面进行突出显示；

根据渲染信息确定引导节点对应的引导内容在图形用户界面中的显示位置；

在显示位置显示引导节点对应的引导内容，对显示位置进行突出显示。

6.根据权利要求1的页面引导方法，其特征在于，在在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容之前，方法还包括：

检测页面中与引导节点对应的功能界面是否渲染完成；

在引导节点对应的功能界面未渲染完成时，监听引导节点对应的功能界面的渲染状态。

7.一种页面引导装置，其特征在于，包括：

引导数据获取单元，被配置为执行响应于针对页面的打开操作，获取与页面对应的引导数据；其中，引导数据包括至少一个引导节点以及引导节点对应的引导内容；

引导内容显示单元，被配置为执行在页面中与引导节点对应的功能界面渲染完成之后，在图形用户界面中显示引导节点对应的引导内容，以对功能界面进行引导。

8.一种电子设备，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，处理器被配置为执行可执行指令，以实现如权利要求1至6中任一项的页面引导方法。

9.一种计算机可读存储介质，当计算机可读存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至6中任一项的页面引导方法。

10.一种计算机程序产品，包括计算机程序/指令，其特征在于，计算机程序/指令被处理器执行时实现权利要求1至6任一项的页面引导方法。

Images