在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用

已于 2024-10-15 13:37:14 修改
阅读量1.4k 收藏 4
点赞数 1
CC 4.0 BY-SA版权
分类专栏： SAP UI5 百科全书 文章标签： 前端 SAP UI5 Fiori SAP 思爱普
于 2021-04-11 16:00:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/i042416/article/details/115600850

这是 笔者2021 年的第 26 篇文章，也是汪子熙公众号总共第 297 篇原创文章。

本文绝非标题党。

Jerry 前一篇文章 SAP Cloud Application Programming 介绍 - 2021 更新版，介绍了如何使用 SAP Cloud Application Programming，在本地创建一个 OData 服务，并且利用 SAP CAP SDK，在一个自动且临时生成的 Fiori Elements 应用里，消费该 OData 服务，展示其暴露的在线书店的业务数据。这个临时的 Fiori Elements 应用界面如下：

本文 Jerry 继续介绍，如何在没有任何前端开发经验的前提下，利用 SAP 发布的一个标准 OData 服务，通过 SAP Fiori Elements 提供的一系列工具，创建第一个 Fiori Elemen

了解本专栏 订阅专栏 解锁全文
SAP Fiori Elements 扩展实战：UI 层扩展、OData 服务扩展、CDS 视图增强及全流程案例
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-03 244
UI 层扩展主要关注在不修改标准生成界面的基础上，自定义用户界面元素和交互逻辑。典型需求包括：在现有 Fiori Elements 界面上添加新的字段（如表格列或表单项）、增加自定义按钮并绑定操作、以及通过控制器扩展加入事件处理等。无论在 RAP 还是传统 BOPF 架构下，前端 UI 扩展通常采用 SAPUI5 提供的**扩展点（Extension Points）和控制器扩展（Controller Extension）**机制来安全地插入自定义代码。下面分别说明两种后端架构下 UI 扩展的实现方式。
3. 动手运行第一个 SAP Fiori Elements 应用(ListReport 类型)
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-30 1044
这个代理服务器能够自动监听我们 Fiori Elements 应用里向 ES5 Demo 系统发送的 OData 请求，拦截这个请求，并通过 Node.js 代码向 ES5 服务器转发，拿到响应数据后再交还给 Fiori Elements 应用。后者对自己发出的请求被代理这件事情一无所知。本文的任务是，大家按照我的介绍，在本地成功运行笔者准备的这个 Fiori Elements 应用。的错误消息, 说明大家安装的 Node.js 版本没有达到本地运行 Fiori Elements 的最低要求。
SAP fiori 简易开发流程
11-20
SAP fiori的简易开发过程指南，从开发者角度出发，分后面ODATA开发环境和前端SAP UI5环境搭建，以及发布进行了讲解
2019-03-19 Fiori学习笔记 Fiori开发环境
m0_37461511的博客
03-19 689
Fiori 文档 ：https://experience.sap.com/fiori-design-web/ Fiori 登录：https://cloudplatform.sap.com/index.html 首先在cloud platform上注册账号 登录 选择 Neo SAP架构 在服务中搜索并启动 1. 门户 2.Web IDE 全栈 3.OData 配...
SAP Fiori UI5 开发环境搭建和部署（含增强开发）
最新发布
Cappuccino0001的博客
06-09 1107
本文介绍了 SAPUI5、OpenUI5 和 Fiori 的关系,记录了使用 VSCode 进行 Fiori 开发的步骤：环境搭建、两种开发模式（自由开发和增强开发）的工程创建与运行，以及应用部署和磁贴发布的完整流程。
fiori开发笔记
盈于心胸，充塞天地
03-04 1657
筛选数组 new_data = results.filter(function(element, index) { return element['GLAccount'] =="21190000"; }); 保留小数位 .toFixed(2); 去掉前导零 s.replace(/\b(0+)/gi,"") 当前日期 var strDate1 = new Date().getFullYear() + "-" + ((new Date().getMonth() + 1) &l...
SAP BAS 创建 fiori 项目
qq_41757790的博客
02-26 269
通过 bas 创建 fiori 项目
14. SAP Fiori Elements List Report 如何在扩展开发里使用代码获得当前选中的表格行项目
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
08-20 502
本文介绍了如何在 SAP Fiori Elements List Report 的自定义 Action 扩展开发中，使用 JavaScript 编码，获取当前选中的表格行项目的业务数据。 本教程下一篇文章，我们会介绍另一种更规范也是 SAP 推荐的 Extension API 的方式，同样能实现本文描述的需求。
深入理解 SAP Fiori Elements 工作原理系列之二：如何给 SAP Fiori Elements 应用添加自定义按钮
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-08 612
这是 Jerry 2021 年的第 33 篇文章，也是汪子熙公众号总共第 309 篇原创文章。 Jerry 的日常工作内容从 2020 年 8 月转到 Angular 前端开发之后，算是领略到了这个流行前端框架繁荣生态圈的风采：在开发过程中遇到 Angular 技术问题时，很容易在社区里找到大量相关文章。除了每天我都要浏览的 Angular 官网之外，我也经常阅读一些国内外大神写的关于 Angular 源代码分析的博客。 同 Angular 相比，使用 SAP Fiori Elements 的从业者的绝对
SAP BAS中Fiori开发的高阶功能(storyboard, navigation, guided development, variant)
SAP领域技术博客
03-22 1685
本篇博客介绍一些在开发Fiori应用程序时会用到的高阶功能，例如各种辅助的modeler, manifest manager, story board以及app间导航和在launchpad上启动应用程序等概念。
SAP Fiori开发视频教程--由浅入深学习Fiori开发
06-09
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各类型磁贴的配置
SAPUI5(SAP Fiori)开发工具介绍
06-23
SAPUI5, SAP Fiori开发工具介绍文档, 更多：http://edu.csdn.net/course/detail/5046
SAP UI5 本地开发工具 fiori-tools-proxy 中间件详解及使用场景
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-26 114
该中间件基于 http-proxy-middleware 库实现，分为 ui5 资源代理和 backend 代理两大模式，并可与 fiori run 或 ui5 serve 命令无缝集成，通过配置 ui5.path、ui5.url 以及 backend.path、backend.url 等参数，实现与目标系统的灵活对接和安全配置 (就后端系统代理而言，fiori-tools-proxy 内置 @sap-ux/backend-proxy-middleware，可将以指定前缀（如。
Fiori WebIde开发环境搭建
SAP自学之路
08-06 1173
WebIDE下载网址：https://tools.hana.ondemand.com/#sapui5 下载好之后打开进入 WEB IDE\eclipse\config_master\service.destinations\destinations，在destinations文件下面拷入SAP GUI的客户端配置（txt文档），URL填入GUI上配置的服务器地址就行，端口就配8080（有冲突的话在后台关掉），格式如下 之后返回\WEB IDE\eclipse打开orion运行 运...
SAP学习笔记 - 开发29 - 前端Fiori开发 Custom Controls（自定义控件）
shi_ly的专栏
06-09 1344
本章学习了Fiori自定义控件的要素及实例。感觉还行，不过这就是个官方实例，真正用的自定义控件肯定是比这要复杂很多。
视频教程-SAP Fiori开发视频教程--由浅入深学习Fiori开发-其他
weixin_30267211的博客
05-28 1384
SAP Fiori开发视频教程--由浅入深学习Fiori开发 ABAP/Fi...
FIORI：创建项目与部署
weixin_43734184的博客
08-16 3135
2.首先打开fiori launchpad,然后通过/O/UI2/FLPD_CUST配置磁贴。当前端代码完成后：se38中打开程序：/UI5/UI5_REPOSITORY_LOAD。这里需要先创建一个定制请求：点击设置。这里很重要，否则默认是本地。将代码上传到SAP中，后期修改也是在这里进行上传和下载。4.PFCG创建权限对象，将目录与组维护进去。第一步完成后，在组中将磁贴增加进去。然后点击Finish。...............
SAP Fiori VS Code 开发环境「部署」
Wriprin 的技术博客
10-27 3169
SAP Fiori VS Code 开发环境「部署」(Visual Studio Code VSCode)
SAP Fiori Elements教程：示例OData V4服务材料
资源摘要信息:"fiori-elements-incident-management是一个包含SAP开发人员中心提供的教程示例OData V4服务的存储库。该教程涉及如何使用SAP Fiori Elements平面图进行开发。通过这个教程，SAP开发人员可以学习如何...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

汪子熙

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

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

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

打赏作者

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

抵扣说明：

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

余额充值