当前位置:网站首页>SAP ui5 application development tutorial 106 - how to improve the readability of SAP ui5 application routing URL trial version
SAP ui5 application development tutorial 106 - how to improve the readability of SAP ui5 application routing URL trial version
2022-07-05 00:41:00 【Wang Zixi】
One suit SAP UI5 A step-by-step learning tutorial for beginners
Author's brief introduction
Jerry Wang,2007 After graduating from the University of Electronic Science and technology with a master's degree in computer science, he joined SAP Chengdu Research Institute has worked so far .Jerry yes SAP Community mentors ,SAP Chinese technical Ambassador . In a 15 Year of SAP Standard product development career ,Jerry Once participated in SAP Business ByDesign, SAP CRM, SAP Cloud for Customer, SAP S/4HANA, SAP Commerce Cloud( E-commerce cloud ) And other standard products .
Jerry Use in work ABAP, Java, JavaScript and TypeScript Development , Yes, including SAP UI5 More than one SAP Self research framework has in-depth research .
Tutorial directory
SAP UI5 One of the application development tutorials :Hello World
SAP UI5 Application development tutorial II :SAP UI5 The guiding process of Bootstrap
SAP UI5 Application development tutorial 3 : Start touching the first SAP UI5 Control
SAP UI5 Application development tutorial 5 : View controller
SAP UI5 Application development tutorial 6 - understand SAP UI5 Module (Module) Concept
SAP UI5 Application development tutorial 7 - JSON A preliminary study of the model
SAP UI5 Application development tutorial 8 - Multilingual support
SAP UI5 Application Development Tutorial 9 - Create the first one Component
SAP UI5 Application development tutorial 10 - What is? SAP UI5 Applied descriptor Descriptor
SAP UI5 Application development tutorial 11 :SAP UI5 Container class control Page and Panel
SAP UI5 Application development tutorial 12 - Use CSS Class to UI Further beautification
SAP UI5 Application development tutorial 13 - How to add custom CSS class
SAP UI5 Application development tutorial 14 - How embedded views are used
SAP UI5 Application development tutorial 15 - Dialog box and Fragments How to use
SAP UI5 Application development tutorial 17 - Aggregate binding in UI5 Use in composite controls
SAP UI5 Application development tutorial 19 - SAP UI5 Data types and complex data binding
SAP UI5 Application development tutorial 20 - SAP UI5 Explanation of expression binding usage
SAP UI5 Application development tutorial 21 - SAP UI5 Custom formatter Custom Formatter
SAP UI5 Application development tutorial 22 - filter filter The development and use of
SAP UI5 Application development tutorial 23 - Sorting of list controls Sort And grouping Group
SAP UI5 Application development tutorial 24 - How to use OData Data model
SAP UI5 Application development tutorial 27 - SAP UI5 Applied unit testing tools QUnit Introduce
SAP UI5 Application development tutorial 30 - SAP UI5 Parameter transfer in the routing process of
SAP UI5 Application development tutorial 32 - How to create a custom SAP UI5 Control
SAP UI5 Application development tutorial 53 - How to customize SAP UI5 data type (Data Type)
SAP UI5 Application development tutorial - SAP UI5 Tree control (tree) Development of
SAP UI5 Application development tutorial - How to be in SAP UI5 Show world map in app
SAP UI5 Application development tutorial 60 - SAP UI5 Some advanced uses of map controls
SAP UI5 Application development tutorial - stay SAP UI5 Draw Gantt chart in application Gantt Chart
SAP UI5 Application development tutorial - be based on OData V4 Of SAP UI5 How to use table controls
SAP UI5 Application development tutorial 70 - How to use button control to trigger page route jump
SAP UI5 Application development tutorial 71 - SAP UI5 Nested routing of pages
SAP UI5 Application development tutorial 72 - SAP UI5 Animation effect setting of page routing
SAP UI5 Application development tutorial 86 - Start developing the simplest local Mock Data server
SAP UI5 Application development tutorial 101 - SAP UI5 Applied Locale The decision mechanism
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 Different levels
Learning tutorials for learners , 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 explain in simple terms , Important knowledge points are accompanied by detailed screenshots to assist the text introduction , Facilitate the understanding of tutorial learners .
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 Little known SAP UI5 beginner
, 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 .
For already There is a certain foundation
Of SAP UI5 Developer , You can use the contents of this article , Skip the previous basic chapter , Direct selection is related to your work project , Or include some knowledge points and chapters that you haven't mastered yet to study pertinently .
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 . Although I am usually busy with development , But I promise I will check the comments you left me regularly , For the technical questions involved , I will Take time to answer
.
The previous step in this tutorial SAP UI5 Application development tutorial 105 - SAP UI5 Master-Detail Detailed introduction to the linkage effect of layout mode We have achieved a typical compliance Master-Detail The layout of the page is SAP UI5 application , The effect is as follows gif The diagram shows :
There are many flaws in this application .
For example, we click on the first line item in the list , The products of this line item id by HT-2001
, But the browser address bar detail
The following clip is 94
, This makes users confused . Because if this 94 On behalf of the product index , We clicked on the first line item in the list , Its index value should be 0 That's right , This 94 Where is it from ?
First introduce the effect of this step : We want to improve the click line item after , Rendered detail page url Readability .
After completing the development according to this step , The result is , After clicking on the line item , Products of line items id Appear in the address bar , Here is an example :
http://localhost:8080/webapp/index.html#/detail/HT-1000/TwoColumnsMidExpanded
The following are the specific analysis and implementation steps .
边栏推荐
- lambda expressions
- Operator explanation
- 分布式BASE理论
- [Yocto RM]10 - Images
- Actual combat simulation │ JWT login authentication
- [paper reading] Tun det: a novel network for meridian ultra sound nodule detection
- 2022.07.03 (lc_6111_counts the number of ways to place houses)
- TS quick start - functions
- Nine Qi single chip microcomputer ny8b062d single key control four LED States
- 2022.07.03 (LC 6108 decryption message)
猜你喜欢
Parameter passing mechanism of member methods
2022.07.03 (LC 6108 decryption message)
1189. Maximum number of "balloons"
Ap8022 switching power supply small household appliances ACDC chip offline switching power supply IC
Recursive execution mechanism
Power operation and maintenance cloud platform: open the new mode of "unattended and few people on duty" of power system
Get to know ROS for the first time
"Upside down salary", "equal replacement of graduates" these phenomena show that the testing industry has
2022.07.03(LC_6108_解密消息)
OpenHarmony资源管理详解
随机推荐
Best practice case of enterprise digital transformation: introduction and reference of cloud based digital platform system security measures
Summer challenge brings you to play harmoniyos multi terminal piano performance
基本放大电路的学习
Advanced template
pycharm专业版下载安装教程
Operator explanation
Some basic functions of enterprise projects are developed, and important things are saved to online first a
[paper reading] Tun det: a novel network for meridian ultra sound nodule detection
Huawei employs data management experts with an annual salary of 2million! The 100 billion market behind it deserves attention
1189. Maximum number of "balloons"
6. Scala operator
2022.07.03(LC_6109_知道秘密的人数)
Significance of acrel EMS integrated energy efficiency platform in campus construction
Distributed base theory
What did I pay for it transfer to testing post from confusion to firmness?
巩固表达式C# 案例简单变量运算
URLs and URIs
Apifox (postman + swagger + mock + JMeter), an artifact of full stack development and efficiency improvement
const、volatile和restrict的作用和用法总结
Five papers recommended for the new development of convolutional neural network in deep learning