SAP UI5 初学者教程之十三 - 如何添加自定义 CSS 类试读版
一套适合 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 等等来标识。
每一个步骤均是前一步骤的基础上,添加了若干新特性。建议零基础或者对 SAP UI5 知之甚少的初学者,按照顺序从第一个步骤开始循序渐进地学习,把这些代码下载到本地,配合教程的文字讲解,自己动手,以加深理解。
大家如果对教程的每个步骤有任何疑问,欢迎在教程对应的步骤文章里给我评论,进行留言。
本教程的上一篇文章:SAP UI5 初学者教程之十二 - 使用 CSS 类对 UI 进行进一步美化,我们介绍了如何使用 SAP UI5 标准定义的 CSS 类来美化自己的应用程序。
本文我们继续 CSS 类这个主题,介绍如何自定义 CSS 类并施加到自己的应用程序里。
首先看一下按照本步骤完成的 UI 效果如下:
具体的实现步骤,参考我的文章:SAP UI5 初学者教程之十三 - 如何添加自定义 CSS 类
相关文章
- 62. 如何通过增强(Enhancement) 的方式给 SAP ABAP 标准程序增添新功能
- SAP UI5 应用开发教程之三十六 - 使用 Chrome 开发者工具 Elements 标签动态修改 CSS 类试读版
- SAP UI5 初学者教程之五:视图控制器初探 试读版
- SAP CDS view自学教程之二:当SAP CDS view被激活时,背后发生了什么
- SAP BOPF和ESF2这两个框架有什么区别
- SAP不同产品的UI开发策略概述
- SAP OData 开发实战教程:从入门到提高
- SAP UI5 应用开发教程之九十六 - SAP UI5 列表控件分页显示数据时,如何自定义分页大小试读版
- SAP UI5 应用开发教程之八十六 - 动手开发一个最简单的本地 Mock 数据服务器试读版
- SAP UI5 应用开发教程之五十一 - 如何使用 Chrome 调试运行在手机上的 SAP UI5 Cordova 混合应用试读版
- SAP UI5 应用开发教程之四十四 - Label 和 Input 控件文本没有水平对齐的原因分析和解决方案
- SAP UI5 应用开发教程之三十八 - 使用 Chrome 开发者工具查看程序执行出错时的上下文信息
- SAP UI5 应用开发教程之六十八 - 如何实现 SAP UI5 路由失败时显示自定义的 NOT Found 页面试读版
- SAP UI5 应用开发教程之三十一 - SAP UI5 的路由历史和路由回退(Routing back and history)试读版
- SAP UI5 初学者教程之十 - 什么是 SAP UI5 应用的描述符 Descriptor 试读版
- SAP UI5 初学者教程之十 - 什么是 SAP UI5 应用的描述符 Descriptor 试读版
- SAP Spartacus 如何使用 API 从浏览器 local Storage 读取数据
- SAP Spartacus B2B Organization unit 单元测试 b2b-user.selector.spec.ts launcher
- SAP OData 开发从入门到提高教程的目录