在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用

(1) Create CDS view based on sample database table spfli and scarr


Create two CDS views in ABAP development studio. The source code for both are listed below. You just need to copy them into studio and click activate button.在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Once activated, there is a hint in studio to tell you the automatically published OData service name, and then tcode for service registration.在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用(2) Use tcode /IWFND/MAINT_SERVICE to finish OData service registration在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Specify System Alias = LOCAL and search using the CDS name you get from step1, select the search result and click “Add Selected Services”:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Once added, click “SAP Gateway Client” to test whether the OData service works:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Make sure the metadata request returns 200 success code.在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用(3) Create UI5 application using Wizard in WebIDE


Open WebIDE, File->New->Project from Template, choose Smart Template Application and next:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Select the destination for your backend where CDS view is created, and locate your OData service created just now:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用The annotation file is automatically identified, just click Next button:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Choose OData Collection from drop down list and click Finish button:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Once created, the project looks like below. Choose Component.js and click Run button in WebIDE Toolbar:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用From rendered application you could see the table is now filled with data fetched from CDS view:在SAP WebIDE里使用Fiori Elements快速开发SAP UI5应用Build a Productive Fiori application in CRM Service area

Would you like to use the introduced technology to build a more complicated and productive Fiori application in CRM Service area? Then follow the steps in this blog Create a CRM Service Order Fiori application within a couple of minutes.



上一篇:Python干货(二):27个问题,告诉你 Python 为什么如此设计?


下一篇:私有属性和方法的使用 | 手把手教你入门Python之五十九