当前位置：网站首页>SAP ui5 application development tutorial 70 - how to use button controls to trigger page routing jump trial version

SAP ui5 application development tutorial 70 - how to use button controls to trigger page routing jump trial version

2022-04-21 15:02:00 【Wang Zixi】

One suit SAP UI5 A step-by-step learning tutorial for beginners

Tutorial directory

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 , For example, steps 1 The source code of is here .

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 this tutorial 67 An article ：SAP UI5 Application development tutorial 67 - be based on OData V4 Of SAP UI5 List-Detail( list - Detailed ) How to realize the layout We introduced through SemanticPage Achieve click User Any line of the list , This can be displayed User Functions of information details page ：

We also stressed at that time , This User Open the details page , It's not through SAP UI5 The implementation of routing function , So even after the details page is displayed , Whole SAP UI5 The application corresponds to... In the browser address bar url Always the same .

Really adopt SAP UI5 Routing function from the list (List) The page jumps to details (Detail) Implementation steps of the page , You can refer to this step ：

SAP UI5 Application development tutorial 29 - SAP UI5 Introduction to routing and navigation functions of

This article introduces how to use the button control (Button) Trigger SAP UI5 Two different behaviors of page routing jump .

First, check the effect achieved after the completion of this step . Enter folder 70, Run command line ui5 serve, Then visit the following url：

http://localhost:8080/webapp/index.html

See the left and right buttons .

Click on Jump ( Don't modify url), Will jump to the following Customize Not Found page ：

Be careful , Customize Not Found Page development steps , It has been introduced in previous articles in this tutorial ：

SAP UI5 Application development tutorial 68 - How to achieve SAP UI5 Show custom when routing fails NOT Found page

But watch the above page in the browser address bar url, We found that , Jump from the initial application page to this Not Found In the process of page , Address bar url Nothing has changed , Still for ：

http://localhost:8080/webapp/index.html

Click... On the right Jump ( To be modified url), Then jump to the employee list page (Employee List)：

here url Changed to: ：

http://localhost:8080/webapp/index.html#/employees

below Is the detailed technical implementation details of this step .

版权声明
本文为[Wang Zixi]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204211501017562.html

边栏推荐

猜你喜欢

随机推荐