UI5-文件-4-Walkthrough
阿新 • • 發佈：2018-12-11
在本教程中，我們將向您介紹SAPUI5的所有主要開發範例。
我們首先向您介紹基本的開發範例，如模型M-檢視V-控制器C，併為我們的應用程式建立一個最佳實踐結構。我們將以經典的“Hello World”為例，從頭開始一個新的應用程式。接下來，我們將介紹SAPUI5的基本資料繫結概念，並擴充套件我們的應用程式以顯示發票列表。我們將繼續通過新增導航、擴充套件控制元件和使應用程式具有響應性來新增更多功能。最後，我們將檢視SAPUI5的測試特性和內建支援工具。
Preview
Tip
您不必按順序執行所有教程步驟，也可以直接跳到您想要的任何步驟。只需從上一步下載程式碼，將其複製到工作區，並通過呼叫webapp/index.html確保應用程式執行。
您可以在演練的演示工具包中檢視和下載所有步驟的示例。根據您的開發環境，您可能需要調整資源路徑和配置條目。
有關更多資訊，請檢視教程概述頁面的以下部分(see Get Started: Setup and Tutorials)
- Step 1: Hello World!
- Step 2: Bootstrap
- Step 3: Controls
- Step 4: XML Views
- Step 5: Controllers
- Step 6: Modules
- Step 7: JSON Model
- Step 8: Translatable Texts
- Step 9: Component Configuration
- Step 10: Descriptor for Applications
- Step 11: Pages and Panels
- Step 12: Shell Control as Container
- Step 13: Margins and Paddings
- Step 14: Custom CSS and Theme Colors
- Step 15: Nested Views
- Step 16: Dialogs and Fragments
- Step 17: Fragment Callbacks
- Step 18: Icons
- Step 19: Reuse Dialogs
- Step 20: Aggregation Binding
- Step 21: Data Types
- Step 22: Expression Binding
- Step 23: Custom Formatters
- Step 24: Filtering
- Step 25: Sorting and Grouping
- Step 26: (Optional) Remote OData Service
- Step 27: Mock Server Configuration
- Step 28: Unit Test with QUnit
- Step 29: Integration Test with OPA
- Step 30: Debugging Tools
- Step 31: Routing and Navigation
- Step 32: Routing with Parameters
- Step 33: Routing Back and History
- Step 34: Custom Controls
- Step 35: Responsiveness
- Step 36: Device Adaptation
- Step 37: Content Density