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
- SAP UI5 Tutorial for beginners - OData Service cooperation Mock Detailed explanation of the use steps of the server
- SAP UI5 Tutorial for beginners - SAP UI5 Applied unit testing tools QUnit Introduce
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 .
Jerry Do it before SAP UI5 Standards developed and now used Angular Development SAP Spartacus When applied , Our team's development specification is , Every new front end added feature, You must use a new Unit Test Case (test case) Cooperate with them .
In this step, we will refer to step 21 SAP UI5 Tutorial for beginners - SAP UI5 Custom formatter Custom Formatter To introduce the Custom Formatter Create a unit test case , To introduce SAP UI5 Unit test tools QUnit How to use .
This step contains all the source code , be located Github This address ：
https://github.com/wangzixi-d...
After following the steps in this article , visit url：
http://localhost:8080/webapp/...
You will see the following prompt page for successful test ：
SAP UI5 Detailed implementation steps of unit test , Refer to my article article .
