本教程的前三个步骤,我们要么直接在 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. 74 计算机图形学开源处理库
  2. OKWatchDog 打造一个安全的容器类
  3. 美一8岁华裔男童体育课上头部重伤 家长吁调查
  4. 关联规则分析 Apriori 算法 简介与入门
  5. Maven 依赖中 scope 详解
  6. ctfshow-萌新-web9( 利用命令执行漏洞读取网站敏感文件)
  7. SpaceX 火箭发射成功,一文了解所用的软件技术栈!
  8. 2016 年数学真题
  9. 使用旧版本MATLAB打开新版本MATLAB创建的.slx文件 提高MATLAB启动速度
  10. 中国资源卫星应用中心免费卫星遥感数据介绍
  11. switch 连接 LG 48GQ900 没有声音
  12. 梅科尔工作室-梁嘉莹-鸿蒙笔记4
  13. java从入门到放弃段子_投稿014期 | 毕业设计从入门到放弃
  14. ORACLE 性能优化示例
  15. win7 64位右键添加显示隐藏系统文件和文件扩展名
  16. Python3.9 终于来了,新功能详细介绍
  17. 用友盟社会化组件,分享到微信和新浪微博
  18. linux 网卡驱动分析,基于linux下网卡驱动分析及实现技术研究
  19. python绘制图形微格课_什么是微格教学-海天清泓                          -51CTO博客...
  20. 简便的屏幕录像工具screen recorder mac正确安装步骤

热门文章

  1. 我所了解的Chrome
  2. 题解 UVA10328 【Coin Toss】
  3. 21天实战人工智能系列:人工智能产品经理最佳实践(1)
  4. JQuery when
  5. docker中使用golang:alpine镜像制作开启goweb的dockerfile
  6. Nginx 完整安装篇
  7. golang模板语法
  8. 安装-consul服务发现集群
  9. 循序渐进学Python2变量与输入
  10. POJ 2799 IP Networks