`
JerryWang_SAP
  • 浏览: 1026145 次
  • 性别: Icon_minigender_1
  • 来自: 成都
文章分类
社区版块
存档分类
最新评论

如何用SAP WebIDE的Fiori创建向导基于ABAP OData service快速创建UI5应用

阅读更多

如果我们手上已经有可以正常工作的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的原创文章,请关注公众号"汪子熙":

 

 
0
0
分享到:
评论

相关推荐

    SAP Web IDE 个人版使用说明.docx

    SAP Web IDE(集成开发环境)个人版是一款强大的工具,旨在为开发者提供一个高效、便捷的平台来开发、测试以及部署SAP UI5应用和其他类型的应用。本文档将详细介绍如何设置本地SAP Web IDE并连接到远程SAP NetWeaver...

    SAP Web IDE设置指南

    SAP Web IDE是一款基于浏览器的集成开发环境,支持开发者在云端创建、编辑和调试SAP UI5/Fiori应用。它不仅提供了代码编辑功能,还包含了一整套工具和服务,如版本控制、项目管理以及与SAP系统的集成等。此外,SAP ...

    SAP Fiori Odata 实施步骤

    ### SAP Fiori OData 实施步骤详解 #### 一、OData与SAP Fiori的关系 在SAP Fiori环境中,OData(Open Data Protocol)扮演着至关重要的角色。它是一种用于定义构建和消费RESTful API的最佳实践的标准协议。通过...

    UI5-FIORI-安装配置开发环境搭建及测试程序案例.pdf

    UI5-FIORI 是基于 SAP NetWeaver 平台的开发环境,旨在帮助开发者快速搭建和测试 Fiori 应用程序。本文档旨在指导开发者如何安装和配置 UI5-FIORI 开发环境,搭建测试程序,并进行相关设置和测试。 一、组件要求 ...

    SAP Fiori应用程序模型中的ABAP编程规范

    适用人群:针对需要掌握SAP环境内基于ABAP的技术栈的开发人员,特别是致力于提高自身能力从而能在实际项目当中成功地创建与优化Fiori程序的专业人士。 使用场景及目标:适用于那些旨在提升自己对于底层技术和具体...

    SAPUI5(SAP Fiori)开发工具介绍

    Eclipse Web IDE是一个基于Eclipse开发工具集的集成开发环境,它提供了一系列开箱即用的工具和插件,可加速SAPUI5和SAP Fiori应用的开发。SAP Web IDE则是SAP云平台上的一个Web开发工具,它为开发者提供了创建、编辑...

    SAPUI5(SAP Fiori)运行环境介绍

    SAP Web IDE是SAP提供的集成开发环境,用于创建、开发和部署SAPUI5应用。它提供代码编辑器、库管理、应用生命周期管理和部署功能等,方便开发者在云端直接进行开发工作,并且可以与HAT(SAP混合应用工具)结合,编写...

    SAP UI5 OData开发

    在深入探讨SAP UI5 OData开发之前,需要明确几个关键点:SAP UI5是一个前端开发框架,而OData(Open Data Protocol)是一种基于Web的协议,允许创建和消费可查询和可更新的数据服务。SAP Gateway是SAP NetWeaver的一...

    SAP-Web-IDE-Solution-Overview

    SAP Web IDE 提供了强大的工具来扩展现有的 SAP Fiori 应用或创建新的应用。开发者可以通过使用 SAP Web IDE 中的扩展工具来添加自定义功能,或者修改现有应用的行为。这些工具支持 SAP Fiori 元素的概念,使得扩展...

    SAPUI5(SAP Fiori)开发技术要求

    SAPUI5是实现SAP Fiori应用开发的关键技术,它基于开放的Web标准,如HTML5、CSS3和JavaScript,以及jQuery和OpenUI5框架,从而允许开发者构建面向移动设备和桌面浏览器的现代Web应用。 在进行SAPUI5或SAP Fiori开发...

    SAP Fiori_Training_Day_2.pdf

    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 Fiori的ABAP编程模型详解及其应用场景

    内容概要:介绍了SAP Fiori的ABAP编程模型的基本架构,涵盖从核心数据服务(CDS)到ABAP应用程序服务和SAP UI5的使用,深入解析了基于CDS的观点层数据定义及其相关BOPF(Business Object Processing Framework)的运用,...

    UI5 FIORI SEGW SAP Gateway Service Builder

    标题“UI5 FIORI SEGW SAP Gateway Service Builder”涉及到几个关键的技术领域:UI5(也称SAPUI5或OpenUI5)、FIORI、SEGW以及SAP Gateway。本段将详细解释上述技术概念以及它们在构建SAP企业级应用时的作用。 UI5...

    sapFiori配置手册[整理].pdf

    同时,需要将管理员账号分配额外权限,如S_ICF_ADM、S_RFC、S_SERVICE、S_TCODE、S_CTS_ADMI、S_CTS_SADM、S_TRANSPRT、S_DEVELOP、S_ADT_RES等,将角色Z:CRM7_UI5分配给管理员PABAP04。 2. 连接设置 在SAP Fiori...

    SAP S4HANA Fiori配置

    4. **角色分配**:创建或修改SAP S/4HANA中的角色,将Fiori应用关联到相应角色,确保用户只能访问其职责范围内的应用。 5. **用户分配**:将Fiori角色分配给特定用户,完成用户的权限设定。 6. **前端服务器设置**:...

    SAP fiori 简易开发流程

    SAP fiori的简易开发过程指南,从开发者角度出发,分后面ODATA开发环境和前端SAP UI5环境搭建,以及发布进行了讲解

    SAP Fiori(SAPUI5)简介

    总结来说,SAP Fiori结合SAPUI5框架为用户提供了全新的体验,采用现代的Web技术标准,将SAP应用的用户界面推向了新的高度。它不仅提供了丰富的交互组件和响应式设计,还能够与后端服务进行有效的整合,支持跨平台、...

    Building SAP Fiori-like UIs with SAPUI5 in 10 Exercises

    这些练习需要SAPUI5运行时版本1.16.4,这个版本包括在多个SAP平台发布版本中,比如SAP NetWeaver AS ABAP 7.0/7.01/7.02/7.03/7.31、SAP NetWeaver AS ABAP 7.40 SPS 6、SAP NetWeaver AS Java 7.31 SPS 10、SAP ...

    Fiori的方式开发响应式SAPUI5应用程序

    根据给定文件的信息,我们可以详细地探讨如何使用Fiori的方式开发响应式的SAPUI5应用程序。本篇文章将深入分析SAPUI5及其与Fiori应用的关系,并着重讲解Fiori模式下的响应式设计原则。 ### SAPUI5简介 SAPUI5是一...

Global site tag (gtag.js) - Google Analytics