关于 SAP Fiori Tools Application Modeler Page Map 功能的 app.json

简介: 关于 SAP Fiori Tools Application Modeler Page Map 功能的 app.json

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 是虚拟的,不会写入项目文件夹。

f966db30863cd609e271619309f0430a.png

b5afaf138333a4edaa3be740d0dfeab5.png

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
        }
      }
    }
  }
}


相关文章
|
28天前
|
Java PHP
【应用服务 App Service】 App Service Rewrite 实例 - 反向代理转发功能
【应用服务 App Service】 App Service Rewrite 实例 - 反向代理转发功能
【应用服务 App Service】 App Service Rewrite 实例 - 反向代理转发功能
|
27天前
|
Python
【Azure 应用服务】App Service的运行状况检查功能失效,一直提示"实例运行不正常"
【Azure 应用服务】App Service的运行状况检查功能失效,一直提示"实例运行不正常"
|
3月前
|
开发框架 移动开发 JavaScript
SpringCloud微服务实战——搭建企业级开发框架(四十七):【移动开发】整合uni-app搭建移动端快速开发框架-添加Axios并实现登录功能
在uni-app中,使用axios实现网络请求和登录功能涉及以下几个关键步骤: 1. **安装axios和axios-auth-refresh**: 在项目的`package.json`中添加axios和axios-auth-refresh依赖,可以通过HBuilderX的终端窗口运行`yarn add axios axios-auth-refresh`命令来安装。 2. **配置自定义常量**: 创建`project.config.js`文件,配置全局常量,如API基础URL、TenantId、APP_CLIENT_ID和APP_CLIENT_SECRET等。
203 60
|
22天前
|
测试技术
一款功能完善的智能匹配1V1视频聊天App应该通过的测试CASE
文章列举了一系列针对1V1视频聊天App的测试用例,包括UI样式、权限请求、登录流程、匹配逻辑、消息处理、充值功能等多个方面的测试点,并标注了每个测试用例的执行状态,如通过(PASS)、失败(FAIL)或需要进一步处理(延期修改、待定、方案再定等)。
27 0
|
27天前
|
Linux C++ Docker
【Azure 应用服务】App Service for Linux 中实现 WebSocket 功能 (Python SocketIO)
【Azure 应用服务】App Service for Linux 中实现 WebSocket 功能 (Python SocketIO)
|
27天前
|
监控 安全 前端开发
【Azure 应用服务】App Service 运行状况健康检查功能简介 (Health check)
【Azure 应用服务】App Service 运行状况健康检查功能简介 (Health check)
|
2月前
|
存储 前端开发 测试技术
同城交友APP系统开发运营版/案例详细/功能步骤/逻辑方案
开发一款同城交友APP系统需要经过以下大致流程:
|
2月前
|
JavaScript Java 测试技术
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
基于SpringBoot+Vue+uniapp的多功能智能手机阅读APP的详细设计和实现(源码+lw+部署文档+讲解等)
|
2月前
|
小程序 安全 数据挖掘
陪玩语聊APP小程序定制开发模块功能
随着电竞行业的规范化,游戏陪玩软件兴起,提供专业陪玩服务。核心功能包括:多样化注册登录、用户资料展示、智能匹配筛选陪玩、语音互动(多人/私聊)、订单交易管理、陪玩入驻审核、数据分析、客服系统及社交功能。旨在融合游戏、语音聊天与社交,构建综合娱乐平台。
|
2月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的多功能智能手机阅读APP附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的多功能智能手机阅读APP附带文章源码部署视频讲解等
48 1

热门文章

最新文章