- SAP UI5 应用开发教程之五十二 - 如何使用 SAP UI
- SAP UI5 应用开发教程之四十四 - Label 和 Inp
- 关于 SAP UI5 参数 $$updateGroupId 前面
- SAP UI5 应用的屏幕尺寸检测工作原理深入剖析试读版
- 在 SAPGUI 里使用 ABAP 报表上传 SAP UI5 应
- 如何通过 ABAP 代码给 SAP OData 元数据增添注解试
- 关于 SAP UI5 Context.prototype.del
- 答网友提问:为什么语句 var oModel = this.st
- ODataListBinding.filter 方法里 Filt
- 授人以渔 - 如何查找 SAP UI5 官网上没有提到的控件属性
一套适合 SAP UI5 初学者循序渐进的学习教程
教程目录
-
SAP UI5 应用开发教程之三十一 - SAP UI5 的路由历史和路由回退(Routing back and history)
-
SAP UI5 应用开发教程之三十四 - SAP UI5 应用基于设备类型的页面适配功能(Device Adaptation)
-
SAP UI5 应用开发教程之四十 - 如何制作包含了 component-preload.js 在内的 SAP UI5 发布版本
说明
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
在 Jerry 这篇文章 对 SAP UI5 一无所知的新手,从哪些材料开始学习比较好? 曾经提到,Jerry 也是从 SAP UI5 菜鸟一路走过来,深知只有 ABAP 开发背景的开发者,向 SAP UI5 开发领域转型的不易,因此我在业余时间设计了这份适合 SAP UI5 初学者的学习教程,把开发一个完整的 SAP UI5 应用的流程,拆分成若干个步骤,力求每个步骤里,把涉及到的知识点都涵盖到。这些知识点可能不像我的 UI5 源码分析系列文章那么深入,但力求浅显易懂,便于 SAP UI5 初学者理解。
本教程每一个步骤的源代码,都存放在我的 Github 上,分别用文件夹 01,02,03 等等来标识。
![](https://img.haomeiwen.com/i2085791/0aa30ab14ed44618.png)
每一个步骤均是前一步骤的基础上,添加了若干新特性。建议零基础或者对 SAP UI5 知之甚少的初学者,按照顺序从第一个步骤开始循序渐进地学习,把这些代码下载到本地,配合教程的文字讲解,自己动手,以加深理解。
大家如果对教程的每个步骤有任何疑问,欢迎在教程对应的步骤文章里给我评论,进行留言。
本教程的前一步骤 SAP UI5 应用开发教程之四十三 - SAP UI5 自带的 Support Assistant 工具使用方法介绍,我们定义了一个 Label 和一个 Input 控件,最后发现二者的文本并没有在同一水平线上,看起来非常难看。
![](https://img.haomeiwen.com/i2085791/831ccf59271c4f34.png)
本文就来分析这个问题的出现原因和解决方案。为了专注于这个问题本身,我把除 Label 以及 Input 之外的其他控件全部删除,以便我们专注在问题本身。
下图是本步骤包含的方案1,2,3,分别用不同颜色高亮显示。本文 会详细分析每个方案。
![](https://img.haomeiwen.com/i2085791/171dc02320cdeac1.png)
网友评论