Skip to content

Commit 1b780e6

Browse files
authored
updates
1 parent 9e5f5b1 commit 1b780e6

File tree

3 files changed

+19
-10
lines changed

3 files changed

+19
-10
lines changed

docs/.vitepress/config.mjs

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -168,6 +168,7 @@ export default defineConfig({
168168
{ text: 'Architecture', link: '/advanced/technical/domain' },
169169
{ text: 'Development Experience', link: '/advanced/technical/dx' },
170170
{ text: 'Cloud Ready', link: '/advanced/technical/cloud' },
171+
{ text: 'REST', link: '/advanced/technical/rest' },
171172
{ text: 'Deep Dive', link: '/advanced/technical/how_it_all_works' },
172173
{ text: 'Technology Overview', link: '/advanced/technical/overview', items: [
173174
{ text: 'UI5 Freestyle', link: '/advanced/technical/ui5' },

docs/advanced/technical/concept.md

Lines changed: 17 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,18 @@
22

33
The key concept of **abap2UI5** is to apply the **HTML Over-the-Wire** concept to SAP UI5 application development.
44

5-
**HTML Over-the-Wire** refers to a web architecture where the server renders user interfaces and sends ready-to-use HTML fragments to the browser. This avoids complex client-side frameworks and keeps the frontend lightweight and maintainable.
5+
**HTML Over-the-Wire** refers to a web architecture where the server renders user interfaces and sends ready-to-use HTML fragments to the browser. This avoids complex client-side frameworks and keeps the frontend lightweight and maintainable. The UI and Business Logic stays on the server.
66

77
```plaintext
8-
+---------------------+ +------------------+ +-------------------+
9-
| Backend | | Browser | | User |
10-
|---------------------| |------------------| |-------------------|
11-
| HTML Definition | --> | Receives Response| --> | Interacts with UI |
12-
| | | Renders UI | | (clicks, inputs) |
13-
+---------------------+ +------------------+ +-------------------+
8+
+-------------------+ +------------------+ +-------------------+
9+
| Server | | Browser | | User |
10+
|-------------------| |------------------| |-------------------|
11+
| HTML Definition | --> | Receives Response| --> | Interacts with UI |
12+
| | | Renders UI | | (clicks, inputs) |
13+
+-------------------+ +------------------+ +-------------------+
1414
```
1515
Flow:
16-
- The backend defines HTML
16+
- The server defines HTML
1717
- The browser inserts these Definitions
1818
- Users interact with the UI — the backend handles logic and updates
1919

@@ -56,9 +56,9 @@ Several frameworks successfully implement the HTML over-the-wire approach:
5656
| [Unpoly](https://unpoly.com) | Simplified partial page updates | Any web stack |
5757

5858

59-
### From HTML to UI5 Over-the-Wire
59+
### UI5 Over-the-Wire
6060

61-
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.
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.
6262

6363
```plaintext
6464
+---------------------+ +------------------+ +-------------------+
@@ -95,6 +95,13 @@ Flow:
9595
- Offline functionality or complex client-side interactions are not covered.
9696
- Less effective if frontend and backend teams work independently.
9797

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:
100+
```abap
101+
102+
```
103+
Ist that beatuiful?
104+
98105
### Summary
99106

100107
The **key concept of abap2UI5** is to bring the simplicity and efficiency of the HTML Over-the-Wire pattern into the SAP ecosystem.

docs/advanced/technical/rest.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# REST: Where Did My Sessions Go?

0 commit comments

Comments
 (0)