在本教程中，我们将向您介绍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