cdn经营许可证_国内_物联网无线通信模块

云虚拟主机 虚拟云 浏览

小编:UI5 Web组件是一组Web平台API,允许您在网页和应用程序中创建和使用可重用的封装HTML标记。 更多信息:https://sap.github.io/ui5-webcomponents/ 任何一位用户体验专家都会告诉你,通过拥有一致

UI5 Web组件是一组Web平台API,允许您在网页和应用程序中创建和使用可重用的封装HTML标记。

更多信息:https://sap.github.io/ui5-webcomponents/

任何一位用户体验专家都会告诉你,通过拥有一致的用户体验,用户可以获得可观的效率收益跨多个应用程序。当涉及到SAP应用程序时,很明显,SAP正在协同努力,使所有SAP应用程序的用户体验保持一致,无论是本地应用程序还是云中应用程序。

许多公司希望为定制应用程序创建这种一致的用户体验,但面临着共享资源的限制。在目前的市场中,真正云服务器,他们希望利用他们已经拥有的UI/UX开发资源?现在大多数开发人员在使用和学习什么?

根据Stack Overflow 2020开发者调查,排名前十的web框架是:

jQuery反应.js棱角分明的ASP.NET快车ASP.NET核心虚拟用户.js春天角度.js烧瓶

https://insights.stackoverflow.com/survey/2020#技术-web-frameworks-professional-developers2

最受欢迎的3个框架是:

ReactVue公司角度

https://insights.stackoverflow.com/survey/2020#技术-最爱、最怕、最想要的网络框架2

这些框架之所以流行,有很多原因,这里我们就不详细介绍了,但可以肯定的是,这些框架将在一段时间内成为企业web应用程序市场的重要组成部分,数据存储模式,SAP对开放标准的承诺促使他们采用灵活的选项,使用这些技术构建定制的SAP Fiori应用程序。

UI5 Web组件允许开发人员构建与SAP Fiori用户体验和指导原则一致的Web应用程序。

使用UI5 Web组件,开发人员可以使用这些流行的web框架构建应用程序的核心逻辑,同时使用UI5 web组件作为可视元素(控件)。

SAPUI5–https://ui5.sap.com反应-https://reactjs.org角度-https://angular.ioVue–https://vuejs.org

这为公司可能需要的所有SAP相关应用程序提供了一致的用户体验。这些应用程序可以部署在任何平台上,无论是SAP内部部署前端服务器、SAP云平台,或任何其他可能需要的云平台。

这些web框架在处理数据层、持久性、绑定以及与API的集成等方面都有不同的方式。但是web组件的优点是,无论框架如何,云 的数据库,都可以轻松集成。

有几个原因,我开始喜欢使用React开发的能力和速度。因此,云服务器低,以我的示例为例,我将引导您使用UI5 Web组件创建一个简单的React应用程序。

SAP为React提供了一个专用的UI5 Web组件:

https://sap.github.io/ui5-webcomponents-react/

作为指导,我将创建一个与现有sapui5sdk示例类似的示例:

https://ui5.sap.com/sdk/#/entity/sap.m.List/sample/sap.m.sample.ListSelection

从终端,让我们开始创建应用程序:

如果您希望看到初始应用程序模板正在运行,您可以切换到新的"react-ui5-list"文件夹并运行:

让我们添加ui5 Web组件

现在我们应用ThemeProvider for SAP Fiori theming

应用程序.js(将默认内容替换为此)

为了我们的示例应用程序,我只是想模拟一些数据

应用程序.js

我从上面的SAPUI5示例链接下载了4张图片,云服务器主机,并将它们放入/public/images文件夹(必须创建图片)文件夹)

https://ui5.sap.com/sdk/test-resources/sap/ui/documentation/sdk/images/HT-1000.jpg

https://ui5.sap.com/sdk/test-resources/sap/ui/documentation/sdk/images/HT-1001.jpg

https://ui5.sap.com/sdk/test-resources/sap/ui/documentation/sdk/images/HT-1002.jpg

https://ui5.sap.com/sdk/test-resources/sap/ui/documentation/sdk/images/HT-1003.jpg

应用程序.js

预览:

应用程序.js

预览:

就这样!

UI5 Web组件是构建符合SAP Fiori的应用程序的好方法,但要使用您喜爱的Web框架。

请尝试一下,如果您有任何问题或意见,请随时告诉我!

这里也有一些很好的资源:

https://blogs.sap.com/2020/05/28/labs-talk-podcast-web-components-with-peter-muessig/

https://sap.github.io/ui5-webcomponents/playground

当前网址:http://www.vmchk.com/experience/52016.html

 
你可能喜欢的: