专栏首页Jerry的SAP技术分享通过最简单的button控件,深入学习SAP UI5框架代码系列之零

通过最简单的button控件,深入学习SAP UI5框架代码系列之零

Jerry曾经作为SAP成都研究院的Fiori应用开发人员,从事了将近3年的SAP CRM Fiori应用开发,在使用SAP UI5的过程中,遇到过形形色色的问题,不少都是通过调试SAP UI5框架代码自行解决的。平时也会有不少朋友向我咨询开发过程中遇到的和SAP UI5相关的问题,所谓授人以鱼不如授人以渔,如果一个SAP UI5开发人员对UI5框架代码有些许了解,在遇到问题时能够更有针对性更高效地去定位问题。然而SAP UI5框架代码浩如烟海,初学者往往鼓起勇气想一探究竟,但却不知道如何下手,最后迷失在UI5的源代码海洋里。

Jerry这个系列,通过SAP UI5最简单的Hello World应用中最简单的button控件出发,试图向大家展示SAP UI5框架代码中围绕该控件的相关实现。虽然使用Fiori Elements,开发人员大多数时候无需手动编写操作UI5控件的JavaScript代码,然而在遇到Fiori Elements不能按照自己的期望工作的时候,如果熟悉SAP UI5框架实现,就不至于完全不知所措。

这个系列的英文版在五年之前发布于SAP社区,收到了很好的反馈,也感谢SAP UI5开发团队的同事,Andreas Kunz,对我的系列做出了肯定,同时对文章中叙述不完善的地方做出了补充。

虽然五年前Jerry写作时给予的SAP UI5版本是1.31.0, 五年之后的今天(2020年10月)最新版本已经成为1.82.4, 但是这个系列除了介绍SAP UI5框架实现的部分细节之外,更重要的是向大家展示,Jerry自己是如何通过代码调试的方法,来自学SAP UI5框架代码的。

本系列针对SAP UI5框架的所有调试,都是基于源代码的Debug Sources版本的,即同时按住"Shift+Alt+Ctrl+P", 在弹出框里勾上"Use Debug Sources", 重新刷新应用以加载Debug Sources.

系列目录

(0) SAP UI5应用开发人员了解UI5框架代码的意义(本文) (1) UI5 module懒加载机制 (2) UI5 控件渲染机制 (3) HTML原生事件 VS SAP UI5 Semantic事件 (4) UI5控件元数据实现细节 (5) UI5控件的实例数据实现细节 (6) UI5控件数据绑定的实现原理 (7) UI5控件数据绑定的三种模式:One Way,Two Way和OneTime实现原理比较 (8) UI5控件ID的生成逻辑 (9) UI5控件的多语言(国际化,Internationalization,i18n)支持的实现原理 (10) XML视图里的button控件 (11) button控件和它背后的DOM元素

敬请期待本系列的下一篇文章:UI5 module懒加载机制。希望我不会烂尾。如果大家等不及这个系列的中文版,可以移步SAP社区,直接阅读我五年前写的英文版:

https://blogs.sap.com/2015/10/26/a-tutorial-how-i-do-self-study-on-a-given-fiori-control-and-ui5-framework-code-behind/

感谢阅读。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 一个用于SAP UI5学习的脚手架应用,没有任何后台API的依赖

    Jerry的系列 通过最简单的button控件,深入学习SAP UI5框架代码系列之零 里面曾经提到,我们会使用单步调试的方式,来学习SAP UI5框架的部分源...

    Jerry Wang
  • 国内SAP UI5使用者关于性能优化和UI5 Web Component的讨论

    有朋友提问:有UI5性能优化或者代码压缩的文章吗?UI5什么都好就是第一次加载太慢

    Jerry Wang
  • 深入学习SAP UI5框架代码系列之三:HTML原生事件 VS UI5 Semantic事件

    这是Jerry 2020年的第80篇文章,也是汪子熙公众号总共第262篇原创文章。

    Jerry Wang
  • 一个用于SAP UI5学习的脚手架应用,没有任何后台API的依赖

    Jerry的系列 通过最简单的button控件,深入学习SAP UI5框架代码系列之零 里面曾经提到,我们会使用单步调试的方式,来学习SAP UI5框架的部分源...

    Jerry Wang
  • 深入学习SAP UI5框架代码系列之三:HTML原生事件 VS UI5 Semantic事件

    这是Jerry 2020年的第80篇文章,也是汪子熙公众号总共第262篇原创文章。

    Jerry Wang
  • SAP WebIDE里UI5应用的隐藏文件project.json

    在SAP WebIDE UI5应用编辑器里的菜单View->Show Hidden files点击后,即可发现项目文件夹下有一个隐藏文件project.json...

    Jerry Wang
  • 如何使用SAP UI5 SDK网站查询指定控件的属性如何使用

    一个朋友向我提问,SAP UI5 input控件,如何实现inputField内容靠右显示?

    Jerry Wang
  • Python---获取div标签中的文字

    compile 函数用于编译正则表达式,生成一个正则表达式( Pattern )对象,供 match() 和 search() 这两个函数使用。

    明天依旧可好
  • SpringBoot 2.0 + Nacos + Sentinel 流控规则集中存储

    Sentinel 原生版本的规则管理通过API 将规则推送至客户端并直接更新到内存中,并不能直接用于生产环境。不过官方也提供了一种 Push模式,扩展读数据源R...

    小柒2012
  • SAP的这三款CRM解决方案,您能区分清楚么

    我的一位同事, John Burton, 在2017年12月底写过一篇博文:Explaining SAP’s portfolio of “CRM Service...

    Jerry Wang

扫码关注云+社区

领取腾讯云代金券