依照笔者上面这篇教程的文章，装置了 SAP Fiori Tools 之后：
SAP Fiori Elements 开发教程 – 从入门到精通
1. SAP Fiori Elements 开发环境的搭建和开发筹备工作
咱们就能够在 Visual Studio Code 的命令行里，应用 Page Map，以一个图形化的界面，显示 Fiori Elements 利用的构造了：
图形化构造是在一个 WebView 里显示的，其中 view 的题目，来自 manifest.json 文件的 sap.app 区域：
Page Map 是一个可视化工具，它以树形构造显示了以后 SAP Fiori 利用的所有页面和它们之间的导航关系。通过 Page Map，开发者能够高深莫测地看到利用的整体构造，以及各个页面之间的导航门路。同时，开发者还能够间接在 Page Map 上进行操作，比方增加新的页面、批改页面属性、设置页面导航等。
例如，如果你正在开发一个销售订单治理的 SAP Fiori 利用，你可能须要创立多个页面，如订单列表页面、订单详情页面、客户信息页面等。在 Application Modeler 的 Page Map 中，你能够看到这些页面的层级关系和导航关系。首先，用户会看到订单列表页面，而后通过点击某一个订单，能够导航到该订单的订单详情页面。在订单详情页面上，可能还会有一个链接，能够导航到与该订单相干的客户信息页面。
此外，Page Map 还容许你间接在页面上进行操作。比方，你能够在订单列表页面上增加一个新的操作按钮，当用户点击这个按钮时，就会导航到一个新的订单创立页面。你也能够批改页面的属性，比方扭转页面的题目、增加或删除字段等。
总的来说，SAP Fiori Tools 的 Application Modeler 的 Page Map 性能为开发者提供了一个直观、易操作的界面，使得开发者能够更不便地设计和配置 SAP Fiori 利用的页面和导航。通过应用 Page Map，开发者不仅能够进步开发效率，还能够更好地了解和管制利用的整体构造和用户流程。