学习SAP_Fiori前需要了解的知识点
SAP UI 风格的演进
经典 SAP GUI
SAP GUI 是 SAP 传统的操作界面，虽然”丑陋”但 ==简洁、高效、风格统一==，成为 SAP 的经典符号。
新一代 Fiori
随着企业用户对全场景（anytime, anywhere）业务需求的增长，Fiori 逐步成为 SAP 新一代 UI 风格。
💡Fiori 的优势
- 清爽的设计风格，user-friendly 的操作方式
- 跨终端通用（Mobile / Tablet / Desktop）
- 经过性能调优后，反应速度同样很快
Fiori 技术架构
Fiori 应用程序由三层架构组成：
| 层级 | 组件 | 说明 |
|---|---|---|
| 底层 | ==SAP HANA== | 列存储内存数据库，按开发 guidance 做速度极快 |
| 中层 | ==SAP NetWeaver== | 后台平台，业务逻辑由 ABAP 完成，基于 CDS 建模 |
| 前端 | ==SAPUI5== | 基于 HTML5 / CSS / JS 的前台开发技术 |
ℹ️SAP Gateway
SAP Gateway 是 NetWeaver 上的组件，负责将 CDS 业务模型发布为 OData service，供前端 SAPUI5 程序使用。
SAPUI5 的 MVC 架构
SAPUI5 前端采用经典 MVC（Model-View-Controller）设计模型，掌握 MVC 原理是理解 Fiori 运行机制的基础。
技能储备
必要技能
| 技能 | 说明 |
|---|---|
| ABAP | SAP 开发人员必备技能 |
| CDS (Core Data Service) | 建模基础，必须掌握 |
| CDS annotations | 通过 annotation 控制 Fiori 页面行为 |
| SAP Gateway | 管理 OData service |
| OData | 了解 OData 结构和 annotation，是 Fiori 开发基础 |
开发环境
| 工具 | 说明 |
|---|---|
| SAP ADT | 基于 Eclipse 的 ABAP Development Tool，传统 SE80 无法开发 CDS |
| SAP Web IDE | 开发 Fiori 前台 |
辅助技能
- SAPUI5 — Fiori 的控件库
- JavaScript — 做前台逻辑调整
了解更好
- HTML
- CSS
💬要点
SAP 提供了完整的 Fiori 框架，通过 CDS annotation 即可完成页面描述，==不写任何 HTML / CSS / JavaScript 代码也能完成 Fiori 开发==。