CN113867721A - 页面引导生成方法、装置、设备及存储介质 - Google Patents

Abstract

本公开关于一种页面引导生成方法、装置、设备及存储介质。该方法包括：获取待配置引导功能的页面并展示在可操作界面的第一区域；当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素；从所述可操作界面上的第二区域展示的输入控件中，获取所述被选中的元素对应的引导组件的属性信息，所述引导组件用于展示所述被选中的元素的引导步骤，所述属性信息包含有用于渲染所述引导组件的内容；基于所述属性信息，生成配置文件，所述配置文件用于在访问所述页面时生成所述页面的引导功能。如此，可以快速实现页面的引导功能。

Description

页面引导生成方法、装置、设备及存储介质

技术领域

本公开涉及计算机领域，尤其涉及一种页面引导生成方法、装置、设备及存储介质。

背景技术

目前，在应用发布新版本、有新功能上线、或是现有功能更新的情景下，都需要有一定的新手引导，也即页面的引导功能。引导功能就是为了引导用户更快速的了解并使用当前应用，在用户遇到障碍之前给予及时的帮助。

相关技术中，为实现引导功能，由产品经理(PM，Project Management)对引导功能提出需求，并进行需求评审后，由前端的开发人员开始开发、测试。每次需求的变更、布局元素的变化后，都需要依赖于前端的开发人员重新开发，增加了前端的开发人员的投入，导致开发效率降低。

为提高效率，相关技术中，可以引入开源的引导软件开发工具包(SDK，SoftwareDevelopment Kit)，引导SDK是指在开发应用的项目中使用第三方提供的实现引导功能的组件，通过修改暴露出来的API方法，以满足需求。前端的开发人员接到需求后，在引导SDK的基础上，根据需求进行二次修改。这虽然可以节省一部分开发时间，但是当需求发生变化时，仍然需要前端的开发人员在引导SDK的基础上，重新进行二次修改，以满足当前需求，导致引导功能的开发效率仍然较低。

发明内容

本公开提供一种页面引导生成方法、装置、设备及存储介质，以至少解决相关技术中页面的引导功能开发效率低的问题。本公开的技术方案如下：

根据本公开实施例的第一方面，提供一种页面引导生成方法，包括：

获取待配置引导功能的页面并展示在可操作界面的第一区域；

当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素；

从所述可操作界面上的第二区域展示的输入控件中，获取所述被选中的元素对应的引导组件的属性信息，所述引导组件用于展示所述被选中的元素的引导步骤，所述属性信息包含有用于渲染所述引导组件的内容；

基于所述属性信息，生成配置文件，所述配置文件用于在访问所述页面时生成所述页面的引导功能。

在一种可能的实施方式中，在所述获取待配置引导功能的页面并展示在可操作界面的第一区域步骤之前，所述方法还包括：

获取所述可操作界面上输入的用于搜索页面的关键字；

基于所述关键字，从已注册的页面的信息中，查找与所述关键字匹配的页面的信息，所述页面的信息中至少包含所述页面的名称和地址；

在所述可操作界面上展示所述页面的名称；

响应于针对所述页面的名称的选中操作，从所述页面的信息中获取所述页面的地址；

所述获取待配置引导功能的页面步骤，包括：

基于所述页面的地址获取所述待配置引导功能的页面。

在一种可能的实施方式中，所述页面的信息中还包括表征所述配置文件是否上线的状态信息；

所述方法还包括：

在所述可操作界面上展示所述状态信息。

在一种可能的实施方式中，在所述当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素步骤之前，所述方法还包括：

获取所述输入控件上输入的引导功能的触发方式，所述引导功能的触发方式为初次访问所述页面时触发或者初次点击所述被选中的元素时触发；

所述当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素步骤，包括：

在输入的所述引导功能的触发方式下，当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素。

在一种可能的实施方式中，所述当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素步骤包括：

响应于所述输入控件上输入的新增引导步骤的操作，当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素。

在一种可能的实施方式中，还包括：

获取预先构建的圈选组件，所述圈选组件用于覆盖鼠标当前所指向的所述页面的元素；

检测所述鼠标当前所指向的所述页面的元素；

将所述圈选组件展示在所述鼠标当前所指向的所述页面的元素的位置；

当检测到所述圈选组件被点击时，确定检测到所述圈选组件所覆盖的所述页面的元素被选中。

在一种可能的实施方式中，所述属性信息包括公共信息，和/或，步骤信息；

所述公共信息包括以下至少一种：所述引导组件中是否显示步数、所述引导组件是否自动消失、输入跳过操作的响应方式、输入下一步操作的响应方式、输入完成操作的响应方式；

所述步骤信息包括以下至少一种：所述被选中的元素的名称、引导步骤的编号、引导类型、引导标题、引导说明、引导展示方向；

其中，所述引导类型用于表征所述被选中的元素所链接的内容的类型。

在一种可能的实施方式中，还包括：

响应于所述输入控件上输入的预览操作，对所述属性信息进行预览。

在一种可能的实施方式中，还包括：

响应于所述可操作界面上输入的上线操作，对所述配置文件上线。

根据本公开实施例的第二方面，提供一种页面引导生成装置，包括：

第一获取单元，被配置为执行获取待配置引导功能的页面并展示在可操作界面的第一区域；

确定单元，被配置为执行当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素；

第二获取单元，被配置为执行从所述可操作界面上的第二区域展示的输入控件中，获取所述被选中的元素对应的引导组件的属性信息，所述引导组件用于展示所述被选中的元素的引导步骤，所述属性信息包含有用于渲染所述引导组件的内容；

生成单元，被配置为执行基于所述属性信息，生成配置文件，所述配置文件用于在访问所述页面时生成所述页面的引导功能。

在一种可能的实施方式中，所述装置还包括：

第三获取单元，被配置为执行在所述获取待配置引导功能的页面并展示在可操作界面的第一区域步骤之前，获取所述可操作界面上输入的用于搜索页面的关键字；基于所述关键字，从已注册的页面的信息中，查找与所述关键字匹配的页面的信息，所述页面的信息中至少包含所述页面的名称和地址；在所述可操作界面上展示所述页面的名称；响应于针对所述页面的名称的选中操作，从所述页面的信息中获取所述页面的地址；

所述第一获取单元，具体被配置为执行基于所述页面的地址获取所述待配置引导功能的页面。

在一种可能的实施方式中，所述页面的信息中还包括表征所述配置文件是否上线的状态信息；

所述装置还包括：

展示单元，被配置为执行在所述可操作界面上展示所述状态信息。

在一种可能的实施方式中，所述装置还包括：

第四获取单元，被配置为执行在所述当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素步骤之前，获取所述输入控件上输入的引导功能的触发方式，所述引导功能的触发方式为初次访问所述页面时触发或者初次点击所述被选中的元素时触发；

所述确定单元，具体被配置为执行在输入的所述引导功能的触发方式下，当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素。

在一种可能的实施方式中，所述确定单元，具体被配置为执行响应于所述输入控件上输入的新增引导步骤的操作，当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素。

在一种可能的实施方式中，所述确定单元，具体被配置为执行获取预先构建的圈选组件，所述圈选组件用于覆盖鼠标当前所指向的所述页面的元素；检测所述鼠标当前所指向的所述页面的元素；将所述圈选组件展示在所述鼠标当前所指向的所述页面的元素的位置；当检测到所述圈选组件被点击时，确定检测到所述圈选组件所覆盖的所述页面的元素被选中。

在一种可能的实施方式中，所述属性信息包括公共信息，和/或，步骤信息；

所述公共信息包括以下至少一种：所述引导组件中是否显示步数、所述引导组件是否自动消失、输入跳过操作的响应方式、输入下一步操作的响应方式、输入完成操作的响应方式；

所述步骤信息包括以下至少一种：所述被选中的元素的名称、引导步骤的编号、引导类型、引导标题、引导说明、引导展示方向；

其中，所述引导类型用于表征所述被选中的元素所链接的内容的类型。

在一种可能的实施方式中，还包括：

预览单元，被配置为执行响响应于所述输入控件上输入的预览操作，对所述属性信息进行预览。

在一种可能的实施方式中，还包括：

上线单元，被配置为执行响应于所述可操作界面上输入的上线操作，对所述配置文件上线。

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

处理器；

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

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

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

根据本公开实施例的第五方面，提供一种计算机程序产品，所述计算机程序产品中包括指令，所述指令被电子设备的处理器执行时，使得所述电子设备能够执行如第一方面任一的页面引导生成方法。

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

在可操作界面上的第一区域直接展示待配置引导功能的页面，并在检测到页面的元素被选中时，确定该被选中的元素为需要添加引导步骤的元素，然后，从可操作界面上的第二区域展示的输入控件中，获取被选中的元素对应的引导组件的属性信息，其中的引导组件用于展示被选中的元素对应的引导步骤，而属性信息中则包含有用于渲染引导组件的内容，因此，可以基于属性信息，生成配置文件，以在后续访问页面时，基于配置文件在访问页面时生成页面的引导功能。该方案中，通过在可操作界面上的简单操作，就可以生成用于在访问页面时生成引导功能的配置文件，从而实现页面的引导功能，因此，减少了前端的开发人员的投入，提高了引导功能的开发效率，与相关技术中的方式相比，引导功能的实现更加简单、快速，节省了开发成本和沟通成本，也加速了引导功能的迭代周期。

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

附图说明

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

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

图2是根据一示例性实施例示出的一种可操作界面的示意图。

图3是根据一示例性实施例示出的一种可操作界面的示意图。

图4是根据一示例性实施例示出的一种可操作界面的示意图。

图5是根据一示例性实施例示出的一种可操作界面的示意图。

图6是根据一示例性实施例示出的一种可操作界面的示意图。

图7是根据一示例性实施例示出的一种可操作界面的示意图。

图8是根据一示例性实施例示出的一种页面引导生成装置的框图。

图9是根据一示例性实施例示出的一种装置的框图。

具体实施方式

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

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

图1是根据一示例性实施例示出的一种页面引导生成方法的流程图，如图1所示，该页面引导生成方法用于计算机、笔记本等电子设备中，包括以下步骤。

在步骤S11中，获取待配置引导功能的页面并展示在可操作界面的第一区域。

示例性的，如图2所示的用于引导配置(即引导功能的配置)的可操作界面200，在该可操作界面的左侧的大虚线框区域，即第一区域201，展示有获取的页面。

在步骤S12中，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素。

这里，被选中的元素添加的引导步骤用于引导用户了解并使用能够实现的功能。

实际应用中，有的页面可能需要一个引导步骤就可以完成引导，有的页面可能需要多个步骤才可以完成引导，基于此，最终，被选中的元素，可以有一个，也可以有多个。

在步骤S13中，从可操作界面上的第二区域展示的输入控件中，获取被选中的元素对应的引导组件的属性信息，引导组件用于展示被选中的元素的引导步骤，属性信息包含有用于渲染引导组件的内容。

实际应用中，可以预先构建引导组件，该引导组件中包含引导组件的公共代码。被选中的元素对应的引导组件的属性信息中包含有用于渲染引导组件的内容，当该引导组件中输入被选中的元素对应的属性信息之后，可以渲染成为与被选中的元素对应的引导组件，用于展示被选中的元素的引导步骤。

示例性的，可操作界面200还可以包括第二区域202，该第二区域为管理区域，可以对第一区域的页面进行引导功能的配置。第二区域202展示有输入控件，可以输入被选中的元素对应的引导组件的属性信息。

在步骤S14中，基于属性信息，生成配置文件，配置文件用于在访问页面时生成页面的引导功能。

本实施例中，在可操作界面上的第一区域直接展示待配置引导功能的页面，并在检测到页面的元素被选中时，确定该被选中的元素为需要添加引导步骤的元素，然后，从可操作界面上的第二区域展示的输入控件中，获取被选中的元素对应的引导组件的属性信息，其中的引导组件用于展示被选中的元素对应的引导步骤，而属性信息中则包含有用于渲染引导组件的内容，因此，可以基于属性信息，生成配置文件，以在后续访问页面时，基于配置文件在访问页面时生成页面的引导功能。该方案中，通过在可操作界面上的简单操作，就可以生成用于在访问页面时生成引导功能的配置文件，从而实现页面的引导功能，因此，减少了前端的开发人员的投入，提高了引导功能的开发效率，与相关技术中的方式相比，引导功能的实现更加简单、快速，节省了开发成本和沟通成本，也加速了引导功能的迭代周期。

实际应用中，不论是PM，还是前端的开发人员，均可通过本方案进行配置，得到上述配置文件，从而实现引导功能的开发。对PM来说，当需求发生变化时，可自行修改，更新上述配置文件，这样节省了和开发人员沟通成本，提高了处理效果。

在示例性实施例中，在当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素步骤之前，上述方法还可以包括：获取输入控件上输入的引导功能的触发方式，引导功能的触发方式为初次访问页面时触发或者初次点击被选中的元素时触发。那么，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素步骤，其具体实现方式可以包括：在输入的引导功能的触发方式下，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素。

实际应用中，引导功能的触发方式也即进行引导的时机，可以在检测到初次进入(即访问)页面时，立即触发引导，这种方式称为页面曝光，也可以在用户初次点击了被选中的元素时，触发引导，这种方式称为元素曝光。每种曝光方式，都有对应的需要添加引导步骤的元素。

示例性的，如图2所示的可操作界面中，可以在第二区域提供用于选择页面曝光的组件203和用于选择元素曝光的组件204。当点击用于选择页面曝光的组件203，则可以针对页面曝光的方式，在检测到页面的元素被选中时，确定该被选中的元素为需要添加引导步骤的元素，从而得到页面曝光的方式对应的需要添加引导步骤的元素。同样的，当点击用于选择元素曝光的组件204，则可以针对元素曝光的方式，在检测到页面的元素被选中时，确定该被选中的元素为需要添加引导步骤的元素，从而得到元素曝光的方式对应的需要添加引导步骤的元素。

实际应用中，上述预先构建的引导组件可以封装在SDK中。示例性的，SDK的文件名为“abc”，在业务代码中，添加调用该文件名为“abc”的SDK的代码即可。为方便开发，可以生成开发样例代码并展示，响应于针对可操作界面上的复制组件输入的复制操作，将该开发样例代码复制到业务代码中。该开发样例代码包含调用该SDK的代码。如此，针对具体业务中的页面，基于上述配置文件，对调用到的SDK中预先构建的引导组件进行渲染，从而实现对页面的引导功能。

本方案可以用于对各种网络平台的页面配置以得到上述配置文件。实施中，可以注册并登录账户，在该账户下，生成针对待配置的平台的配置文件。完成注册之后，可以展示上述开发样例代码。该开发样例代码中还可以包含平台的名称和账户的名称。

本实施例中，通过提供引导功能的开发的平台，供用户注册、登录，以及通过可操作界面配置得到配置文件，从而实现引导功能的开发，这种产品化的方式，使得配置更加方便。

在示例性实施例中，在获取待配置引导功能的页面并展示在可操作界面的第一区域步骤之前，上述方法还可以包括：获取可操作界面上输入的用于搜索页面的关键字；基于关键字，从已注册的页面的信息中，查找与关键字匹配的页面的信息，页面的信息中至少包含页面的名称和地址；在可操作界面上展示页面的名称；响应于针对页面的名称的选中操作，从页面的信息中获取页面的地址。那么，获取待配置引导功能的页面步骤，其具体实现方式可以包括：基于页面的地址获取待配置引导功能的页面。

其中，页面的地址可以确定页面的唯一性。实际应用中，通过页面的地址访问页面，并将访问到的页面在可操作界面的第一区域上展示。页面的地址可以为统一资源定位系统(URL，uniform resource locator)地址，包括页面路径和页面参数。页面的名称可以为自定义的名称。与页面的地址相比，通过自定义的名称可以更方便用户识别页面。

实际应用中，可以预先进行页面的注册，以得到已注册的页面的信息。示例性的，如图3所示的可操作界面上，可以提供页面注册的组件301，检测到针对页面注册的组件的点击操作，可以进入页面注册的页面，在该页面注册的页面上输入页面的地址和页面的名称。

示例性的，如图3所示的可操作界面，可以提供用于输入关键字的组件302，按照该输入关键字的组件的提示“请输入页面名称进行模糊搜索”输入页面的名称，然后，基于输入的页面的名称，从已注册的页面的信息中，查找与输入的页面的名称匹配的页面的信息，然后在展示查找到的页面的名称，参见图3所示例的页面1的名称、页面2的名称、页面3的名称。之后，可以点击需要配置引导功能的页面的名称，从而进入针对该页面的引导功能的配置。另外，还可以展示页面的创建人信息，例如“张三”。

本实施例中，通过输入关键字搜索页面，可以快速找到待配置的页面的地址，并进入引导功能的配置。

在示例性实施例中，上述页面的信息中还包括表征配置文件是否上线的状态信息；上述方法还可以包括：在可操作界面上展示状态信息。实际应用中，上述配置文件完成上线发布之后，才能被使用，为清楚了解每个配置文件的是否上线的状态信息，可以在页面的信息中保存页面的状态信息。

在示例性实施例中，上述方法还可以包括：响应于可操作界面上输入的上线操作，对配置文件上线。本实施例中，可以通过可操作界面进行快速上线。实际应用中，可以获取页面的待上线配置更新列表并展示，该待上线配置更新列表中为页面的待上线的配置文件的列表，基于该列表，选中需要上线的配置文件，然后输入确定操作，以将配置文件上线。如此，可以进行精细化控制是否全量更新。该列表中可以包含待上线的配置文件的配置名称、更新状态、更新人、更新时间。其中的配置名称为页面曝光或者元素曝光。其中，更新状态即上述是否上线的状态信息。

示例性的，图4所示的可操作界面中，包含待上线的配置文件的选择组件301和上线确定组件302，基于选择组件301上的选择操作，确定选择的页面曝光和元素曝光的配置文件，响应于针对上线确定组件302的点击操作，完成所选择的配置文件的上线。其中，页面曝光的配置文件的配置名称、更新状态、更新人、更新时间依次为页面曝光、未上线、张三、时间1。其中，元素曝光的配置文件的配置名称、更新状态、更新人、更新时间依次为元素曝光、未上线、李四、时间2。图4所示的可操作界面中，还包含上线取消组件303，在上线过程中，还可以响应于针对上线取消组件303的取消操作，取消上线。实施中，可以根据需要灵活操作。

另外，还可以响应于可操作界面上的下线操作，将配置文件下线。和/或，响应于可操作界面上的删除操作，将配置文件删除。如此，可以方便地对配置文件进行上线、下线、删除等各种配置的操作，PM可直接在页面维度下，进行配置的操作，为了方便快速实现引导功能。

在搜索页面时，输入的关键字还可以包括状态信息。示例性的，如图3所示，可以选择状态是上线还是未上线。

在示例性实施例中，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素步骤具体实现方式可以包括：响应于输入控件上输入的新增引导步骤的操作，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素。实际应用中，可以按照一组引导步骤中的每个步骤的顺序，通过新增步骤的操作，快速添加每个步骤。示例性的，如图2所示，输入控件中包含用于输入新增引导步骤的操作的新增组件205，响应于针对该新增组件205的点击操作，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素，然后，可以输入被选中的元素对应的引导组件的属性信息。

在示例性实施例中，上述方法还可以包括：获取预先构建的圈选组件，圈选组件用于覆盖鼠标当前所指向的页面的元素；检测鼠标当前所指向的页面的元素；将圈选组件展示在鼠标当前所指向的页面的元素的位置；当检测到圈选组件被点击时，确定检测到圈选组件所覆盖的页面的元素被选中。参见图5所示例的圈选组件215，图中以点状填充示意，随着鼠标移动到“更多”这一元素的位置，点击之后，“更多”这一元素就被选中。本实施例中，通过圈选组件，可以提示用户当前选中的页面的元素，通过这种可视化圈选的方式，最终可以快速选择出与引导步骤对应的元素。

实际应用中，可以将该圈选组件与引导组件一同封装在SDK中，以便调用。

在示例性实施例中，基于属性信息，生成配置文件步骤具体可以包括：获取被选中的元素的位置、大小，生成被选中的元素的位置、大小与属性信息的对应关系。如此，可以按照被选中的元素的位置、大小，基于属性信息对预先构建的引导组件在页面上进行渲染，得到被选中的元素对应的引导组件。

在示例性实施例中，上述方法还可以包括：基于属性信息，在页面上渲染引导组件。如此，以实时查看到引导功能的效果，参见图6所示的页面上的展示效果，将“更多”211这个元素对应的引导组件207进行了展示。

在示例性实施例中，属性信息包括公共信息，和/或，步骤信息。

其中，公共信息是各引导组件所共有的信息。示例性的，公共信息包括以下至少一种：引导组件中是否显示步数、引导组件是否自动消失、输入跳过操作的响应方式、输入下一步操作的响应方式、输入完成操作的响应方式。

其中，引导组件中可以显示对应的引导步骤是第几步。如果需要显示引导组件对应的引导步骤是第几步，则是否显示步数配置为是，否则，配置为否。

引导组件是否自动消失是指引导组件的展示时间到达预设时间后取消展示。如果需要自动消失，则是否自动消失配置为是，否则配置为否。

示例性的，参见图6，引导组件207中可以包含用于输入跳过操作的组件，用于输入下一步操作的组件，用于输入完成操作的组件208。每种操作的响应方式可以为文本响应的方式，还可以为链接响应的方式。文本响应的方式是指响应于输入的操作，仅展示预设文案，例如，跳过文案：“跳过”、下一步文案：“下一步”、完成文案：“好的，我知道了”。文本响应的方式是指响应于输入的操作，跳转至预先关联的链接。示例性的，如图6所示，输入控件中包含用于输入公共信息的公共信息组件209，该公共信息组件209中包含下拉选择组件，用于选择响应方式。

其中，步骤信息是引导组件对应的引导步骤的信息。该步骤信息包括以下至少一种：被选中的元素的名称、引导步骤的编号、引导类型、引导标题、引导说明、引导展示方向。其中，引导类型用于表征被选中的元素所链接的内容的类型。该类型可以是表格，也可以是图片，等等。示例性的，图6中，输入控件中包含用于输入步骤信息的引导步骤信息组件210，例如表单，基于该组件，输入的引导组件的引导类型为图片，说明“更多”211这个元素所链接的内容为图片类型的内容。

引导说明即引导说明的详细信息。引导标题也即引导标题简述，用于概况引导说明的详细信息。

引导展示方向是指引导组件相对页面的元素的展示方向。该引导展示方向可以为页面的元素的上方、下方、左边、右边。

示例性的，参见图6，引导组件207对应的引导步骤编号为步骤2，引导类型为图片，引导展示方向为下方bottom。

在示例性实施例中，响应于输入控件上输入的针对属性信息的保存操作之后，将属性信息保存。示例性的，参见图6所示的可操作界面，输入控件可以包含用于输入保存操作的保存组件212，响应于针对保存组件212的点击操作，将输入的属性信息保存。如此，可以避免输入的信息丢失。另外，输入控件可以包含用于输入取消操作的取消组件214，响应于针对取消组件的取消操作，取消保存属性信息。实施中，可以根据需要灵活操作。

在示例性实施例中，上述方法还可以包括：响应于输入控件上输入的预览操作，对属性信息进行预览。示例性的，参见图2所示的可操作界面，输入控件可以包含用于输入预览操作的预览组件206，响应于针对该预览组件的点击操作，将获取到的属性信息进行预览。参见图7，分别对公共信息和引导步骤信息进行了预览。如此，可以尽可能的辅助用户进行自身产品迭代，实时通过预览查看配置信息，方便快速高效的呈现产品所需功能。

另外，如果需要修改，还可以响应于修改组件213的点击操作，重新配置输入引导组件的属性信息。

通过本公共实施例的方案，开发引导功能时，减少了前端人员投入，节省需求开发时间，通过配置来快速高效呈现所需功能。相关技术中的开发流程是：产品提出需求->需求评审->需求排期->前端开发->测试->需求上线并回归。而本公开实施例的方案中，开发引导功能的流程是：产品提出需求->配置引导步骤->测试->上线、回归。而且减少了沟通成本，加速了功能迭代周期。

图8是根据一示例性实施例示出的一种页面引导生成装置框图。参照图2，该装置包括第一获取单元801，确定单元802，第二获取单元803和生成单元804。

第一获取单元801，被配置为执行获取待配置引导功能的页面并展示在可操作界面的第一区域；

确定单元802，被配置为执行当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素；

第二获取单元803，被配置为执行从可操作界面上的第二区域展示的输入控件中，获取被选中的元素对应的引导组件的属性信息，引导组件用于展示被选中的元素的引导步骤，属性信息包含有用于渲染引导组件的内容；

生成单元804，被配置为执行基于属性信息，生成配置文件，配置文件用于在访问页面时生成页面的引导功能。

在一种可能的实施方式中，上述装置还包括：

第三获取单元，被配置为执行在获取待配置引导功能的页面并展示在可操作界面的第一区域步骤之前，获取可操作界面上输入的用于搜索页面的关键字；基于关键字，从已注册的页面的信息中，查找与关键字匹配的页面的信息，页面的信息中至少包含页面的名称和地址；在可操作界面上展示页面的名称；响应于针对页面的名称的选中操作，从页面的信息中获取页面的地址；

第一获取单元，具体被配置为执行基于页面的地址获取待配置引导功能的页面。

在一种可能的实施方式中，页面的信息中还包括表征配置文件是否上线的状态信息；

上述装置还包括：

展示单元，被配置为执行在可操作界面上展示状态信息。

在一种可能的实施方式中，装置还包括：

第四获取单元，被配置为执行在当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素步骤之前，获取输入控件上输入的引导功能的触发方式，引导功能的触发方式为初次访问页面时触发或者初次点击被选中的元素时触发；

确定单元，具体被配置为执行在输入的引导功能的触发方式下，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素。

在一种可能的实施方式中，确定单元，具体被配置为执行响应于输入控件上输入的新增引导步骤的操作，当检测到页面的元素被选中时，确定被选中的元素为需要添加引导步骤的元素。

在一种可能的实施方式中，确定单元，具体被配置为执行获取预先构建的圈选组件，圈选组件用于覆盖鼠标当前所指向的页面的元素；检测鼠标当前所指向的页面的元素；将圈选组件展示在鼠标当前所指向的页面的元素的位置；当检测到圈选组件被点击时，确定检测到圈选组件所覆盖的页面的元素被选中。

在一种可能的实施方式中，属性信息包括公共信息，和/或，步骤信息；

公共信息包括以下至少一种：引导组件中是否显示步数、引导组件是否自动消失、输入跳过操作的响应方式、输入下一步操作的响应方式、输入完成操作的响应方式；

步骤信息包括以下至少一种：被选中的元素的名称、引导步骤的编号、引导类型、引导标题、引导说明、引导展示方向；

其中，引导类型用于表征被选中的元素所链接的内容的类型。

在一种可能的实施方式中，还包括：

预览单元，被配置为执行响响应于输入控件上输入的预览操作，对属性信息进行预览。

在一种可能的实施方式中，还包括：

上线单元，被配置为执行响应于可操作界面上输入的上线操作，对配置文件上线。

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

图9是根据一示例性实施例示出的一种用于页面引导生成的装置900的框图。例如，装置900可以被提供为一电子设备。参照图9，装置900包括处理组件922，其进一步包括一个或多个处理器，以及由存储器932所代表的存储器资源，用于存储可由处理组件922的执行的指令，例如应用程序。存储器932中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件922被配置为执行指令，以执行上述页面引导生成方法。

装置900还可以包括一个电源组件926被配置为执行装置900的电源管理，一个有线或无线网络接口950被配置为将装置900连接到网络，和一个输入输出(I/O)接口998。装置900可以操作基于存储在存储器932的操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

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

在示例性实施例中，还提供了一种计算机程序产品，该计算机程序产品中包括指令，该指令被电子设备的处理器执行时，使得电子设备能够执行上述页面引导生成方法。可选地，该指令可以存储在装置900的存储介质中，该存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

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

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

Claims (10)

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

获取待配置引导功能的页面并展示在可操作界面的第一区域；

当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素；

从所述可操作界面上的第二区域展示的输入控件中，获取所述被选中的元素对应的引导组件的属性信息，所述引导组件用于展示所述被选中的元素的引导步骤，所述属性信息包含有用于渲染所述引导组件的内容；

基于所述属性信息，生成配置文件，所述配置文件用于在访问所述页面时生成所述页面的引导功能。

2.根据权利要求1所述的页面引导生成方法，其特征在于，在所述获取待配置引导功能的页面并展示在可操作界面的第一区域步骤之前，所述方法还包括：

获取所述可操作界面上输入的用于搜索页面的关键字；

基于所述关键字，从已注册的页面的信息中，查找与所述关键字匹配的页面的信息，所述页面的信息中至少包含所述页面的名称和地址；

在所述可操作界面上展示所述页面的名称；

响应于针对所述页面的名称的选中操作，从所述页面的信息中获取所述页面的地址；

所述获取待配置引导功能的页面步骤，包括：

基于所述页面的地址获取所述待配置引导功能的页面。

3.根据权利要求2所述的页面引导生成方法，其特征在于，所述页面的信息中还包括表征所述配置文件是否上线的状态信息；

所述方法还包括：

在所述可操作界面上展示所述状态信息。

4.根据权利要求1所述的页面引导生成方法，其特征在于，在所述当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素步骤之前，所述方法还包括：

获取所述输入控件上输入的引导功能的触发方式，所述引导功能的触发方式为初次访问所述页面时触发或者初次点击所述被选中的元素时触发；

所述当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素步骤，包括：

在输入的所述引导功能的触发方式下，当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素。

5.根据权利要求1所述的页面引导生成方法，其特征在于，所述当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素步骤包括：

响应于所述输入控件上输入的新增引导步骤的操作，当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素。

6.根据权利要求5所述的页面引导生成方法，其特征在于，还包括：

获取预先构建的圈选组件，所述圈选组件用于覆盖鼠标当前所指向的所述页面的元素；

检测所述鼠标当前所指向的所述页面的元素；

将所述圈选组件展示在所述鼠标当前所指向的所述页面的元素的位置；

当检测到所述圈选组件被点击时，确定检测到所述圈选组件所覆盖的所述页面的元素被选中。

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

第一获取单元，被配置为执行获取待配置引导功能的页面并展示在可操作界面的第一区域；

确定单元，被配置为执行当检测到所述页面的元素被选中时，确定所述被选中的元素为需要添加引导步骤的元素；

第二获取单元，被配置为执行从所述可操作界面上的第二区域展示的输入控件中，获取所述被选中的元素对应的引导组件的属性信息，所述引导组件用于展示所述被选中的元素的引导步骤，所述属性信息包含有用于渲染所述引导组件的内容；

生成单元，被配置为执行基于所述属性信息，生成配置文件，所述配置文件用于在访问所述页面时生成所述页面的引导功能。

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

处理器；

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

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

9.一种存储介质，其特征在于，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1至6中任一项所述的页面引导生成方法。

10.一种计算机程序产品，所述计算机程序产品中包括指令，其特征在于，所述指令被电子设备的处理器执行时，使得所述电子设备能够执行如权利要求1至6任一项所述的页面引导生成方法。

Images