在上周的saptechedin LV上，有几个很酷的公告，其中包括fiori3被宣布为可供开发者使用。我想我以前听过这个信息，我想我也在某个地方读过它，理财返利，但是，我不是100%清楚什么改变了，淘客网店推广平台，或者我怎么能用演示弄脏我的手。我对这个话题很感兴趣有一段时间了，非常接近UI5框架是促使我写这个基本而简单的博客的原因？]同样的博客可以在这里用西班牙语阅读

我第一次访问了菲奥里3页(https://experience.sap.com/news/sap-fiori-3-first-parts-available-for-sapui5-developers/)阅读关于如何或在哪里我需要集中注意力开始使用fiori3开发UI应用程序(https://www.sap.com/products/roadmas/finder all.html#pdf-asset=faeb805a-d07c-0010-82c7-eda71af511fa&page=1）–也可以在那里找到其他产品的其他路线图。

当我收集所有这些信息时，这里有一些有趣的点让我更好地了解交付Fiori 3应用程序时需要什么。

Fiori 3从sapui5版本1.65（今天的最新版本是1.69，所以我可以使用最新版本）Fiori 3于2019年4月上市，采用（新）石英主题Fiori 3应用程序是Fiori 2的继承者，Fiori 2是响应性应用程序（这应该由框架本身负责）FIORI3上使用的主要控件之一是主页（或shell）上的智能BI组件卡。Fiori 3利用了一些sap.tnt公司控制fiori3应用程序应该使用Fiori元素（sap.f控件）如果你已经有一个fiori2应用程序，你可以**轻松升级到fiori3，只要你没有很多自定义css。**需要进行额外的测试，以确保控件兼容，并在使用应用程序的所有浏览器上正确呈现（下面是一个非常基本的示例）fiori3使用Cozy模式，淘客大玩家，在浏览器上显示更紧凑的控件，例如，人工智能软件下载，在表上显示更多的行。我个人喜欢应用程序上的舒适模式，贵州大数据，而不是在用户界面上有大量的空白。

在不重复以前SAP网页中的文本日志的情况下，让我跳到一个使用Fiori 3的示例中，让我们看看它是什么样子。此示例是使用SCP完成的，其中工具…。你明白我的想法了（WebIDE）

我看到的第一个例子是我去年在2018俄罗斯世界杯上做的ui5，使用sapèu伯利兹主题（fiori 2）和ui5版本1.44

看起来是这样的：

在改变了主题之后索引.html它看起来是这样的：

在改变了sapui5的版本之后清单.json文件，它看起来像这样：

所以只有更新的主题和版本看起来仍然可以…

但让我更深入一步使用额外的ui5控件，比如智能登录页中的card控件，可能是一个图表或其他嵌入的控件。我故意在右下角的部分没有任何内容供您想象-您会添加什么？

在分析项目中的文件时，我注意到一些事情：

在索引.html文件（我们需要将.././添加到src属性，以确保应用程序从相对路径引导，而不是从外部CDN引导）当我从向导中选择1.70创新版本时，默认情况下，数据sapui主题属性由sap\u fiori\u 3填充我还注意到了属性数据sapui组件，这是我以前从未见过的（请查看此处使用的其他数据-属性）

我的查看.xml看起来像这样。注意sap.f、sap.f.cards和sap.tnt公司下面的控件

第一张卡来自ui5 sdk示例，它的结构看起来（头和内容）非常简单

现在，在卡片中使用图表同样容易

我也在我的github回购上提供了这个例子。

在Fiori 3中可能还有很多其他的概念要介绍，现在，我只想看看如何实现它，并与其他人分享细节。如果可以，请分享你的例子。

学分：

UI 5 SDK–https://sapui5.hana.ondemand.com/sdk/#/主题

第3页-https://experience.sap.com/news/sap-fiori-3-first-parts-available-for-sapui5-developers/

图标浏览器–https://sapui5.hana.ondemand.com/sdk/test-resources/sap/m/demokit/iconExplorer/webapp/index.html#