SAP UI5 - 建立 UI5 專案



步驟 1 - 要在 UI5 開發者工作室中建立一個新專案,請轉到檔案 → 新建 → 專案。

New Project SAP

步驟 2 - 輸入專案名稱、目標裝置和建立初始檢視。

Name of the Project

步驟 3 - 在下一個視窗中輸入檢視名稱和檢視型別,然後單擊下一步。

Enter View Name

步驟 4 - 在最後一個視窗中,您將看到專案摘要。它向您顯示專案屬性。單擊“完成”按鈕以建立專案。

Finish

步驟 5 - 系統將提示您切換到 Java EE 透檢視。單擊“是”,它將開啟一個新的 UI5 專案視窗,其中包含一個初始檢視 - JSView。

UI5 Project

步驟 6 - 現在要向此檢視新增 Shell,您可以使用庫 sap.ui.ux3.Shell()。

Library SAP

步驟 7 - 由於 Shell 不是 sap.ui.commons 的一部分,因此您需要新增 sap.ui.ux3 庫。您可以將其他庫新增到 data-sap-ui-libs 中。

Data SAP UI Libs

要執行應用程式,您有兩個選項 -

  • 在伺服器上執行
  • 在 Web 應用程式上執行

建議在伺服器上執行,因為它具有固定埠,並且不像在 Web 應用程式上執行那樣使用一次性隨機埠。

Random Port

SAP UI5 ─ 配置

如以下表格所示,您可以在 SAP UI5 中定義各種配置屬性 -

Configuration

核心功能

SAP UI5 中的核心功能如下 -

  • Sap.ui.getCore() - 用於獲取核心例項。

  • Sap.ui.getCore().byid(id) - 用於獲取使用 id 建立的 UI5 控制元件的例項。

  • Sap.ui.getCore().applyChanges() - 用於立即執行和渲染 UI5 控制元件的更改。

  • jQuery.sap.domById(id) - 用於獲取任何具有 id 的 HTML 元素。如果存在具有 id 的 UI5 控制元件,則返回的元素是 UI5 控制元件的最頂層 HTML 元素。

  • jQuery.sap.byId(id) - 用於返回具有指定 Id 的 DOM 元素的 jQuery 物件。

廣告