本教程的前三个步骤,我们要么直接在 index.html 里,利用原生的标签 div 显示文本,要么创建 SAP UI5 Text 控件实例,再将其放置于 HTML 占位符 div 标签里。

从本步骤开始,我们会接触 SAP UI5 非常重要的概念:XML 视图,这个概念也是 SAP UI5 MVC 三大支柱之一:View 即视图层。

本步骤的代码:

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

同前一步骤相比,本步骤的 index.html 没有任何修改。

在 SAP UI5 框架完成初始化之后,执行通过 data-sap-ui-oninit 指定的我们自定义的 module,即位于 webapp 文件夹下面的 index.js 实现的同名 module.

在本教程第三步骤 SAP UI5 初学者教程之三:开始接触第一个 SAP UI5 控件里,我们在 index 模块里,新建了一个 Text 控件实例,并将其放置到 id 为 content 的占位符 div 标签里。

本步骤我们更进一步,新建一个 XML 视图实例,将该视图实例放置到占位符 div 标签页里。

SAP UI5 应用开发教程之四:XML 视图初探相关推荐

  1. SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版

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

  2. SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑试读版

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

  3. SAP UI5 应用开发教程之四十六 - 使用 Message Manager 实现开箱即用的验证(Validation)信息抛出

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

  4. SAP UI5 应用开发教程之四十五 - 如何在 SAP UI5 应用里使用 jQuery 和原生的 DOM API

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

  5. SAP UI5 应用开发教程之四十二 - SAP UI5 自带的 Diagnostics 诊断工具使用方法介绍

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

  6. SAP UI5 应用开发教程之四十一 - Chrome 扩展 UI5 Inspector 的离线安装和使用方法试读版

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

  7. SAP UI5 应用开发教程之四十 - 如何制作包含了 component-preload.js 在内的 SAP UI5 发布版本

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

  8. SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用试读版

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

  9. SAP UI5 应用开发教程之七 - JSON 模型初探

    本教程的第四个步骤,我们学习了 SAP UI5 MVC 架构中的 V:XML 视图: SAP UI5 初学者教程之四:XML 视图初探 第五个教程,我们学习了 MVC 中的 C:Controller ...

最新文章

  1. Redis 入门安装(Linux)
  2. 卷积核一定可以提升网络性能吗?-分类0,2
  3. java 根据类名示例化类_Java LocalDateTime类| 带示例的getNano()方法
  4. 2022年移动应用趋势洞察白皮书
  5. PHPCMSV9前台会员注册提示操作失败的解决办法
  6. java项目上线mysql查询慢_Java Web应用程序在缓慢的MySQL查询中停滞不前
  7. NO.4 Android开发中常用框架及工具
  8. iofactory.php,CI框架下引入类库资源PHPPowerPoint报出“ Cannot redeclare class IOFactory”...
  9. 交换机tagged与untagged的关系深入探讨
  10. 工厂模式演进以及部分使用场景(简单工厂,工厂方法,抽象工厂)
  11. java经纬度转平面坐标_经纬度到平面坐标的相互转换
  12. Linux系列课程之一Linux的介绍
  13. Java第七周心得体会
  14. 手机接收短信验证码生成(纯数字)
  15. javascript 实现blob加密视频(html video),服务端为php
  16. 全球与中国5G用聚酰亚胺薄膜市场深度研究分析报告
  17. 贝叶斯分析助你成为优秀的调参侠:自动化搜索物理模型的参数空间
  18. 常见的DNSBL(邮件黑名单),及DNSBL(邮件黑名单)的选择
  19. 如何使用DPABI 进行核磁共振数据结果统计分析?
  20. 国米w ndows错误,争议缠身的超级巨星,23岁爽约尤文,28岁激怒巴萨,35岁逼宫国米...

热门文章

  1. 关于Integer大小比较的问题
  2. PLSQL Developer 运用Profiler 分析存储过程性能
  3. 特殊权限位set_uid set_gid   stick_bit 软链接硬链接
  4. ajax传参到实体类对应字段
  5. 在Excel中实现查询功能
  6. web 资源管理器相关产品
  7. 矩阵对抗与漏洞补丁201001(第4期)
  8. 超级日志服务器-Splunk
  9. 我儿子现在读一年级,到现在读了3个月,这个是今天老婆叫我给他打印的英语卡片,晕啊...
  10. Vue.js—60分钟快速入门