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 对象。

广告