Fiori

首页 > TAG信息列表 > Fiori

SAP Fiori 应用 Adapt UI 动态显示或者隐藏的技术设计细节解析

工作中笔者的同事曾经问过我一个问题，SAP Fiori 界面上这个 Adapt UI 的按钮，为什么有的系统上有，有的系统上没有？Fiori Key User正是通过点击该按钮，进入Fiori UI的Adaptation模式，从而实现在屏幕上新增扩展字段的目的。比较下面两个不同系统的截图：为什么这个Adapt UI按钮，如此神出

SAP Fiori 注解 @ObjectModel.readOnly工作原理解析

SAP Fiori 注解，是 ABAP Programming Model for SAP Fiori 的重要概念之一。 ABAP Programming Model for SAP Fiori 适用于 SAP NetWeaver AS for ABAP 7.51 innovation package, SP00 或者更高的版本。对底层数据库没有要求，推荐使用 SAP HANA. 开发人员需要具备如下的 PFCG role：

SAP Fiori Launchpad 上看不到任何 tile 应该怎么办？

问题：我登录 AG3/001，使用事物码：/UI2/FLP, 打开的 Fiori Launchpad 上，看不到任何 tile： Chrome 开发者工具 console 面板也没有红色错误消息：登录 AG3/001 后台，查看 User Profile->Own Data: 以及事物码 SU01，查看自己分配的 PFCG role：根据下列两个 Fiori 帮助文档： https://h

SAP Fiori 的附件处理(Attachment handling)

以 SAP CRM Fiori 应用为例。附件处理有两个层面，即在 Fiori UI 上显示附件(读取操作)，以及通过 Fiori UI 创建附件(写入操作)。 Attachment 的读取如下图所示，点击任意 Attachment 超链接，即自动打开浏览器下载窗口。到该 OData 对应的实现系统，比如 AG3 后台，事物码 SEGW，打开 CRM

SAPUI5 fiori 开发的最佳实践 Best Practices for App Developers

一，只加载使用到的组件 1，使用manifest定义App所需要的依赖 "sap.ui5": { "dependencies": { "minUI5Version": "1.60.0", "libs": { "sap.ui.core": {}, "sap.m": {}, "sap.ui.layout": {} }

SAP Fiori 的学习路线指南

以下是我在 SAP 成都研究院工作 15 年根据自己工作中积累的经验，总结出的 Fiori 学习路线指南，纯属个人观点，不代表 SAP 公司。什么是 SAP Fiori，什么是 SAP UI5，二者的关系如何。Fiori 1.0，2.0 和 3.0 的演进：介绍 SAP Fiori 和 SAP UI5 这两个初学者容易混淆概念的区别和联系，介

VS Code开发SAPUI5应用

开发SAPUI5应用时， sap 自己的WEBIDE越来越难用。还好我们可以用Visual Studio Code来替代webide，详见sap自己的文章 Develop and Run SAP Fiori Application with Visual Studio Code 环境准备 VS Code - https://code.visualstudio.com/， Node JS- https://nodejs.org/en/dow

开源工具 @sap/ux-ui5-tooling 介绍

SAP Fiori Tools - UI5 Tooling 包含一系列可与命令 ui5 serve 一起使用的自定义中间件，以及可与命令 ui5 build 一起使用的自定义任务。此外，该模块公开了 cli fiori 产品，例如 fiori run 命令是 ui5 serve 命令的包装器，并提供了一些附加参数以及 fiori add deploy-config 和 fiori

SAP UI5 Tools 使用简介

我们可以使用如下命令行安装 SAP UI5 Tools： npm install --global @ui5/cli 进入一个空的文件夹，执行命令行 ui5 init 报错： Initialization not possible: Missing package.json file [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-v0m2EDef-16

Fiori application 内的View 之间的导航

refer to :https://blogs.sap.com/2018/06/02/how-to-load-a-json-model-from-manifest-file-and-send-json-object-as-a-parameter-through-routing-and-navigation/ 1: 根据template创建一个Free style的 Fiori application。 https://www.cnblogs.com/liyafei/p/15742879.htm

ABAP Platform 2020 发布的一些新功能

SAP FIORI FES 有哪些新功能？ SAP S/4HANA 2020 发布了一个新的 SAP FIORIFES 2020 addon，这个新版本包含新的 SAP Frontend Server 7.55。正如预期的那样，与以前的版本相比，新的 SAP FIORI FES 2020 包括许多新的创新和优势。我只想强调其中一些在我看来对基础管理员来说非常有

SAP Fiori 的 UI 新主题 Horizon

SAP’s UI Technologies supporting the new Horizon visual theme of SAP Fiori SAP 正在转变我们的设计和开发文化，更加专注于帮助人们更快、更轻松地完成工作并取得更好的成果。如果您还没有阅读过相关内容，请先阅读我们首席设计官 Benedikt Lehnert 的这篇博文，然后再继续阅读：体

使用vs code 创建fiori程序，并deploy到ABAP Server

使用vs code 创建fiori程序，并deploy到ABAP Server 事前准备安装SAP fiori tools插件，在插件搜索框内输入fiori，安装所有以SAP fiori tools开头的插件创建fiori程序 1，ctrl+shift+p ，输入Fiori,然后在列表里选择Open Application Generator 2，选择SAPUI5 freestyle，再选择SAPUI5 Applic

如何手动下载并安装 Visual Studio Code 的 SAP Fiori tools - Extension Pack 扩展

有朋友按照我这篇教程SAP UI5 本地开发环境的搭建里介绍的步骤，在 Visual Studio Code 内直接在线安装 SAP Fiori tools - extension pack 时：遇到一些错误，导致在线安装不能成功：错误消息： Error while installing SAP Fiori tools - Extension Pack extension. Please chec

一个典型的使用 SAP Cloud Application Programming 模型开发的 Fiori 应用

这个应用的完整代码，在这里可以下载。这个项目的层级结构如下图所示： bookshop 文件夹该文件夹下包含了基于 SAP CAP 编程模型实现的服务和测试数据。进入文件夹，执行命令 cds run：能看到这个自动生成的测试页面，点击 url 可以测试服务，看到调用后产生的输出：一个例子： fiori 文

SAP Fiori SSL 和 SAML 2.0 配置文档

如何基于 SAP CDS view 生成 object page

通过之前的文章如何在 SAP BTP 上通过 CDS view 快速创建 Fiori Elements 应用，我们已经创建了一个 CDS view，并基于该 CDS view，创建了一个 Fiori Elements 应用：如上图所示，我们期望，点击上图的“>”符号时，能跳转到该行项目对应的 object page 页面去。本文介绍实现方法。这个 CDS

如何在 SAP BTP 上通过 CDS view 快速创建 Fiori Elements 应用

本文基于 SAP Business Technology Platform 的 ABAP 编程环境进行的开发。使用 ABAP Development Tool 登录 SAP BTP ABAP 编程环境，新建一个 package，命名为 Z_JERRY_CDS. 右键选中该 package，创建一个新的 Consumption view. 该视图是一个消费视图，它基于业务对象 (BO) 视图 /DMO

SAP Freestyle UI5 和 SAP Fiori Elements 应用的区别

来自官方的解释与您在创建基于 SAP Fiori Elements 的 UI 部分中构建的基于 SAP Fiori 元素的应用程序有何不同？如前所述，freestyle 应用程序和 SAP Fiori 元素应用程序均基于 SAPUI5。可以将 SAP Fiori 元素应用程序视为使用 SAPUI5 构建的巨型播放器，其中大部分代码位于您自己的

如何使用Cordova将SAP Fiori应用打包并安装到Android平台上

There is a wonderful tutorial Building SAP Fiori-like UIs with SAPUI5 in 10 Exercises written by Bertram Ganz. In this blog, I will show step by step how to package the UI5 application built by this tutorial as a native application into your Android devic

关于 SAP Fiori Elements 应用标题属性(title) 的复制逻辑单步调试

为支持国际化(internationalization)，title 属性的值没有硬编码，而是维护在 i18n_<language_code>.properties 里： https://ldai7er9.wdf.sap.corp:44300/sap/bc/ui5_ui5/sap/jerryfioriapp/i18n/i18n_zh.properties https://ldcigm4.wdf.sap.corp:44355/sap/bc/ui5_ui5/ui2/ushell

如何从 SAP Fiori Elements List Report Table 点击事件响应函数里拿到表格某一行的信息

如下图所示，我按照这篇文章如何在 SAP Fiori Elements List Report 表格工具栏里增添新的自定义按钮里介绍的方式，在 SAP Fiori Elements List Report 应用的 table 工具栏里，添加了一个自定义按钮：下一步，我期望选中某行表项后，点击该按钮，能弹出对应表项的一些数据。所以问题的焦

深入掌握 SAP Fiori Elements 工作原理系列之二：如何给 Fiori Elements 应用添加自定义按钮

这是 Jerry 2021 年的第 33 篇文章，也是汪子熙公众号总共第 309 篇原创文章。 Jerry 的日常工作内容从 2020 年 8 月转到 Angular 前端开发之后，算是领略到了这个流行前端框架繁荣生态圈的风采：在开发过程中遇到 Angular 技术问题时，很容易在社区里找到大量相关文章。除了每天我都要浏

深入掌握 SAP Fiori Elements 工作原理的前提条件：理解 Smart Field

这是 Jerry 2021 年的第 33 篇文章，也是汪子熙公众号总共第 309 篇原创文章。 SAP 前端开发者如今使用的 SAP Fiori Elements，在 2016 年时被称为 Smart Template，其在 SAP 官网的定义是： Smart Template 是一套框架，针对最常用的应用模式，根据元数据注解，加上预定义的模板，在运行时能够动

SAP Fiori Elements 应用的 manifest.json 文件运行时如何被解析的

在 HTML 页面里，有一个 script 标签，locate-reuse-libs.js, 这个 JavaScript 文件触发 manifest.json 的加载与解析：在加载的 manifest.json 里，我们能看到 title 对应的place holder 为 i18n.properties 里的 appTitle. 此处, 函数 fnReplace18nText, 将 Resource Bundle 即 i18