所有開發都離不開文檔,Fiori也提供了非常詳細的文檔。
文檔地址 -> https://sapui5.hana.ondemand.com/
文檔分爲六部分
DEVELOPER GUIDE 簡單介紹了sapui5的開發,有時間可以閱讀下,懶的話就算了。
EXPLORED 非常有用,幾乎包含了所有的現有控件及大概的用法。能查看源代碼,簡單的需求直接copy就能解決。有些數據看不到,需要在瀏覽器看後臺才行。
APIREFERENCE 同樣非常重要,控件的全部屬性及方法。但是沒有示例代碼,美中不足。
DEMO APPS 官方給出的一些sapui5開發的應用,非常蛋疼的是,可能你需要的就是其中的一個,但是,你看不到源代碼。
ICONS sapui5所提供的全部icon,需要有所瞭解。標準的應用中,一些圖標的意思和我們直觀的想法並不一樣。
CONTROLS 基本沒什麼用,在api中都能查到。
老外的腦子真的怪怪的,該有代碼的地方居然都沒有。。。。。。
EXPLORED是最常用的,簡單說下用法。
以Action Sheet爲例,右側選擇SAMPLES,,點擊所列出的示例。
右側顯示出當前控件的運行效果,點擊右上角的按鈕,能看到源代碼,用法一目瞭然。
代碼頁面,上不是此控件需要涉及到幾個文件。
view文件是靜態的標籤,controller文件存放邏輯代碼(之前提到過)。fragment文件一般用來存放頁面一些彈出窗體。
需要注意的是,在view文件中,文件頭會聲明一些配置。xmlns的值表示當前view文件默認使用的庫,如圖,當前view默認的庫就是sap.m。下邊代碼中,Button控件就是存在sap.m庫中。看下第三行,代碼的意思表示引入了另一個庫中的控件,並給引入的控件重命名爲l。當使用該控件的時候,需要把l加到控件的前面。第六行,使用sap.ui.layout控件的垂直佈局。