106. How to improve the readability of SAP ui5 application routing URL

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