SAP Fiori Tools Application Modeler Page Map 标题的数据源

简介: SAP Fiori Tools Application Modeler Page Map 标题的数据源

按照笔者下面这篇教程的文章,安装了 SAP Fiori Tools 之后:

SAP Fiori Elements 开发教程 - 从入门到精通

1. SAP Fiori Elements 开发环境的搭建和开发准备工作

5ffd86c8ad62163b397da873a9a241ca.png

我们就可以在 Visual Studio Code 的命令行里,使用 Page Map,以一个图形化的界面,显示 Fiori Elements 应用的结构了:

a0c35920f652239c4d889d084ffe97b0.png

图形化结构是在一个 WebView 里显示的,其中 view 的标题,来自 manifest.json 文件的 sap.app 区域:

45978c8c86a0ea9f88d7e4210598d832.png

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,开发者不仅可以提高开发效率,还可以更好地理解和控制应用的整体结构和用户流程。

相关文章
|
27天前
|
数据库 API
启用SAP Fiori之前的一些注意事项
启用SAP Fiori之前的一些注意事项
10 0
|
2月前
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
SAP UI5 Link 控件的使用方法介绍 - 后续学习 Fiori Elements Smart Link 的基础试读版
15 0
|
2月前
|
UED
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
什么是 SAP Fiori 的 Technical Catalog 和 Business Catalog
38 0
|
2月前
|
前端开发 UED
SAP Fiori 到底指什么
SAP Fiori 到底指什么
43 0
|
2月前
|
XML 前端开发 JavaScript
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
SAP Fiori Launchpad Custom Fields tile 里的 ABAP 语法高亮显示
14 0
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
29 0
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
17 0
|
2月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
15 0
|
2月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
33 0
|
2月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
33 0