头图

A set of step-by-step learning tutorials for SAP UI5 beginners

About the Author

Jerry Wang, joined the SAP Chengdu Research Institute after graduating from the University of Electronic Science and Technology of China with a master's degree in computer science in 2007. Jerry is a SAP Community Mentor and a SAP China Technology Ambassador. In his 15-year career in SAP standard product development, Jerry has participated in the research and development of standard products such as SAP Business ByDesign, SAP CRM, SAP Cloud for Customer, SAP S/4HANA, and SAP Commerce Cloud (e-commerce cloud).

Jerry uses ABAP, Java, JavaScript and TypeScript for development, and has in-depth research on various SAP self-developed frameworks including SAP UI5.

Tutorial Directory

illustrate

Jerry has been in contact with SAP UI5 since joining the CRM Fiori development team of SAP Chengdu Research Institute in 2014. He has published many articles on the working principle and source code analysis of SAP UI5 in the SAP community and the WeChat public account "Wang Zixi".

In Jerry's article , a novice who knows nothing about SAP UI5, which materials are better to start with? As I mentioned, Jerry has come all the way from SAP UI5 rookie. He knows that it is not easy for developers with only ABAP development background to transform to SAP UI5 development field, so I designed this suit in my spare time SAP UI5 不同水平 The learner's learning tutorial, which divides the process of developing a complete SAP UI5 application into several steps, and strives to cover all the knowledge points involved in each step.

These knowledge points may not be as in-depth as my UI5 source code analysis series articles, but I strive to explain the profound things in simple language. The important knowledge points are accompanied by detailed screenshots to assist the introduction of the text, which is convenient for the understanding of the tutorial learners.

The source code of each step of this tutorial is stored on my Github , identified by folders 01, 02, 03, etc. For example, the source code of step 1 is here .

Each step builds on the previous step with several new features added. It is recommended to have zero foundation or little knowledge of SAP SAP UI5 初学者 , learn step by step from the first step in order, download these codes to the local, cooperate with the text explanation of the tutorial, and do it yourself to deepen your understanding .

For SAP UI5 developers who have already 有一定基础 , you can skip the previous part of the more basic chapters through the table of contents of this article, and directly select chapters that are related to your own work projects, or include some knowledge points that you have not yet mastered. Targeted learning.

If you have any questions about each step of the tutorial, you are welcome to comment and leave a message in the article corresponding to the steps of the tutorial. Although I am usually very busy with development work, I promise to check the comments you leave me on a regular basis. For the technical questions involved, I will definitely 抽时间做出解答 .

In the eighth step of this tutorial, we introduced SAP UI5 support for multiple languages. The formal term should be internationalization, internationalization, i18n for short:

SAP UI5 Application Development Tutorial No. 8-Multilingual Support

Let's briefly review. In the subfolder i18n under the folder 127, different texts are maintained according to different languages. i18n.properties is the text content that needs to be displayed in the default English version:

i18n_zh.properties is maintained in Chinese:

These two files ending with .properties are officially called Resource Bundle in SAP UI5.

Then in the Input control, we no longer hard-code the value, but bind it to the i18n model (ResourceModule) field. Depending on the runtime locale, the Input control can display either Hello or 你好 two values.

In English, it displays Hello :

In the Chinese environment, it displays 你好 :

If the url parameter sap-language is not used, will SAP UI5 display the text in English or Chinese by default?

Maybe a friend said, in this case, isn't it just displayed according to the language setting of the current browser? This answer is not entirely accurate.

List of questions we will answer in this article

(1) If the SAP UI5 project maintains i18n properties files in multiple languages, which one is loaded at runtime?

(2) What factors determine the operating environment language of SAP UI5 applications?

(3) What is the global configuration data structure (Global Configuration) of SAP UI5 application? How to use these configurations?

(4) When there is a conflict between the global configuration of the SAP UI5 application and the url parameters manually specified by the user, who has the higher priority?

Below we will explain in detail.


注销
1k 声望1.6k 粉丝

invalid