前言

SAPUI5是SAP公司推出的一款前端UI技術框架，基於HTML5技術，開發語言為JavaScript, 誕生於2011年，此款移動框架和SAP 系列產品貼合緊密，開發迅速，符合SAP系統的整體風格，SAPUI5是一款封閉框架（收費）， 如果擁有SAP Netweaver License才可以免費試用，與SAPUI5相對應的還有一款開源框架被托管在github平臺，大家可以去fork，學習一下。

作為一款重量級的框架，必然存在豐富的UI組件，SAPUI5提供了200+模塊組件，可以自由組合，定制你需要的移動應用。

開發工具

開發SAPUI5可以使用多個IDE， 比如：

Eclipse: 最早一個開發工具，基於Eclipse的Plugin做的支持，可以讓我在本地開發出你想要的app, 並可以借助代理server運行你的應用。

SAP WEBIDE: 一個收費版，基於BS結構的IDE工具，收費的工具，可以直接運行瀏覽器當中，次瀏覽器基於SCP雲服務。

SAP Local WEBIDE: 一個WEB IDE的本地服務版本，主要是在本地搭建一個server, localhost運行你的webIDE, 但是功能比較局限，不支持部署，但是加載速度很快。

另外此核心類庫支持debug運行調試，ctrl+alt+shift+s即可。

核心類庫

SAPUI5提供了豐富的類庫供我們選擇，比如支持移動設備的sap.m, 支持圖表的chart庫，以及地圖功能map庫。

但是在實際項目中， 應用比較廣泛的類庫，主要有一下幾個：

sap.m

主要用於移動設備的響應式組件，並支持很多移動設備特性檢測，比如檢測touch等，此庫下面List, Table等組件使用比較廣泛，而且包含了下拉刷新的功能，非常完善，並自動適應不同尺寸平臺。

sap.ui

UI庫包含的組件是最為豐富的，主要用於適應桌面平臺，同樣可以支持響應式的設計，比如sap.ui.table等組件。

sap.ca

sap.ca是官方標準app的常用類庫，如果在實際開發過程當中想要拓展標準應用，必須要了解此類庫的一些特性，否則拓展起來會有很大問題。

MVC模式

SAPUI5框架是一個MVC類型的框架設計，采用Model View Controller模式：

常用組件

SAPUI5提供了比較豐富的組件，借助於這些組件可以讓我們迅速的開發應用，那麽常用的組件有哪些呢，我們來看一下：

SplitApp

這是一個Master Detail形式的結構，可以在移動，桌面不同尺寸的設備上自適應，也是大部分app需要采用的一種架構形式。

列表在任何應用中是比較常見的，List在SAPUi5定義功能比較完善，支持分批加載數據，提高運行效率，支持下拉等功能，並提供給我們豐富的標準Item, 可以簡單配置使用，更可以根據自身需求定義item

這是一個表單性質的的組件，支持響應式，很多是夠我們做一個表單展示需要此控件的支持。自身也攜帶了豐富的property供我們選擇。

總結

總體來講，SAPUI5的發展勢頭，以及產品叠代仍舊呈現一個良好的趨勢，配合SCP雲的到來，SAPUI5(SAP Fiori)變得愈發普及，希望更多的人能夠關註和學習，共同交流。

中文版SAPUI5(SAP Fiori)視頻教程，敬請關註！

本文出自 “天外野草暢談” 博客，請務必保留此出處http://4676070.blog.51cto.com/4666070/1942586

SAPUI5教程——框架簡介以及應用實踐