我不是一个用户专家，但我经常在sappi/CPI测试工具上看到我们提出的同样的请求。这个应用程序是在openui5中开发的，我们从sapui5开始，但是一旦我们在一个单独的Java引擎上开始开发，就转到了免费版本。我们希望避免同样的问题，淘客返利，使用户能够更快地开始使用我们的应用程序。他们开始的越快，我们得到的报酬就越快。

向开发人员介绍应用程序的一部分是为他们提供一个指导，引导他们完成过程中的不同步骤。我们在很多不同的地方看到了这一点，无论是在商业还是私人应用中。我们还希望在我们的应用程序中有一个好的指南，以便更快地采用该工具。

在本视频中，您将看到一个关于如何在ui5上使用IRT的指南：

一个指南是一个指南，它将突出显示一些UI元素，大数据好不好，并要求用户单击一些按钮。有很多图书馆（免费和付费）提供这样的功能。您可以在这里阅读其中一些：https://pronovix.com/blog/free-and-open-source-walkme-alternatives。其中有些需要编程技巧，有些则不需要。我们决定，我们有编程技能，这可能使我们能够更灵活地控制正在发生的事情。所以我们选择了一个名为Bootstrap Tour的库。重要提示：尽管它的名字，它可以工作没有任何真正的限制，不仅在引导项目不使用引导？不管怎样，它还是管用的！"–他们说。甚至可以自定义提示的外观，例如，如果您不想看到Prev按钮或想在此提示中添加一些内容。这篇文章是关于如何将这个库引导程序集成到OpenUI5项目中。

问题

我们在集成过程中遇到了一些问题。

如何使多页程序在多个控制器之间共享

我们创建了一个封装所有程序的单例类：

然后我们可以简单地将这个单例注入每个控制器我们想要：

我们所有的旅行都使用多个控制器，在不同的路线上工作。不幸的是，对于具有多个路由的单页应用程序，生态环境大数据，似乎没有采用引导程序。至少我们没有找到一个现成的简单解决方案，所以我们不得不采取一些变通办法？假设您在控制器A中有第0步，在控制器B中有第1步。假设您将第0步分配给一个导航按钮，您开始巡视（在控制器A中），单击该按钮，您希望在打开步骤1（在控制器B中）后弹出该步骤。问题是，默认情况下，引导程序会尝试立即切换到下一步（在单击next按钮或UI元素本身之后）。因此，默认情况下，它不会等到下一页的标记被加载。

控制器A

控制器B

可能的解决方案：

我们决定不使用这种方法，因为我们使用点击处理程序进行导航，其中我们有一个自定义逻辑，不清楚如何将这些处理程序与这个重定向回调连接起来并强制其正确工作。

2。使用延迟参数

，这样它就可以在弹出下一个提示之前等待一段时间。这个时间可以被OpenUI5用来导航到下一个路由并呈现标记。

3。防止转换到下一步，并在标记准备就绪后强制执行。根据文档，下面的代码只是防止下一步弹出：

然后在控制器B中，您需要从js代码打开步骤1。我们使用onAfterRendering方法，因为它在渲染完成后被调用。

不幸的是，返利微信，它可能在应用CSS样式之前被调用，因此您的提示将显示在页面的错误位置。这就是为什么我们决定在这里等2秒钟的原因。

正如你所看到的，我们使用的两种方法都与时间常数有关。显然，这不是一个理想的解决方案，但我们猜测，在现实生活中，这不会是一个大问题。也许用户只需要等待大约1-2秒。当然，此问题仅与控制器之间的转换有关。公共控制器内的漫游步骤运行良好，没有任何解决方法。如果您有一些更优雅的解决方案，我们将非常高兴地了解它。

如何强制引导程序将提示分配给正确的UI元素

提示应分配给特定的UI元素。（您也可以使用orphan标志，因为它会在页面中间放置一个提示，云端服务器，但这种情况并不常见）。引导程序使用CSS选择器查找元素。所以这里的问题是如何编写这个选择器，因为OpenUI5会自动生成元素的最终id，所以您永远不知道元素的最终id。在我们的理解中，有两种最有用的方法：

然后您可以使用。符号作为css选择器：

不幸的是，并不是所有的OpenUI5元素都有一个属性"class"。这就是为什么我们必须找到另一个解决办法。根据生成的id使用更复杂的CSS选择器。在这里，您需要在浏览器控制台中分析标记。例如，id="integrationObjectsNavigationListItem"的NavigationListItem元素的最终id将类似于"\uXMLView0–integrationObjectsNavigationListItem"。所以这个id的开头有时会不同，你不能依赖它。但我们希望，这个身份证的结局，一直都是一样的。在这种情况下，CSS选择器可以是："li[id$='–integrationObjectsNavigationListItem']"。因此，如何配置CSS选择器取决于您。我们将很高兴知道其他可能或更优雅的方式。

如何从第N步开始旅行（其中N！=0）

一般来说你只需要打个电话旅游.goTo（步骤号）方法。我们的startTourByName

方法如下：