本教程的前八個步驟，我們創建的 UI5 應用的入口，都是 index.html. 然而如果你想把你的 UI5 應用配置到 Fiori Launchpad 使用(這也是 SAP UI5 最通常的使用場景)，那么還需要手動創建一個 Component.js 文件。當我們把 SAP UI5 應用配置到 Fiori Launchpad 上成為一個 tile(本教程后續會介紹)之后，點擊 tile，則該應用的 Component.js 會被 Fiori Launchpad 加載。

本文介紹 Component.js 的具體創建步驟。

本步驟完成之后，運行出來的 SAP UI5 界面同前一步驟相比沒有變化。

差異體現在項目的文件夾結構上：多了一個 Component.js 文件。

本步驟的代碼位于我的 github上。

我們首先來了解本步驟新增添的 Component.js 的內容。分為兩部分理解：

第一部分：因為我們要基于 SAP UI5 標準的 Component，創建自己的 Component 定義，所以首先需要用第二行代碼，導入 SA

總結

以上是生活随笔為你收集整理的SAP UI5 应用开发教程之九 - 创建第一个 Component的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。