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

简介: 使用 SAP Business Application Studio 在浏览器环境里开发 SAP UI5 应用试读版

本文写作动机

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


老师,因为我不懂 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 的本地开发环境。


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 开发时,效果在笔者看来只能算差强人意:



image.png

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


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


image.png


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


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



具体效果如下:

相关文章
|
12月前
|
中间件 开发工具
使用 SAP Fiori Tools 提供的中间件导入本地下载的 SAP UI5 库文件来启动 SAP UI5 应用试读版
使用 SAP Fiori Tools 提供的中间件导入本地下载的 SAP UI5 库文件来启动 SAP UI5 应用试读版
|
Web App开发 Android开发 开发者
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
|
Web App开发 前端开发 开发工具
SAP UI5 应用开发教程之四十三 - SAP UI5 自带的 Support Assistant 工具使用方法介绍
SAP UI5 应用开发教程之四十三 - SAP UI5 自带的 Support Assistant 工具使用方法介绍
|
自然语言处理 JavaScript 前端开发
使用 SAP Business Application Studio 在浏览器环境里开发 SAP UI5 应用试读版
使用 SAP Business Application Studio 在浏览器环境里开发 SAP UI5 应用试读版
SAP ABAP 系统同微软 Office 套件进行 Desktop Integration 的工作原理
SAP ABAP 系统同微软 Office 套件进行 Desktop Integration 的工作原理
|
12月前
|
JavaScript 前端开发 Java
如何使用 SAP ABAP Development Tool 连接 SAP BTP 上的免费 ABAP 编程环境试读版
如何使用 SAP ABAP Development Tool 连接 SAP BTP 上的免费 ABAP 编程环境试读版
|
12月前
使用 UI5 Tools 这款 Visual Studio Code 扩展来管理和运行本地 SAP UI5 应用试读版
使用 UI5 Tools 这款 Visual Studio Code 扩展来管理和运行本地 SAP UI5 应用试读版
|
12月前
|
Web App开发 安全 中间件
使用 SAP Fiori Tools 自带的代理服务器解决本地运行的 SAP UI5 应用访问远端服务遇到的跨域问题试读版
使用 SAP Fiori Tools 自带的代理服务器解决本地运行的 SAP UI5 应用访问远端服务遇到的跨域问题试读版
|
移动开发 网络架构 HTML5
如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上
如何在 SAP Business Application Studio 里创建 SAP UI5 应用并部署到 BTP 平台上
|
中间件
使用 SAP Fiori Tools 部署 SAP UI5 应用到 ABAP 服务器时遇到的各种错误和解决办法
使用 SAP Fiori Tools 部署 SAP UI5 应用到 ABAP 服务器时遇到的各种错误和解决办法