乐趣区

关于前端:关于-SAP-Fiori-Tools-Application-Modeler-Page-Map-功能的-appjson

Application Modeler 扩大容许 SAP UI5 开发人员可视化和更改 SAP Fiori Elements 应用程序的页面路由(页面地图),并通过清单设置 (manifest settings)、正文属性(annotation properties) 和 UI 灵活性更改(页面编辑器)配置各个页面。

从版本 1.10.1 开始,页面编辑器反对为基于 OData V4 的应用程序增加和保护 SAP Fiori Elements 构建块的属性。此性能目前处于试验阶段,可能会依据客户反馈进行更改和加强。

SAP Fiori 工具 – Page Map 提供应用程序页面、导航及其应用的服务实体的可视化示意。开发人员能够增加新的导航和页面、删除页面以及导航到相应的编辑工具。

Page Map 扩大以紧凑且独立于技术的表示法,读取并更新蕴含导航和页面信息的 app.json 文件。

该文件用作简略的基于文本的界面。它是 按需生成 的,能够通过从“地图”节点的右键单击上下文菜单中选择“显示源代码”选项,从 SAP Fiori 侧边栏视图的应用程序建模器树视图中进行拜访。

保留 app.json 时,应用程序的应用程序描述符(webapp/manifest.json)将自动更新,并且对 webapp/manifest.json 的更改将转换为 app.json。

app.json 是虚构的,不会写入我的项目文件夹。

Page Map 是 Application Modeler 的一部分,它提供了一种图形化的形式来展示和编辑利用的页面构造。在 Page Map 中,能够看到利用的各个页面及其相互之间的关系。开发者能够通过拖拽、编辑等操作来批改页面的构造。

app.json 是 SAP Fiori Tools 中的一个重要文件,它用于存储和治理利用的配置信息。这个文件通常会包含以下局部:

  • "_version":这个字段定义了 app.json 的版本信息。
  • "sap.app":这个字段蕴含了利用的元数据,比方利用的 id、title、description 等。
  • "sap.ui5":这个字段蕴含了 UI5 的配置信息,比方用到的模型、路由等。
  • "sap.fiori":这个字段蕴含了 Fiori 的配置信息,比方利用的类型等。
  • "sap.platform.runtime":这个字段蕴含了利用的运行时配置信息,比方利用的组件等。

以一个简略的 app.json 为例:

{
  "_version": "1.8.0",
  "sap.app": {
    "id": "com.example.app",
    "type": "application",
    "i18n": "i18n/i18n.properties",
    "title": "{{appTitle}}",
    "description": "{{appDescription}}",
    "applicationVersion": {"version": "1.0.0"}
  },
  "sap.ui5": {
    "dependencies": {
      "minUI5Version": "1.60.1",
      "libs": {"sap.ui.core": {},
        "sap.m": {},
        "sap.ushell": {},
        "sap.collaboration": {},
        "sap.ui.layout": {},
        "sap.uxap": {}}
    },
    "models": {
      "i18n": {
        "type": "sap.ui.model.resource.ResourceModel",
        "settings": {"bundleName": "com.example.app.i18n.i18n"}
      }
    },
    "routing": {
      "config": {
        "routerClass": "sap.f.routing.Router",
        "viewType": "XML",
        "viewPath": "com.example.app.view",
        "controlId": "app",
        "controlAggregation": "pages",
        "transition": "slide"
      },
      "routes": [
        {"pattern": "","name":"home","target":"home"}
      ],
      "targets": {
        "home": {
          "viewName": "Home",
          "viewLevel": 1
        }
      }
    }
  }
}
退出移动版