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的架構，那時才能作到舉重若輕。