使用 SAP Business Application Studio 在浏览器环境里开发 SAP UI5 应用

发布时间 2023-03-24 23:42:04作者: JerryWang_汪子熙

本文写作动机

笔者的这篇教程文章,有学习者在评论区留言:

老师,因为我不懂 JS,这个里面我比较想不通的事。

getView,getModel 这些方法。这个是属于 UI5 提供的方法,还是本身就属于 JS 的方法?

我尝试在 UI5 API 中去找 getView 有在 sap/ui/core/mvc/Controller 路径下找,但是没找到getModel没找到。

我在 sap/ui/model/resource/ResourceModel 这个路径下,有找到 getProperty,getResourceBundle 方法,那我怎么知道我在调用这个方法需要用这种方式:getView().getModel().getProperty 呢?

另外,像比如 getProperty,getResourceBundle 这些方法之类的,我看了 API 文档,写的描述啥的感觉都比较简单。如果我不看这篇教程的话,可能我看文档根本不知道这个是来获取值和实例的。

这个有什么办法让自己看文档也能知道这些怎么使用的吗?

首先我承认,这位朋友遇到的问题,也是不少 SAP UI5 初学者,包括笔者 2013年刚刚学习 SAP UI5 开发时都曾经遇到过的问题。

我也在不断思考,针对这些普遍问题,是否存在更好的解决方案。

笔者这篇文章,介绍的是采用 Visual Studio Code 作为 SAP UI5 的本地开发环境。

Visual Studio Code 对于静态类型语言比如 TypeScript 提供了良好的编译器语法检查等功能。然而,SAP UI5 基于 JavaScript,由于 JavaScript 这门语言本身的动态类型特征,使得 Visual Studio Code 无法像支持 TypeScript 一样,对 SAP UI5 开发提供语法检查等功能。

ABAP 开发人员早习惯了在 SAPGUI 里享受方便的代码自动完成功能(code completion),然而这个功能在 Visual Studio Code 里进行 SAP UI5 开发时,效果在笔者看来只能算差强人意:

输入 this. 之后,code completion 列表,仅仅能看到有限的记录,并且这些记录缺少嵌入的说明文档。

这个问题笔者也在自己运营的 SAP 技术交流群里抛了出来,请各位读者持续关注本教程来获得后续的跟进信息:

本文笔者介绍另一种使用 SAP Business Application Studio,在浏览器环境里开发 SAP UI5 应用的方式。这种方式适合那些不太愿意在本地搭建 Node.js 环境和下载 Visual Studio Code 的 SAP UI5 开发人员。

采取这种方式,我们只需要一个浏览器,就能进行 SAP UI5 应用的开发和启动工作。

具体效果如下:

详细步骤参考笔者这篇文章