OPEN(SAP) UI5 学习入门系列之四：更好的入门系列-官方Walkthrough

很久没有更新了，实在不知道应该写一些什么内容，由于做为入门系列，实际上应该更多的是操做而不是理论，而在UI5 SDK中的EXPLORER里面有着各类控件的用法，因此在这里也没有必要再来一遍，仍是看官方的用法更地道。

看一下基于最新的库所推荐的项目结构。

另外，我以为对于初学者来讲是一个很是好的消息，就是UI5版本从1.28更新到1.30以及更高以后，Tutorial系列有了重大更新，以前的Get Started->Tutorials->Application Best Practice如今改成Tutorial->Walkthrough，跟随着Walkthrough把全部的步骤走完，基本上UI5就算能够入门了，每个步骤在EXPLORED中能够看到效果，而且能够下载到完整的代码，因此基于这个缘由，我以为我以前写的入门系列基本上能够不用再看了，跟着这个Walkthrough走就足够了。

连接贴在这里：https://openui5.hana.ondemand.com/#docs/guide/3da5f4be63264db99f2e5b04c5e853db.html

除了Walkthrough以外，1.30及更高版本的更新还增长了很多其余的改动，这里列举一下我以为比较重要的部分，这些内容在作Walkthrough的过程应该也都会感觉到。

项目目录结构

在以前的版本中，官方的最佳实践或者样例代码通常都是把视图文件和控制器文件放到一个目录中，显然，这种组织代码的方式对于管理稍大型的应用就会显得比较混乱，可是官方以前对于如何组织代码并未给出明确的方式，而在1.30版本更新以后，在文档中专门有一篇来介绍目录结构。这里我就大体的介绍一下。

三个主要的目录是root, webapp以及test目录。

• root 目录 
  顾名思义，是整个项目的根目录，目录名能够是任意的项目名称，在这个目录之下包含的文件应该是你写的APP的代码之外的一些辅助文件，好比工程文件或者是一些说明性的文件，若是这些文件比较多，也能够在这之下再建立一个目录来管理。好比能够把全部的文档文件都放在doc目录中等等。
• webapp 目录 
  这个目录包含的是应用的全部代码文件，好比视图文件，处理逻辑的js文件，本地化资源文件i18n文件，模型文件（可选），以及测试相关的文件（放到单独的test目录中）。
• test 目录 
  这个目录应该用来存放测试相关的文件。

具体细节仍是看官方的介绍吧：https://openui5.hana.ondemand.com/#docs/guide/003f755d46d34dd1bbce9ffe08c8d46a.html

应用描述符文件

在1.28及以前，单独的一个应用能够被包到Component中，能够经过Component的metadata来描述一些应用的信息，好比依赖的库，资源文件（css、i18n）等等，或者应用公共的一些配置信息，都放到Component.js中。 从1.30开始，UI5引入了应用描述符文件manifest.json，官方是这么说的：

The descriptor for applications, components, and libraries is inspired by the Web Application Manifest concept introduced by the W3C. The descriptor provides a central, machine-readable and easy-to-access location for storing metadata associated with an application, an application component, or a library.

咱们能够把应用的一些配置信息都放到这个manifest.json里面，UI5提供了API来检索相应的配置信息，同时，当咱们须要把这个app放到Fiori Launchpad的时候，一些相应的配置信息也会被Fiori Launchpad读到。

总结

UI5的Developer Guide的可读性愈来愈强，因此建议若是想要真正掌握UI5仍是要静下心来花点时间把Guide都过一遍，不过惭愧的是我本身都没有完完整整的看过，都是碰到哪里不明白了再去查找，好在1.30以后，增长了搜索的功能，能够快速的定位到本身感兴趣的部分。

至于这个UI5学习入门系列，就像最开始说的，我以为基于如今官方Guide足够强大已经没有再本身造车轮的必要了。若是要进一步的深刻的学习，JavsScript的深刻理解是必不可少的，同时要看到SAP如今也是在积极的拥抱开源，在UI5库中用到很多开源的库，因此对于这些库咱们也须要作深刻的了解，而后在这个基础之上咱们再去理解UI5的架构，那时才能作到举重若轻。