本步骤介绍的大部分内容,其实在本教程前一步骤 SAP UI5 初学者教程之五:视图控制器初探已经涉及到了。

下图是本教程第五步骤里控制器的实现源代码,其中我们使用第一行的 sap.ui.define, 异步加载 SAP UI5 标准的控制器实现模块,即第二行的 sap/ui/core/mvc/Controller.

前一步骤我们点击 Button 控件,弹出的对话框采取浏览器原生的 alert API 实现。

本步骤我们更进一步,将弹出对话框采取 SAP UI5 的 Toast 控件实现。为此,我们需要异步加载 Toast 控件的实现模块。

先看本步骤的 SAP UI5 应用实现效果:

点击了 Say Hello 按钮后,我们可以在屏幕底部看到一个通过 SAP UI5 Toast 控件显示的 Hello World,而不是前一步骤通过 alert 显示的对话框。

本步骤的完整源代码:

https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/06

同前一步骤相比

SAP UI5 应用开发教程之六 - 了解 SAP UI5 的模块(Module)概念相关推荐

  1. SAP UI5 应用开发教程之六十 - SAP UI5 地图控件的一些高级用法试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  2. SAP UI5 应用开发教程之六十七 - 基于 OData V4 的 SAP UI5 List-Detail(列表-明细)布局的实现方式试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  3. SAP UI5 应用开发教程之六十六 - 基于 OData V4 的 SAP UI5 表格控件如何实现删除功能试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  4. SAP UI5 应用开发教程之六十四 - 基于 OData V4 的 SAP UI5 表格控件如何实现 filter(过滤) 和 sort(排序)功能试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  5. SAP UI5 应用开发教程之六十三 - 基于 OData V4 的本地 Mock Server 实现的深入介绍试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  6. SAP UI5 应用开发教程之六十二 - 基于 OData V4 的 SAP UI5 表格控件使用方法介绍试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  7. SAP UI5 应用开发教程之六十九 - 如何从 SAP UI5 Not Found 页面跳转回到正常的应用页面试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  8. SAP UI5 应用开发教程之三十三 - SAP UI5 应用的响应式布局特性(Responsiveness)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  9. SAP UI5 应用开发教程之三十一 - SAP UI5 的路由历史和路由回退(Routing back and history)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

最新文章

  1. pygame加载中文名mp3文件出现error
  2. 使用pyspider爬取巨量淘宝MM图片
  3. MySQL之优化器、执行计划、简单优化
  4. 关于Dalvik虚拟机你需要知道的15个问题
  5. kafka学习_Kafka学习笔记下
  6. mysql 附加数据库文件_mysql附加数据库文件
  7. 【遥感数字图像处理】实验:Erdas 软件的认识与使用
  8. 在layui中使用 jquery 触发select 的 change事件无效
  9. c++ primer 5th(中文版)勘误
  10. 几个简单的Makefile
  11. 迪士尼小哥转行测试,月薪翻倍:成年人的童话世界, 需要自己创造
  12. python爬虫:Scrapy框架爬取纳斯达克(NASDAQ)股票数据
  13. html5前端图片压缩,大小可配置
  14. Matlab抓取网页数据
  15. 利用原生写js满天星星
  16. druid.io index_realtime任务的hand off:仍然是源码+log说清楚
  17. CentOS系统下部署Hadoop2.0单机模式
  18. php 扇面,扇面书法,四种章法让人赏心悦目
  19. 借助新电商平台,湖北荷塘三宝直达全国餐桌
  20. 写给程序员的UI设计书 (转) (二)

热门文章

  1. Mobx, 化繁为简的艺术
  2. nginx反向代理+缓存开启+url重写+负载均衡(带健康探测)的部署记录
  3. LINUX服务器搭建和常用配置介绍
  4. CentOS如何挂载硬盘
  5. Oracle FGA审计记录的清理步骤
  6. linux CentOs 权限导致的Apache - DocumentRoot must be a directory的解决方案
  7. [转]ActiveX控件安全初始化之一:实现ISafeObject接口
  8. EXCEL两组数相等红色标示并放到第三列_VBA
  9. 近期吉他练习曲目《爱的罗曼史》,安排每天晚上睡觉前练习1小时!
  10. 网吧管理十大漏洞嚗光