SAP|SAP UI5 初学者教程之十四 - 嵌入视图的使用方式试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录
- SAP UI5 本地开发环境的搭建
- SAP UI5 初学者教程之一:Hello World
- SAP UI5 初学者教程之二:SAP UI5 的引导过程 Bootstrap
- SAP UI5 初学者教程之三:开始接触第一个 SAP UI5 控件
- SAP UI5 初学者教程之四:XML 视图初探
- SAP UI5 初学者教程之五:视图控制器初探
- SAP UI5 初学者教程之六 - 了解 SAP UI5 的模块(Module)概念
- SAP UI5 初学者教程之七 - JSON 模型初探
- SAP UI5 初学者教程之八 - 多语言的支持
在 Jerry 这篇文章 对 SAP UI5 一无所知的新手,从哪些材料开始学习比较好? 曾经提到,Jerry 也是从 SAP UI5 菜鸟一路走过来,深知只有 ABAP 开发背景的开发者,向 SAP UI5 开发领域转型的不易,因此我在业余时间设计了这份适合 SAP UI5 初学者的学习教程,把开发一个完整的 SAP UI5 应用的流程,拆分成若干个步骤,力求每个步骤里,把涉及到的知识点都涵盖到。这些知识点可能不像我的 UI5 源码分析系列文章那么深入,但力求浅显易懂,便于 SAP UI5 初学者理解。
本教程每一个步骤的源代码,都存放在我的 Github 上,分别用文件夹 01,02,03 等等来标识。
![SAP|SAP UI5 初学者教程之十四 - 嵌入视图的使用方式试读版](https://img.it610.com/image/info9/4174fff0a7ea4f48a5a4ab10d5db800e.jpg)
文章图片
每一个步骤均是前一步骤的基础上,添加了若干新特性。建议零基础或者对 SAP UI5 知之甚少的初学者,按照顺序从第一个步骤开始循序渐进地学习,把这些代码下载到本地,配合教程的文字讲解,自己动手,以加深理解。
【SAP|SAP UI5 初学者教程之十四 - 嵌入视图的使用方式试读版】大家如果对教程的每个步骤有任何疑问,欢迎在教程对应的步骤文章里给我评论,进行留言。
我们回顾一下教程前一个步骤完成后,得到的 SAP UI5 的外观。
从我的 github 下载教程的完整源代码到本地,进入 13 这个子文件夹:
![SAP|SAP UI5 初学者教程之十四 - 嵌入视图的使用方式试读版](https://img.it610.com/image/info9/4c9e8aa6eb4e41f4aca329ab01e67104.jpg)
文章图片
使用命令行 npm install 自动安装依赖后,再使用命令行 ui5 serve 启动应用:会观察到 Server started 的提示消息,应用可以通过 http://localhost:8080/webapp/... 访问:
![SAP|SAP UI5 初学者教程之十四 - 嵌入视图的使用方式试读版](https://img.it610.com/image/info9/4fd02f802acc44098507e75ad0dd174d.jpg)
文章图片
当然,使用 ui5 serve 命令行的前提条件是安装好 Node.js 运行环境。具体步骤请参考本教程的第四个步骤:SAP UI5 初学者教程之四:XML 视图初探。
迄今为止的13个步骤,我们都只设计了一个 XML 视图。在实际项目开发过程中,如果我们把所有的页面元素都放置到同一个 XML 视图中,随着应用页面复杂度的增加,这个 XML 视图会越来越庞大,出错的可能性增加,可维护性下降。
![SAP|SAP UI5 初学者教程之十四 - 嵌入视图的使用方式试读版](https://img.it610.com/image/info9/2977df6a7417499d869a97df7bb4b517.jpg)
文章图片
本步骤,我们就来学习,如何把该 XML 视图的部分元素剥离出来,放到一个新的视图,即所谓的嵌入视图中去。
具体步骤参考这篇文章.
推荐阅读
- 漫画初学者如何学习漫画背景的透视画法(这篇教程请收藏好了!)
- 单片机|单片机初学者做项目为什么这么难(单片机初学者心得有哪些)
- c语言|C语言初期学习遇到的特殊点 【三子棋详解】【初学者福音,详细总结,复习能手】
- 所有Python入门书籍的整理,初学者必看,附赠所有电子版(三)
- 写给DataBinding初学者的入门介绍
- Kubernetes服务(初学者指南)
- 初学者怎样自学好UI设计(学习的步骤是怎样的?)
- 【写给初学者的小经验】弹钢琴的do到底在哪里()
- 初学日语-给初学者一些建议
- csapp之lab(shell lab)