You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/advanced/technical/concept.md
+14-13Lines changed: 14 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -3,7 +3,7 @@
3
3
This article provides a technical dive into abap2UI5, a framework that simplifies SAP UI5 application development by moving both UI rendering and logic back to the ABAP backend. It introduces the key architectural concept — HTML Over the Wire — and explains how this idea is adapted to the SAP ecosystem.
4
4
5
5
6
-
#####What is HTML Over-the-Wire?
6
+
#### What is HTML Over-the-Wire?
7
7
8
8
HTML Over the Wire refers to a web architecture where the server renders ready-to-use HTML and sends it directly to the browser. Instead of sending raw data (e.g., JSON) and rendering UIs with JavaScript frameworks on the client, the server handles both the application logic and HTML generation and sending it to the browser — without relying on JSON, client-side MVC frameworks, bundling, or transpiling pipelines.
9
9
@@ -17,6 +17,17 @@ Unlike Single Page Applications (SPAs), which shift most responsibilities to the
17
17
18
18
_HTML "Over the Wire" Lifecycle [(Quelle)](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)_
19
19
20
+
Several frameworks successfully implement the HTML Over-the-Wire approach:
|[Unpoly](https://unpoly.com)| Simplified partial page updates | Any web stack |
29
+
30
+
20
31
#### Where does it come from?
21
32
22
33
In early web development, **Server-Side Rendering (SSR)** was the default. Every user action triggered a full-page reload with a complete HTML response.
@@ -41,16 +52,6 @@ Architectural Comparison:
41
52
|**SPA**| Raw data (JSON), client builds UI| Client-side (JavaScript) | 2010s – today |
42
53
|**Over-the-Wire**| HTML fragments for partial updates | Server renders, browser inserts | 2020s (re-emerging) |
43
54
44
-
Several frameworks successfully implement the HTML Over-the-Wire approach:
|[Unpoly](https://unpoly.com)| Simplified partial page updates | Any web stack |
53
-
54
55
55
56
#### How can we adapt this to UI5?
56
57
@@ -85,7 +86,7 @@ UI5 vs. "UI5 Over the Wire" - Communication
85
86
86
87
We use an AJAX roundtrip logic similar to "HTML Over the Wire" approaches, but in this case, we cannot send HTML directly. Instead, we send a View combined with its Data. This results in a concept that we could refer to as "UI5-View Over the Wire".
87
88
88
-
#####7. Merging Data & Presentation
89
+
######Merging Data & Presentation
89
90
90
91
A typical "UI5-View Over the Wire" response looks like this:
91
92
@@ -95,7 +96,7 @@ A typical "UI5-View Over the Wire" response looks like this:
0 commit comments