SAP UI5 本地开发如何实现 XML 和 JavaScript 代码的自动完成和嵌入式 API 文档自动显示试读版

简介: SAP UI5 本地开发如何实现 XML 和 JavaScript 代码的自动完成和嵌入式 API 文档自动显示试读版

本文写作动机


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


老师,因为我不懂 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 文档,写的描述啥的感觉都比较简单。如果我不看这篇教程的话,可能我看文档根本不知道这个是来获取值和实例的。


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


其实这位朋友遇到的问题,笔者在2013年刚刚接触 SAP UI5 开发时也同样遇到过。


一方面,这是一个熟能生巧的问题。大家回忆一下自己刚学会骑自行车,刚学会游泳或者刚学会开车时,是不是觉得还很生疏?但是随着不断的重复,之后就越来越熟练。


另一方面,我们在学习 SAP UI5 开发时,如果善于一些辅助工具,可以缩短我们从生疏到熟练的过程。


一个常见的场合就是,我们在 SAP UI5 应用的控制器里编写 JavaScript 代码,那么在这个上下文里,this 指向的就是控制器实例。如果 this 后面敲一个 .,能把这个控制器能调用的所有 SAP UI5 标准 API 自动带出来,并且附上每个 API 的参数说明和文档,那么能提高我们的开发效率和对 SAP UI5 API 的熟悉程度。


比如下面这个效果:


笔者在自己的 SAP 技术交流群里和同仁们讨论后,发现在 Visual Studio Code 里安装 SAPUI5 Extension 这个扩展即可达到效果。

本文介绍这个扩展的安装和使用的详细步骤。


相关文章
|
24天前
|
前端开发 编解码 数据格式
浅谈响应式编程在企业级前端应用 UI 开发中的实践
浅谈响应式编程在企业级前端应用 UI 开发中的实践
20 0
浅谈响应式编程在企业级前端应用 UI 开发中的实践
|
1月前
|
JavaScript 前端开发 API
常用JavaScript 数组 API大全
常用JavaScript 数组 API大全
32 0
|
1月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
27 0
|
1月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
15 0
|
1月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
15 0
|
1月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
33 0
|
1月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
31 0
|
1月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
18 0
|
1月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
20 0
|
1月前
|
API
egg.js 24.2写第一个api接口
egg.js 24.2写第一个api接口
71 0