5. 动手开发第一个 SAP Fiori Elements 应用

已于 2025-07-07 23:24:03 修改
阅读量1.7k 收藏
点赞数 2
CC 4.0 BY-SA版权
分类专栏： SAP Fiori Elements 从入门到进阶 文章标签： Fiori SAP 思爱普 SAP UI5 ui5
于 2023-06-03 20:47:21 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/131025412

文章目录


本教程的前五篇文章，我们已经为 SAP Fiori Elements 的创建做了足够的铺垫。

了解本专栏 订阅专栏 解锁全文
1. SAP Fiori Elements 开发环境的搭建和开发准备工作
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-17 2458
本文介绍了本地使用 Visual Studio Code 进行 Fiori Elements 开发所需要安装的这个扩展包里6个能够提高 Fiori Elements 应用开发效率的扩展。在本教程后续步骤里我们会通过实际的例子介绍这些 Visual Studio Code 扩展的详细用法。
SAP Fiori Elements 概述
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-18 690
SAP Fiori elements provide designs for UI patterns and predefined templates for common application use cases. SAP Fiori Elements 提供了预定义的模板和 UI 样式，适用于 SAP 应用的通用应用场合。 App developers can use SAP Fiori elements to create SAP Fiori applications based on ODat.
SAP Fiori UI5 开发环境搭建和部署（含增强开发）
最新发布
Cappuccino0001的博客
06-09 1073
本文介绍了 SAPUI5、OpenUI5 和 Fiori 的关系,记录了使用 VSCode 进行 Fiori 开发的步骤：环境搭建、两种开发模式（自由开发和增强开发）的工程创建与运行，以及应用部署和磁贴发布的完整流程。
SAP Fiori的ABAP编程模型-在Fiori中使用Fiori Elements讲解
matinal 當冬夜漸暖 。公众号：matinal
12-09 1610
在深入研究类似于Display的Fiori应用程序的创建之前，让我们了解Fiori Element的相关性和用法。为了在开发SAP Fiori应用程序时减少前端代码的数量并保持设计的一致性，SAP引入了生成UI的框架。它称为SAP Fiori Element。SAP Fiori Element使用元数据注释和预定义模板来生成SAP Fiori应用程序。 因此，SAP Fiori Element模板通过仍使用前端中的预定义扩展点来提供灵活性，从而极大地减少了必要的前端SAPUI5 JavaScript代码.
SAP Fiori Elements学习笔记
m0_50170241的博客
07-23 445
Fiori element是SAP为Fiori APP提供了一套开发框架，可以理解为“Fiori 应用程序的的开发人员，可以根据自己的业务场景，选取相应的模板，开发过程中，通过使用OData的annotation便可以自动生成Fiori的前台UI（这个功能可谓提供了不少便利）。
SAP Fiori Elements propertyAnnotations 举例讲解
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-24 241
Common.Text” 注解项定义了一个路径，该路径指向一个用于生成属性值文本表示的属性。它的 “Value” 属性定义了数据字段的值，“Label” 属性定义了数据字段的标签，“Criticality” 属性定义了一个路径，该路径指向一个表示数据字段的重要性或严重性的属性。每个属性注解都可以包含多个注解项，这些注解项描述了该属性的各种方面，例如它在用户界面中的表示方式，它是否可编辑，它是否必须的，等等。例如，假设我们有一个表示订单的数据模型，其中有一个名为 “Amount” 的属性，表示订单的金额。
Fiori Elements 应用里的 Object Page
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-01 151
Object Page 是 SAP Fiori Elements 中用于展示单个业务对象详细信息的强大工具。它的可配置性和现代化的用户体验使得开发人员能够快速构建复杂的详细信息展示和编辑应用，同时确保符合 SAP Fiori 的用户体验标准。
3. 动手运行第一个 SAP Fiori Elements 应用(ListReport 类型)
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-30 1036
这个代理服务器能够自动监听我们 Fiori Elements 应用里向 ES5 Demo 系统发送的 OData 请求，拦截这个请求，并通过 Node.js 代码向 ES5 服务器转发，拿到响应数据后再交还给 Fiori Elements 应用。后者对自己发出的请求被代理这件事情一无所知。本文的任务是，大家按照我的介绍，在本地成功运行笔者准备的这个 Fiori Elements 应用。的错误消息, 说明大家安装的 Node.js 版本没有达到本地运行 Fiori Elements 的最低要求。
7. SAP Fiori Elements 应用里的 ui5.yaml 文件详解
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-29 368
说明 SAP UI5 框架库文件是部署在 CDN 上的，CDN 的主要目标是通过将数据缓存到位于不同地理位置的多个服务器上，使用户能够从离他们更近的服务器获取内容，从而减少访问延迟、提高加载速度和改善网站的性能。因为本教程，下一篇文章，我们就要介绍，如何通过修改 Fiori Elements 本地工程文件夹里的注解文件，来达到微调 Fiori Elements 应用显示内容的目的。，是通过代理服务器的 Node.js 代码被访问的，访问结果再通过代理服务器，转交给 Fiori Elements 应用。
SAP Fiori Elements 扩展实战：UI 层扩展、OData 服务扩展、CDS 视图增强及全流程案例
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-03 225
UI 层扩展主要关注在不修改标准生成界面的基础上，自定义用户界面元素和交互逻辑。典型需求包括：在现有 Fiori Elements 界面上添加新的字段（如表格列或表单项）、增加自定义按钮并绑定操作、以及通过控制器扩展加入事件处理等。无论在 RAP 还是传统 BOPF 架构下，前端 UI 扩展通常采用 SAPUI5 提供的**扩展点（Extension Points）和控制器扩展（Controller Extension）**机制来安全地插入自定义代码。下面分别说明两种后端架构下 UI 扩展的实现方式。
使用SAP Fiori Elements开发应用程序
lifeng_read的博客
01-05 608
使用SAP Fiori Elements开发应用程序Fiori Element 简介为什么要使用SAP Fiori元素？SAP Fiori元素平面图创建应用程序：系统要求 Fiori Element 简介 本节包含有关使用SAP Fiori元素开发SAP Fiori应用程序的信息。 为什么要使用SAP Fiori元素？ SAP Fiori元素为常见的应用程序用例提供UI模式和预定义模板的设计。应用程序开发人员可以使用SAP Fiori元素基于OData服务和不需要JavaScript UI编码的注释来创建S
SAP FIORI专题之三：使用fiori element构建list
stuforever的博客
07-19 2279
废话不多说，还是直接上代码，只有让我等小白快速构建个应用，跑起来，才能有学下去的信心，才有可能“兼顾”搞个fiori。就像SAP云端的最新studio，就不能让我一键发布啊，还配置来配置去的，连webide资料都少的可怜，更何况你新框架，那个操作手册就不能图文并茂，真正傻瓜式的指导做下去吗？3.所以，我认为SAP的策略，就应该化繁为简，其吸引的开发群体，是原先搞ABAP的那部分人，构建前端工程就像调用alv类似的，只需要调整一些参数就够了。CDSVIEW构建完后，可以直接注解发布，也可以后端发布。...
迈入 SAP Fiori Elements 开发的大门 - 什么是 Fiori Elements，它和 Freestyle UI5 开发方式有何区别？
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-15 2194
Fiori Elements 和 SAP UI5 Freestyle 是两种不同的开发方式，二者各有其优势和应用场合。如果 SAP UI5 应用开发需要在极短的时间快速完成，并且应用仅仅需要完成 SAP Fiori Elements 预置模板就能覆盖的标准流程，对灵活性，自由度和可扩展性没有太多要求，那么 Fiori Elements 是比较合适的选择。 如果应用需要实现非标准化的业务流程和用户界面，对定制化，可扩展性和灵活性有较高要求，则推荐使用 Freestyle UI5 开发方式。
Fiori Elements 从入门到精通开发教程的文章目录
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-09 2597
Fiori Elements 开发技术相对 SAP 其他历史悠久，发展成熟的开发技术来说，是一个新事物。正因如此，迄今为止国内深入讲解 Fiori Elements 应用的中文材料几乎没有。
SAP Fiori开发视频教程--由浅入深学习Fiori开发
11-10
SAP Fiori开发视频培训课程：SAP Fiori是SAP设计的对软件和应用的新用户体验。本课程将由浅入深，从后端到前端，从较早的Eclipse开发到现在流行的WebIDE开发，从SAPUI5到ABAP 再到CDS, 从简单的List APP到较为复杂的Fiori Element开发，系统性地讲述SAP Fiori的开发过程。学员学习本套课程后，能有如下收获1. 掌握Fiori核心功能Query以及CRUD前后端开发的基础2. 掌握CDS View的基本概念以及开发方式3. 掌握OData的开发以及测试4. 了解Fiori 开发中注解的概念，包含OData注解、CDS注解以及Local UI注解5. 掌握S4最常用报表List Report以及Overview Page的开发过程6. 掌握Fiori各类型磁贴的配置
SAP FIORI专题之一：初次接触fiori，用sap hana studio开发发布UI5程序
热门推荐
stuforever的博客
07-07 1万+
fiori作为S4的最新开发工具，其强大毋庸置疑的。作为一个老开发，作为一个特别特别熟悉微服务和前后端开发的人来说（相对SAP业务来说的，相对开发自己就是小弟），我不去整整fiori开发的话，他瞄的同行都觉得不可思议。 本篇都是一些实践，当然是看的大神视频做的总结，肯定没原创。。这个所有代码以及内容，均是CSDN大神胡诗君的视频，我是跟着一步步学习的。只要买了CSDN超级会员都可以看。本篇只是笔记，如有侵权，及时告知（马上删除）。原视频非常精彩，浅而已懂，建议大家购买学习SAP Fiori开发视频教程–由浅
FIORI：创建项目与部署
weixin_43734184的博客
08-16 3131
2.首先打开fiori launchpad,然后通过/O/UI2/FLPD_CUST配置磁贴。当前端代码完成后：se38中打开程序：/UI5/UI5_REPOSITORY_LOAD。这里需要先创建一个定制请求：点击设置。这里很重要，否则默认是本地。将代码上传到SAP中，后期修改也是在这里进行上传和下载。4.PFCG创建权限对象，将目录与组维护进去。第一步完成后，在组中将磁贴增加进去。然后点击Finish。...............
SPA Fiori开发实战课程（一）
bigbearxyz的博客
07-19 1872
由于工作需要，对Fiori的开发有了一些具体实践，所以做一些记录和总结。
SAP Business Application Studio(BAS)中开发Fiori App的基础知识
SAP领域技术博客
03-18 2170
本文介绍了在SAP BAS中开发Fiori App需要掌握的一些基础知识，并给出了一个运行Fiori App的示例。
SAP Fiori Elements教程：示例OData V4服务材料
资源摘要信息:"fiori-elements-incident-management是一个包含SAP开发人员中心提供的教程示例OData V4服务的存储库。该教程涉及如何使用SAP Fiori Elements平面图进行开发。通过这个教程，SAP开发人员可以学习如何...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值