|
19 | 19 |
|
20 | 20 | While popular frameworks like Hotwire, Livewire, and Phoenix LiveView follow this approach, **abap2UI5 adapts it to SAP’s technological environment**, using SAP UI5 for frontend rendering and ABAP for backend-driven UI definitions. |
21 | 21 |
|
22 | | -### From SSR to HTML Over-the-Wire |
| 22 | +#### From SSR to HTML Over-the-Wire |
23 | 23 |
|
24 | 24 | In early web development, **Server-Side Rendering (SSR)** was the default. Every user action triggered a full-page reload with a complete HTML response. |
25 | 25 |
|
@@ -56,7 +56,7 @@ Several frameworks successfully implement the HTML over-the-wire approach: |
56 | 56 | | [Unpoly](https://unpoly.com) | Simplified partial page updates | Any web stack | |
57 | 57 |
|
58 | 58 |
|
59 | | -### UI5 Over-the-Wire |
| 59 | +#### UI5 Over-the-Wire |
60 | 60 |
|
61 | 61 | So how can a UI5 over-the-wire approach look like? In this architecture, the UI is defined on the ABAP server and transmitted to the browser. The browser renders the interface using a static UI5 application — without requiring additional JavaScript logic, OData services, or frontend frameworks. |
62 | 62 |
|
@@ -96,21 +96,23 @@ Flow: |
96 | 96 | - Less effective if frontend and backend teams work independently. |
97 | 97 |
|
98 | 98 | #### Partly updates of the HTML page |
99 | | -One key feature is that the browser that the browser does ot rerender all the html but only specific parts. Are we ablte to adapt this with UI5. While changing the XML view would cause a complete rerender process, by foucsn on view model updates ony and binding ui attribtues to the model, the ui5 framwork automtically update only specific psrt. Try out this snippet: |
| 99 | +One key feature is that the browser does not re-render the entire HTML page, but only specific parts. Can we achieve this with UI5? |
| 100 | +While modifying the XML view would typically trigger a complete re-render, focusing solely on updating the view model and binding UI attributes to it allows the UI5 framework to automatically update only the affected parts. Try out this snippet: |
| 101 | + |
100 | 102 | ```abap |
101 | 103 |
|
102 | 104 | ``` |
103 | 105 | Ist that beatuiful? |
104 | 106 |
|
105 | | -### Summary |
| 107 | +#### Summary |
106 | 108 |
|
107 | 109 | The **key concept of abap2UI5** is to bring the simplicity and efficiency of the HTML Over-the-Wire pattern into the SAP ecosystem. |
108 | 110 |
|
109 | 111 | By shifting UI control back to the ABAP backend and leveraging SAP UI5 for rendering, abap2UI5 enables maintainable, pragmatic business applications — without the overhead of SPA architectures. |
110 | 112 |
|
111 | 113 | For typical enterprise apps — forms, dashboards, transactions — abap2UI5 offers a clean, backend-driven alternative with faster time-to-market and lower complexity. |
112 | 114 |
|
113 | | -### Further Reading |
| 115 | +#### Further Reading |
114 | 116 | - [htmx in a nutshell](https://htmx.org/docs/#introduction) |
115 | 117 | - [HTML Over the Wire](https://signalvnoise.com/svn3/html-over-the-wire/) |
116 | 118 | - [Fiori-like web app development in pure ABAP with htmx and Fundamental](https://community.sap.com/t5/technology-blog-posts-by-members/fiori-like-web-app-development-in-pure-abap-with-htmx-and-fundamental/ba-p/13500763) |
0 commit comments