Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

How to implement Hybris UI with Route

Shulou Source: shulou.com Published: 2022-06-01 11:20:14 09月26日 Update

How to carry out the Route implementation of Hybris UI, many novices are not very clear about this, in order to help you solve this problem, the following editor will explain for you in detail, people with this need can come to learn, I hope you can get something.

Log in to the Hybris front desk and select Digital camera in product catalog:

Click on a product to enter the details page:

Pay attention to the url of the product details:

The routing of this detail page is very similar to the routing idea of SAP UI5.

In SAP UI5 applications, each page has a corresponding routing configuration information. The structure of this information is shown in the following figure, containing the logical name of a page, the target url of the route, and the actual name of the page. The detail we see in the browser address bar is a logical name.

Back at Hybris, the processing of this url https://localhost:9002/yacceleratorstorefront/electronics/en/Open-Catalogue/Cameras/Digital-Cameras/Digital-Compacts/DSC-H20/p/1978440_blue request is left to the controller ProductPageController of the folder pages:

According to the annotation @ requestmapping provided by SpringMVC, the current product number is automatically assigned to the variable productCode at run time, and then the data of the corresponding product is taken out through a path like CRM WebUI BOL layer- > Genil layer- > DB layer, and finally populated to the model variable. This model variable is finally used to display the data on the JSP UI.

Is it helpful for you to read the above content? If you want to know more about the relevant knowledge or read more related articles, please follow the industry information channel, thank you for your support.

Tags: Pages routes details products variables names information data logic processing help clarity content front desk address actual for this ideas files folders Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Xiaomi macOS Huawei Shulou Technology MariaDB