如果我们手上已经有可以正常工作的OData服务,无论位于ABAP on-premise系统还是public上的internet OData service,都可以用SAP WebIDE里的Fiori创建向导,几分钟之内轻松创建出可以持续开发的UI5应用。
打开SAP云平台上的WebIDE,New->Project from Template:
选择Master Detail风格的Fiori应用:
这里就要指定这个UI5应用消费的OData服务url了。下拉菜单里看到的是一个我在SAP云平台创建的Destination,指向on premise系统:
url路径选择/sap/opu/odata/sap/CRM_OPPORTUNITY,做过CRM的朋友们会知道这个路径指向的是CRM ABAP里的OData服务CRM_OPPORTUNITY:
点击Test,会解析出OData服务的metadata,然后可以点Next按钮:
点了Next之后,需要指定Master list和detail视图里重要字段的绑定路径。这些字段的说明在上图右边的缩略图里有展示。
点finish后,应用成功创建。执行应用:
最后渲染的应用如下:
至此我们没有编写一行代码,就得到了一个可以工作的master-detail风格的Fiori应用。
压缩过后webIDE自动生成的JavaScript总共代码也不过500多行:
要获取更多Jerry的原创文章,请关注公众号"汪子熙":
相关推荐
Jerry 也是从 SAP UI5 菜鸟一路走过来,深知只有 ABAP 开发背景的开发者,向 SAP UI5 开发领域转型的不易,因此我在业余时间设计了这份适合 SAP UI5 初学者的学习教程,把开发一个完整的 SAP UI5 应用的流程,拆分成...
SAP Fiori OData Services. OData is used to define best practices that are required to build and consume RESTful APIs. It helps you to find out changes, defining functions for reusable procedures and ...
SAP Web IDE设置指南,开发SAP UI5/Fiori必备
SAP Web IDE 个人版使用说明 we will see how we can connect our local SAPWebIDE to remote SAP Netweaver Gateway System. If you don’t have one then let’s get it from here (SAP Netweaver Gateway ...
Session 1: Introduction to SAPUI5 / FIORI (40 mins) ▫ Basic MVC concept: Model, View, Controller ▫ UI5 Control libraries • Session 2: Introduction to SAP Web IDE (20 mins) • Hands on 1: Build your...
SAP UI5作为前端开发框架,使用SAP Gataway开发后端OData Service
SAP S4HANA frontend fiori详细配置文档,以及简单权限配置
SAPUI5 Fiori 示例应用程序 归功于的让我开始 sap.ui.table 视图 没有 mvc,一切都在 index.html 里面 CRUD 操作一切正常 - 建设中 sap.m 移动视图 主从设计模式 MVC CRUD 操作 模拟服务器 格式化程序
SAP Fiori SAP Fiori SAP Fiori Architecture Architecture Overview to Deep Overview to Deep Dive -with with focus on S/4 HANA focus on S/4 HANA
以下是SAP Fiori的三种方案:交易应用程序(Transactional apps),分析应用程序(Analytical apps)和实况报告报表(Fact sheets)。每个方案都有其特定的系统或软件要安装。通过阅读本文档,它可以根据所需的系统...
SAP fiori的简易开发过程指南,从开发者角度出发,分后面ODATA开发环境和前端SAP UI5环境搭建,以及发布进行了讲解
SAP OData Training Agenda • Session 1: Introduction to REST (20 mins) • Session 2: Introduction to OData Service (40 mins) • Hands on 1: Build your 1 st OData Service (60 mins) ▫ Transaction: SEGW...
SAP S/4 UI5 FIORI开发
Fiori的方式开发响应式SAPUI5应用程序
UI5 FIORI SEGW SAP Gateway Service Builder!!!!!一个完成实例。。。。经典资料
SAP UI5项目实践,SAPUI5是SAP推出的一个前端框架,对移动设备友好
什么是SAP Fiori SAP UX策略 SAP Fiori设计指南(Design Guideline) SAP Fiori运行环境 SAPUI5与OpenUI5 OpenUI演示
SAPUI5, SAPFiori简介,更多信息:http://edu.csdn.net/course/detail/5046
SAPUI5, SAP Fiori开发工具介绍文档, 更多:http://edu.csdn.net/course/detail/5046
Take a deep dive into SAP Fiori and discover Fiori architecture, Fiori landscape installation, Fiori standard applications, Fiori Launchpad configuration, tools for developing Fiori applications and ...