当前位置：首页 > news >正文

SAP UI5 walkthrough step10 Descriptor for Applications

news 2025/11/5 4:36:04

在这一步，我们将会把所有的应用相关的描述性的文件独立放到manifest.json

新建一个manifest.json文件

webapp/manifest.json (New)

{"_version": "1.58.0","sap.app": {"id": "ui5.walkthrough","i18n": "i18n/i18n.properties","title": "{{appTitle}}","description": "{{appDescription}}","type": "application","applicationVersion": {"version": "1.0.0"}},"sap.ui": {"technology": "UI5","deviceTypes": {"desktop": true,"tablet": true,"phone": true}},"sap.ui5": {"dependencies": {"minUI5Version": "1.108.0","libs": {"sap.ui.core": {},"sap.m": {}}},"models": {"i18n": {"type": "sap.ui.model.resource.ResourceModel","settings": {"bundleName": "ui5.walkthrough.i18n.i18n","supportedLocales": [""],"fallbackLocale": ""}}},"rootView": {"viewName": "ui5.walkthrough.view.App","type": "XML","id": "app"}}
}

The sap.app namespace contains the following application-specific attributes:
- id (mandatory): The namespace of our application component.
  
  The ID must not exceed 70 characters. It must be unique and must correspond to the component ID/namespace.
- type: Defines what we want to configure; here: an application.
- i18n: Defines the path to the resource bundle file. The supportedLocales and fallbackLocale properties are set to empty strings, as our demo app uses only one i18n.properties file for simplicity and we'd like to prevent the browser from trying to load additional i18n_*.properties files based on your browser settings and your locale.
- title: Title of the application in handlebars syntax referenced from the app's resource bundle.
- description: Short description text what the application does in handlebars syntax referenced from the app's resource bundle.
- applicationVersion: The version of the application to be able to update the application easily later on.
sap.ui

The sap.ui namespace contributes the following UI-specific attributes:
- technology: This value specifies the UI technology; in our case we use SAPUI5
- deviceTypes: Tells what devices are supported by the app: desktop, tablet, phone (all true by default)
sap.ui5

The sap.ui5 namespace adds SAPUI5-specific configuration parameters that are automatically processed by SAPUI5. The most important parameters are:
- rootView: If you specify this parameter, the component will automatically instantiate the view and use it as the root for this component
- dependencies: Here we declare the UI libraries used in the application
- models: In this section of the descriptor we can define models that will be automatically instantiated by SAPUI5 when the app starts. Here we can now define the local resource bundle. We define the name of the model "i18n" as key and specify the bundle file by namespace. As in the previous steps, the file with our translated texts is stored in the i18n folder and named i18n.properties. We simply prefix the path to the file with the namespace of our app. The manual instantiation in the app component's init method will be removed later in this step. The supportedLocales and fallbackLocale properties are set to empty strings, as in this tutorial our demo app uses only one i18n.properties file for simplicity, and we'd like to prevent the browser from trying to load additional i18n_*.properties files based on your browser settings and your locale.
For compatibility reasons the root object and each of the sections state the descriptor version number 1.58.0 under the internal property _version. Features might be added or changed in future versions of the descriptor and the version number helps to identify the application settings by tools that read the descriptor.

修改index.html

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>UI5 Walkthrough</title><scriptid="sap-ui-bootstrap"src="resources/sap-ui-core.js"data-sap-ui-theme="sap_horizon"data-sap-ui-compatVersion="edge"data-sap-ui-async="true"data-sap-ui-oninit="module:sap/ui/core/ComponentSupport"data-sap-ui-resourceroots='{"ui5.walkthrough": "./"}'></script>
</head>
<body class="sapUiBody" id="content"><div data-sap-ui-component data-name="ui5.walkthrough" data-id="container" data-settings='{"id" : "walkthrough"}'></div>
</body>
</html>

修改i18n

webapp/i18n/i18n.properties

# App Descriptor
appTitle=Hello World
appDescription=A simple walkthrough app that explains the most important concepts of SAPUI5# Hello Panel
showHelloButtonText=Say Hello
helloMsg=Hello {0}

修改component

webapp/Component.js

sap.ui.define(["sap/ui/core/UIComponent","sap/ui/model/json/JSONModel"
], (UIComponent, JSONModel) => {"use strict";return UIComponent.extend("ui5.walkthrough.Component", {metadata : {interfaces: ["sap.ui.core.IAsyncContentCreation"],manifest: "json"},init() {// call the init function of the parentUIComponent.prototype.init.apply(this, arguments);// set data modelconst oData = {recipient : {name : "World"}};const oModel = new JSONModel(oData);this.setModel(oModel);}});
});

Conventions

The descriptor file is named manifest.json and located in the webapp folder.
Use translatable strings for the title and the description of the app.

SAP UI5 walkthrough step10 Descriptor for Applications

在这一步，我们将会把所有的应用相关的描述性的文件独立放到manifest.json 新建一个manifest.json文件 webapp/manifest.json (New) {"_version": "1.58.0","sap.app": {"id": "ui5.walkthrough","i18n&q…...

编程日记 2023/12/9 5:35:01

打造专属小程序，乔拓云模板平台助力商家抢占先机

打造专属小程序，乔拓云模板平台助力商家抢占先机！该平台涵盖全行业小程序模板，一键复制即可上线。想要快速创建高效实用的小程序，乔拓云小程序模板开发平台为您提供了解决方案！我们为您提供一系列精心设计的小程序模板…...

编程日记 2023/12/9 5:32:59

Vue2学习（组件的使用）

Vue中使用组件的三个步骤： 一、定义组件(或者叫创建组件) 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别； 区别如下： 1.el不要写，为什么&#x…...

编程日记 2023/12/9 5:31:58

基于Spring、SpringMVC、MyBatis开发的游乐场管理系统

文章目录项目介绍主要功能截图：部分代码展示设计总结项目获取方式🍅 作者主页：超级无敌暴龙战士塔塔开 🍅 简介：Java领域优质创作者🏆、简历模板、学习资料、面试题库【关注我，都给你】 🍅文末获取源码联系🍅 项目介绍基于Spring、SpringMVC、MyBatis开发的游…...

编程日记 2023/12/9 5:30:57

数据清洗、特征工程和数据可视化、数据挖掘与建模的应用场景

1.5 数据清洗、特征工程和数据可视化、挖掘建模的应用场景视频为《Python数据科学应用从入门到精通》张甜杨维忠清华大学出版社一书的随书赠送视频讲解1.5节内容。本书已正式出版上市，当当、京东、淘宝等平台热销中，搜索书名即可。内容涵盖数据科学应…...

编程日记 2023/12/9 5:29:55

Qt简介、工程文件分离、创建Qt工程、Qt的帮助文档

QT 简介 core：核心模块，非图形的接口类，为其它模块提供支持 gui：图形用户接口，qt5之前 widgets：图形界面相关的类模块 qt5之后的 database：数据库模块 network：网络模块 QT 特性开…...

编程日记 2023/12/9 5:28:54

机器学习与低代码开发：创新驱动的双剑合璧

引言随着科技的日新月异，机器学习和低代码开发已经成为引领技术行业变革的两大重要趋势。机器学习通过模拟人类的学习方式，让计算机具备了自我学习和预测的能力，打破了传统计算机程序的局限性。而低代码开发则以简化软件开发过程为目标&…...

编程日记 2023/12/9 5:27:53

企业博客SEO：优化SOP，助您提升搜索引擎可见性

企业博客是互联网时代企业与用户沟通的重要渠道之一，引流成本也比较低。然而，依然有企业会处在3种状态： 1. 有博客，但内容更新不积极或搁置 2. 有博客，但内容散乱 3. 根本就没有博客如果是这几种状态，…...

编程日记 2023/12/9 5:26:53

[HITCON 2017]SSRFme perl语言的 GET open file 造成rce

这里记录学习一下 perl的open缺陷这里首先本地测试一下发现这里使用open打开的时候如果通过管道符就会实现命令执行然后这里注意的是 perl 中的get 调用了 open的参数所以其实我们可以通过管道符实现命令执行然后这里如果file可控那么就继续可以实现命令执行这里就…...

编程日记 2023/12/9 5:25:52

华为配置Smart Link主备备份示例

定义 Smart Link，又叫做备份链路。一个Smart Link由两个接口组成，其中一个接口作为另一个的备份。Smart Link常用于双上行组网，提供可靠高效的备份和快速的切换机制。 Monitor Link是一种接口联动方案，它通过监控设备的上行接口…...

编程日记 2023/12/9 5:24:51

1. 创建sharedLibrary共享hsp包commonLib：功能工具类。 import hilog from ohos.hilog;class Logger {private DOMAIN: number 0x0000;private APP_NAME: string Myapplication;public info(tag: string, ...args: string[]) {hilog.info(this.DOMAIN, [${this.A…...

编程日记 2023/12/9 5:23:50

npm、yarn常用命令

1、设置npm路径 #全局安装路径 npm config set prefix "D:\Program Files\nodejs\node_global" #缓存路径 npm config set cache "D:\Program Files\nodejs\node_cache"2、设置镜像 #1,淘宝镜像源 npm config set registry https://registry.npmmirror.…...

编程日记 2023/12/9 5:22:49

编译和使用WPS-ghrsst-to-intermediate生成SST

一、下载 V1.0 https://github.com/bbrashers/WPS-ghrsst-to-intermediate/tree/masterV1.5（使用过程报错，原因不详，能正常使用的麻烦告知一下方法） https://github.com/dmitryale/WPS-ghrsst-to-intermediate二、修改makefile…...

编程日记 2023/12/9 5:21:48

通过静态HTTP实现负载均衡

在当今的互联网环境中，随着用户数量的不断增加和业务需求的不断扩大，单台服务器往往无法承受所有的访问压力。为了确保网站的可用性和性能，负载均衡成为了一种常见的解决方案。本文将探讨如何通过静态HTTP实现负载均衡，以提升网站…...

编程日记 2023/12/9 5:20:47

Python开发运维：Python常见异常类型

目录一、理论 1.异常一、理论 1.异常 （1）概念异常是程序因为某种原因无法正常工作了，比如缩进错误、缺少软件包、环境错误、连接超时等都会引发异常。一个健壮的程序应该把所能预知的异常都应做相应的处理，保障程序长期运…...

编程日记 2023/12/9 5:19:47

HarmonyOS学习第1节 DevEco Studio配置

俗话说的好，工欲善其事,必先利其器。我们先下载官方的开发工具DevEco Studio. 下载完成后，进行安装。双击DevEco Studio，点击Next按照指引完成安装重新启动DevEco，点击 Agree 进入环境配置，安装Node.js和ohpm 点击Ne…...

编程日记 2023/12/9 5:18:46

WordPress 注册/重置密码/更改密码钩子

wordpress在提供邮件提醒的地方都留了hook，方便让开发者自定义。最新在添加第三方登录时遇到虚拟邮箱发信问题，为了防止给指定邮件地址后缀发信，可以利用如下wordpress提供的钩子来实现。 //https://www.wwttl.com/101.html //禁止用户注册时…...

编程日记 2023/12/9 5:17:45

LabVIEW开发远程结构健康监测系统

LabVIEW开发远程结构健康监测系统工程师依赖于振动监测来评估建筑物、桥梁和其他大型结构的完整性。传统的振动监测工具在数据收集上存在限制，无法长时间收集高保真波形。随着内存存储、处理器速度和宽带无线通信技术的进步，出现了对能够长时间收集并实…...

编程日记 2023/12/9 5:14:42

多段图问题-动态规划解法

一、多段图问题问题描述：设图G(V, E)是一个带权有向图，如果把顶点集合V划分成k个互不相交的子集Vi (2≤k≤n, 1≤i≤k)，使得对于E中的任何一条边(u, v)，必有u∈Vi，v∈Vim (1≤i≤k, 1＜im≤k)，…...

编程日记 2023/12/9 5:13:41

Android实验：绑定service实验

目录实验目的实验内容实验要求项目结构代码实现代码解释结果展示实验目的充分理解Service的作用，与Activity之间的区别，掌握Service的生命周期以及对应函数，了解Service的主线程性质；掌握主线程的界面刷新的设计原则&#xff…...

编程日记 2023/12/9 5:09:37

【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例

文章目录 ★ position 的五种类型及基本用法 ★ 一、position 属性概述二、position 的五种类型详解（初学者版） 1. static（默认值） 2. relative（相对定位） 3. absolute（绝对定位） 4. fixed（固定定位） 5. sticky（粘性定位）三、定位元素的层级关系（z-i…...

编程新知 2025/11/4 13:40:14

多模态商品数据接口：融合图像、语音与文字的下一代商品详情体验

一、多模态商品数据接口的技术架构 （一）多模态数据融合引擎跨模态语义对齐通过Transformer架构实现图像、语音、文字的语义关联。例如，当用户上传一张“蓝色连衣裙”的图片时，接口可自动提取图像中的颜色（RGB值&…...

编程新知 2025/7/23 3:55:49

让回归模型不再被异常值“带跑偏“，MSE和Cauchy损失函数在噪声数据环境下的实战对比

在机器学习的回归分析中，损失函数的选择对模型性能具有决定性影响。均方误差（MSE）作为经典的损失函数，在处理干净数据时表现优异，但在面对包含异常值的噪声数据时，其对大误差的二次惩罚机制往往导致模型参数…...

编程新知 2025/10/24 21:55:27

力扣热题100 k个一组反转链表题解

题目: 代码: func reverseKGroup(head *ListNode, k int) *ListNode {cur : headfor i : 0; i < k; i {if cur nil {return head}cur cur.Next}newHead : reverse(head, cur)head.Next reverseKGroup(cur, k)return newHead }func reverse(start, end *ListNode) *ListN…...

编程新知 2025/10/28 21:49:02

Python网页自动化Selenium中文文档

1. 安装 1.1. 安装 Selenium Python bindings 提供了一个简单的API，让你使用Selenium WebDriver来编写功能/校验测试。通过Selenium Python的API，你可以非常直观的使用Selenium WebDriver的所有功能。 Selenium Python bindings 使用非常简洁方便的A…...

编程新知 2025/7/8 0:22:23