UI5-文档-4-Walkthrough

在本教程中，我们将向您介绍SAPUI5的所有主要开发范例。

我们首先向您介绍基本的开发范例，如模型M-视图V-控制器C，并为我们的应用程序建立一个最佳实践结构。我们将以经典的“Hello World”为例，从头开始一个新的应用程序。接下来，我们将介绍SAPUI5的基本数据绑定概念，并扩展我们的应用程序以显示发票列表。我们将继续通过添加导航、扩展控件和使应用程序具有响应性来添加更多功能。最后，我们将查看SAPUI5的测试特性和内置支持工具。
Preview

Tip

您不必按顺序执行所有教程步骤，也可以直接跳到您想要的任何步骤。只需从上一步下载代码，将其复制到工作区，并通过调用webapp/index.html确保应用程序运行。

您可以在演练的演示工具包中查看和下载所有步骤的示例。根据您的开发环境，您可能需要调整资源路径和配置条目。

有关更多信息，请查看教程概述页面的以下部分(see Get Started: Setup and
Tutorials)

• Downloading
  Code for a Tutorial Step
• Adapting
  Code to Your Development Environment

• 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