关于 SAP UI5 Web Components

简介: 关于 SAP UI5 Web Components

SAP UI5 Web Components 是 UI5 Evolution 项目的关键支柱,以实现 UI5 的 UI 元素的轻量级和独立消费。 顾名思义,它们是使用 Web 组件标准构建的。


Web 组件适用于所有主流浏览器。 它们基于一组 Web 标准,例如自定义元素、Shadow DOM、HTML 模板和 ES6 类和模块。 Web 组件允许创建自定义 HTML 标签,扩展浏览器的标准 HTML 标签词汇。 在这些自定义 HTML 标签的背后,它们提供了通过 HTML 和 CSS 定义的视觉外观以及使用 JavaScript 实现的行为。 最后,Web 组件的优点在于它们可以与任何使用 HTML 标记的 Web 框架一起工作。


看个具体的例子:



UI5 Web Components 是 UI5 的新产品,提供基本的和选定的高级 UI 元素作为 Web 组件。 就像 UI5 控件一样,这些 UI 元素是根据 SAP Fiori 设计指南实施的,并结合了 SAP Fiori 3 设计。 因此,它们非常适合确保静态网站和 Web 应用程序的视觉和行为一致性。 UI5 Web 组件的外观和行为就像 UI5 控件一样。 此外,它们还具有熟悉的企业级功能,例如稳定性、国际化、可访问性和主题支持。 与 UI5 控件相比,UI5 Web 组件的占用空间要小得多,因为 UI5 控件嵌入在应用程序编程模型中,而 UI5 Web 组件不是。 正是这将 UI5 Web 组件与 UI5 控件区分开来。 它们使您能够将我们的 UI 元素与您选择的任何基于 HTML 的 UI 技术一起使用。


UI5 Web Component


  • 不是建立在 UI5 之上,而是轻量级和独立的 UI 元素


  • 不是 UI5 的继承者,而是一个补充产品


  • 将相关的 UI5 品质和 SAP Fiori UX 带到 HTML 级别,可与任何 Web 框架一起使用


UI5 Web Component 适用于:


  • 为那些没有使用 Web 框架构建的静态网站,只添加一些交互式 UI 元素


  • 为已经使用不同 Web 框架的 Web 应用程序添加一些新的功能

相关文章
|
2月前
|
机器学习/深度学习 人工智能 前端开发
机器学习PAI常见问题之web ui 项目启动后页面打不开如何解决
PAI(平台为智能,Platform for Artificial Intelligence)是阿里云提供的一个全面的人工智能开发平台,旨在为开发者提供机器学习、深度学习等人工智能技术的模型训练、优化和部署服务。以下是PAI平台使用中的一些常见问题及其答案汇总,帮助用户解决在使用过程中遇到的问题。
|
2月前
|
前端开发 搜索推荐 开发者
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
SAP UI5 sap.m.Column 控件的 minScreenWidth 属性介绍
29 0
|
2月前
|
JavaScript 前端开发 开发者
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
SAP UI5 控件 sap.m.ListBase 的 inset 属性的作用介绍
17 0
|
2月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
15 0
|
2月前
|
XML 存储 数据格式
SAP UI5 控件 customData 属性的应用介绍
SAP UI5 控件 customData 属性的应用介绍
33 0
|
2月前
|
前端开发 JavaScript API
SAP UI5 sap.ui.require.toUrl 的作用介绍
SAP UI5 sap.ui.require.toUrl 的作用介绍
33 0
|
2月前
|
搜索推荐
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
如何让 SAP UI5 Smart Table 支持多项选择(Multiple-Selection)试读版
19 0
|
2月前
在 CRM WebClient UI Attachment 区域,创建支持 Web Service 的 Word 文档
在 CRM WebClient UI Attachment 区域,创建支持 Web Service 的 Word 文档
21 0
|
2月前
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
使用 SAP UI5 Event Bus 机制,修复 SAP UI5 分页显示数据的一个 bug 试读版
21 0
|
3月前
|
Web App开发 前端开发 JavaScript
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
乱花渐欲迷人眼 - 让 SAP UI5 应用的日志输出不再素面朝天
48 0