One suit SAP UI5 A step-by-step learning tutorial for beginners
Tutorial directory
- SAP UI5 The construction of local development environment
- SAP UI5 One of the tutorials for beginners ：Hello World
- SAP UI5 The second tutorial for beginners ：SAP UI5 The guiding process of Bootstrap
- SAP UI5 The third tutorial for beginners ： Start touching the first SAP UI5 Control
- SAP UI5 Tutorial 4 for beginners ：XML View
- SAP UI5 The fifth tutorial for beginners ： View controller
- SAP UI5 Tutorial 6 for beginners - understand SAP UI5 Module (Module) Concept
- SAP UI5 Tutorial 7 for beginners - JSON A preliminary study of the model
- SAP UI5 Tutorial 8 for beginners - Multilingual support
- SAP UI5 Beginner tutorial 9 - Create the first one Component
- SAP UI5 The tenth tutorial for beginners - What is? SAP UI5 Applied descriptor Descriptor
- SAP UI5 Tutorial for beginners ：SAP UI5 Container class control Page and Panel
- SAP UI5 Tutorial 12 for beginners - Use CSS Class to UI Further beautification
- SAP UI5 Tutorial for beginners - How to add custom CSS class
- SAP UI5 Tutorial for beginners - How embedded views are used
- SAP UI5 Tutorial for beginners - Dialog box and Fragments How to use
- SAP UI5 Tutorial for beginners - Icon icon Use
- SAP UI5 Tutorial for beginners - Aggregate binding in UI5 Use in composite controls
- SAP UI5 Tutorial for beginners - SAP UI5 Special symbols in data binding Syntax , And a detailed explanation of the concepts of absolute binding and relative binding
- SAP UI5 Tutorial for beginners - SAP UI5 Data types and complex data binding
- SAP UI5 Tutorial for beginners - SAP UI5 Explanation of expression binding usage
- SAP UI5 Tutorial for beginners - SAP UI5 Custom formatter Custom Formatter
- SAP UI5 Tutorial for beginners - filter filter The development and use of
- SAP UI5 Tutorial for beginners - Sorting of list controls Sort And grouping Group
- SAP UI5 Tutorial for beginners - How to use OData Data model
- SAP UI5 Tutorial for beginners - Use proxy server to solve SAP UI5 Application access remote OData Cross domain issues of services
explain
Jerry from 2014 To join in SAP Chengdu Research Institute CRM Fiori After that, the development team began to contact SAP UI5, Once in the SAP Communities and “ Wang Zixi ” There are many articles on WeChat official account SAP UI5 Working principle and source code analysis article .
stay Jerry This article Yes SAP UI5 A novice who knows nothing , Which materials are better to start with ？ It was mentioned that ,Jerry Also from the SAP UI5 Rookies come all the way , Knowing that only ABAP Developers with development background , towards SAP UI5 It is not easy to transform the development field , So I designed this job in my spare time SAP UI5 A tutorial for beginners , Develop a complete SAP UI5 Application process , Split into several steps , Make every effort to , Cover all the knowledge points involved in . These knowledge points may not be like mine UI5 The source code analysis series is so in-depth , But try to be easy to understand , Easy SAP UI5 Beginners understand .
The source code for each step of this tutorial , All stored in my Github On , Use folders separately 01,02,03 Wait to identify .
Each step is based on the previous step , Added several new features . Suggest zero basis or to SAP UI5 Beginners who know little , Learn step by step from the first step in order , Download the code locally , With the text explanation of the tutorial , Do it yourself , To deepen understanding .
If you have any questions about each step of the tutorial , Welcome to give me comments in the corresponding step article of the tutorial , Leave a message .
In the previous article in this tutorial ：SAP UI5 Tutorial for beginners - How to use OData Data model We are trying to run locally SAP UI5 application (localhost:8080) in , Access remote OData service https://services.odata.org/V2..., Cross domain access related errors will be encountered ：
Current step 24 The solution given is , Use chrome.exe Start parameter of --disable-web-security, Disable its security policy check when it comes .
This article introduces another method of using a locally erected proxy server , It can also avoid the cross domain error .
This article uses SAP UI5 Application source code , Same step 24 The difference is very small , Added a proxy server implementation , Located in file proxy.js in .
The detailed steps as follows ：
