This starter demo is the developer to start the SAPUI5 development.
Before you start the ui5 development , please kinldy read the walkthrough in the the SAPUI5 officail document
we can run this demo with below commands :
npm install
npm run start
we have refractor the whole walkthrough and separate it to each steps withe each link , you can dirently run it with corresponding link , or select the coresponding items in the index page
links and description
| link | Decription | memo |
|---|---|---|
| None | Walkthrough - Step 1 - Hello World! | ignored |
| None | Walkthrough - Step 2 - Bootstrap | ignored |
| None | Walkthrough - Step 3 - Controls | ignored |
| None | Walkthrough - Step 4 - XML Views | ignored |
| http://localhost:8080/index.html#/step5 | Walkthrough - Step 5 - Controllers | |
| http://localhost:8080/index.html#/step7 | Walkthrough - Step 6 - Modules | |
| http://localhost:8080/index.html#/step7 | Walkthrough - Step 7 - JSON Model | |
| http://localhost:8080/index.html#/step8 | Walkthrough - Step 8 - Translatable Texts | |
| None | Walkthrough - Step 9 - Component Configuration | ignored, already included in this project setup |
| None | Walkthrough - Step 10 - Descriptor for Applications | ignored, already included in this project setup |
| None | Walkthrough - Step 11 - Pages and Panels | ignored, already included in project setup |
| None | Walkthrough - Step 12 - Shell Control as Container | |
| http://localhost:8080/index.html#/step13 | Walkthrough - Step 13 - Margins and Paddings | |
| http://localhost:8080/index.html#/step14 | Walkthrough - Step 14 - Custom CSS and Theme Color | |
| http://localhost:8080/index.html#/step15 | Walkthrough - Step 15 - Nested Views | |
| http://localhost:8080/index.html#/step16 | Walkthrough - Step 16 - Dialogs and Fragments | |
| http://localhost:8080/index.html#/step17 | Walkthrough - Step 17 - Fragment Callbacks | |
| http://localhost:8080/index.html#/step18 | Walkthrough - Step 18 - Icons | |
| http://localhost:8080/index.html#/step19 | Walkthrough - Step 19 - Reuse Dialogs | |
| http://localhost:8080/index.html#/step20 | Walkthrough - Step 20 - Aggregation Binding | |
| http://localhost:8080/index.html#/step21 | Walkthrough - Step 21 - Data Types | |
| http://localhost:8080/index.html#/step22 | Walkthrough - Step 22 - Expression Binding | |
| http://localhost:8080/index.html#/step23 | Walkthrough - Step 23 - Custom Formatters | |
| http://localhost:8080/index.html#/step24 | Walkthrough - Step 24 - Filtering | |
| http://localhost:8080/index.html#/step25 | Walkthrough - Step 25 - Sorting and Grouping | |
| http://localhost:8080/index.html#/step26 | Walkthrough - Step 26 - (Optional) Remote OData Service | |
| http://localhost:8080/index.html#/step27 | Walkthrough - Step 27 - Mock Server Configuration | |
| http://localhost:8080/index.html#/step28 | Walkthrough - Step 28 - Unit Test with QUnit | |
| http://localhost:8080/index.html#/step29 | Walkthrough - Step 29 - Integration Test with OPA | |
| http://localhost:8080/index.html#/step30 | Walkthrough - Step 30 - Debugging Tools | hotkey: ** Ctrl Shift Alt+ P** |
| http://localhost:8080/index.html#/step31 | Walkthrough - Step 31 - Routing and Navigation | |
| http://localhost:8080/index.html#/step32 | Walkthrough - Step 32 - Routing with Parameters | |
| http://localhost:8080/index.html#/step33 | Walkthrough - Step 33 - Routing Back and History | |
| http://localhost:8080/index.html#/step34 | Walkthrough - Step 34 - Custom Controls | |
| http://localhost:8080/index.html#/step35 | Walkthrough - Step 35 - Responsiveness | |
| http://localhost:8080/index.html#/step36 | Walkthrough - Step 36 - Device Adaptation | user chrome to simulate the devices |
| http://localhost:8080/index.html#/step37 | Walkthrough - Step 37 - Content Density | |
| http://localhost:8080/index.html#/step38 | Walkthrough - Step 38 - Accessibility | add extension landmark, and test |
index page
sap ui5 library : SAPUI5 officail document open ui5 library : OpenUi5