各位UI5开发人员和SAP Web IDE用户好，

有一段时间，SAP Web IDE出现了一个新版本，称为full stack。这个版本的sapwebide看起来与以前的版本基本相同，但是有一些很酷的新特性。其中一个新特性是"序列图像板"。

在一开始，这个序列图像板是在Fiori/UI5应用程序中查看导航的一种方式。它不是很有用，因为您只能查看导航，而不能创建新的导航。随着最近对全栈webide的更新，这一点已经改变了！现在还可以在序列图像板和布局编辑器中创建新视图，您可以在视图之间进行导航。

此新功能使序列图像板非常有用，并为完整堆栈的Web IDE增加了价值。你甚至不必再写任何代码了！这将情节提要带到了一个新的层次。

在这个博客中，我将向您展示如何使用情节提要创建视图以及这些视图之间的导航。

让我们从创建一个新的空UI5应用程序开始

为您的项目提供一个名称和命名空间

创建第一个视图并将其称为"应用程序"。此视图将用作容器视图，向其中添加视图并在这些视图之间导航。

转到情节提要并选择您的项目

这是项目模板已生成的内容

向导已生成路由和目标，请删除此内容。我们不需要这个。

去医院清单.json您的项目–>路由

在那里您将看到一个没有名称和目标的路由"TargetView1"。删除两者。

应该是这样的

在故事板中创建第一个视图。在序列图像板中，点击"新建视图"

给它一个名称，例如"视图1"

现在您将有两个视图。要将"View1"连接到容器视图，我们需要更改清单.json同样，

在清单中，目标是在创建视图的过程中生成的。应手动添加路线。如果模式为空，它将连接到容器视图。在应用程序启动期间（包括路由组件），如何租用服务器，应用程序将加载路由后面的视图，其中容器视图中包含空模式。因此，德国云服务器，我们需要创建一个具有空模式的路由：

如果您返回到情节提要，您将看到：

创建第二个视图，淘客链接，智慧农业物联网系统，"View2"：

再次，我们需要在"View1"和"View2"之间建立连接

选择"View1"，然后单击编辑按钮

向视图添加按钮

为按钮填写文本

转到事件，单击press事件后面的按钮并选择"导航到"：

选择要导航到的视图，"View2"在这种情况下：

序列图像板将如下所示。

您可以对"View2"执行相同的操作。添加一个按钮，配置导航并选择"查看1"。结果如下：

在应用程序视图中，真正云服务器，添加了一个"页面"。我们不需要这个，所以您可以删除标签"App"之间的所有内容。

在其他两个视图中，向导添加了"App"和"Pages"标签。我们只想有一个"应用程序"在我们的应用程序，所以再次删除这些标签？

我们有一个应用程序，在两个视图之间导航，遵循最佳实践，几乎没有编码？并不是说我不喜欢编码，但现在我不需要花时间设置导航，有更多的时间做其他很酷的编码工作。

祝你使用故事板愉快！

期待下一步的改进