按照笔者下面这篇教程的文章,安装了 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,开发者不仅可以提高开发效率,还可以更好地理解和控制应用的整体结构和用户流程。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。