关于 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 框架一起工作。


看个具体的例子:

88b9988b40447cb37c7e3c492d49867f.png

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 应用程序添加一些新的功能

目录
相关文章
|
7月前
|
XML 开发框架 前端开发
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
浅谈 Fiori Fundamentals 和 SAP UI5 Web Components 的关系
60 0
|
7月前
|
前端开发 JavaScript
关于 SAP UI5 Web Components
关于 SAP UI5 Web Components
61 0
|
9月前
|
缓存 前端开发 API
前端的未来在哪里之Web Components
Web Components作为一种新的前端开发模型,已经成为了前端开发的新趋势。
87 0
|
12月前
|
前端开发 JavaScript 数据可视化
前端之Web Components的未来在哪里?
Web Components是一种用于创建可重用Web组件的标准,可以使开发者更加容易地创建、共享和重用自定义元素和功能。它的出现为前端开发者提供了更多的工具和技术,使得开发可重用、可维护的Web应用程序变得更加容易。那么,Web Components的未来在哪里呢?
125 0
|
12月前
|
JavaScript 安全
Web Components —— Web 组件(下)
Web Components —— Web 组件
91 0
|
12月前
|
SQL 开发框架 JavaScript
Web Components —— Web 组件
Web Components —— Web 组件
129 0
|
移动开发 JavaScript 前端开发
什么是 Web Components?如何使用?
之前就有在上一次更文挑战中看到掘金博主介绍过 Web Components,而最近也是有一篇文章介绍已经有一个组件库 Quark Design 是基于 Web Components 实现,并且已经在生产环境中验证过了,所以这就有必要研究一下了
|
Web App开发 JavaScript 前端开发
【译】Web-Components 介绍
【译】Web-Components 介绍
194 0
【译】Web-Components 介绍
|
XML 移动开发 前端开发
用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用
用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用
151 0
用 React 结合 SAP UI5 Web Components 来开发 SAP Fiori 应用
|
Web App开发 JavaScript 前端开发
【Web Components】Web Components 的最新开发方法
【Web Components】Web Components 的最新开发方法
174 0
【Web Components】Web Components 的最新开发方法