市场上有一些非常好的 HTML5 UI 框架,例如:Twitter Bootstrap、Foundation、Sencha Touch、KendoUI 等等。SAP 推出了 SAPUI5,正式名称为“HTML5 的 UI 开发工具包”。
SAPUI5 使用模型视图控制器 (MVC) 概念将信息的表示与用户交互分开。
模型、视图和控制器被分配了以下角色:
- 视图负责定义和呈现 UI。
- 模型管理应用程序数据。
- 控制器通过修改视图和模型对视图事件和用户交互做出反应。
在 Eclipse 上安装 SAPUI5 SDK
- 在 Eclipse 中,选择菜单栏中的 Help > Install New Software
- 在“安装”对话框中,输入更新站点 URL。https://tools.hana.ondemand.com/mars(对于 Eclipse Mars) https://tools.hana.ondemand.com/luna(对于 Eclipse Luna)
- 按 Enter 显示可用功能。
- 在 UI Development Toolkit for HTML5 下选择所需的功能,然后选择 Next。
- 在下一个向导页面上,您将获得要安装的功能的概述。选择下一步。
- 确认许可协议并选择完成以开始安装。
预装主题:
SAPUI5 提供了许多预安装的主题,您可以在应用程序中使用这些主题来更改 Web 应用程序的颜色和可见属性。可以通过更改使用引导脚本标记定义的 sap-ui-bootstrap 脚本对象的 data-sap-ui-theme 属性来自定义。
SAPUI5 主题: