腾讯云_微商网站建设_新注册优惠

企业应用 虚拟云 浏览

小编:嗨,开发人员和设计师们! 你也分享对黑暗主题的爱和激情吗?是的,看看我的VsCode编辑器,Windows和iPhone主题。 VsCode windows10 iphoneios 因为白色的屏幕/主题让我眼睛灼热。但是嘿,不

嗨,云数据公司,开发人员和设计师们!

你也分享对黑暗主题的爱和激情吗?是的,数据存储问题,看看我的VsCode编辑器,Windows和iPhone主题。

VsCode

windows10

iphoneios

因为白色的屏幕/主题让我眼睛灼热。但是嘿,不要恨!只有一个大的爱好者黑暗主题。

就像我们都知道菲奥里3是在那里和SAP石英黑暗主题。我们看到的就是我们想要的,对吗?如果你和我一样有使用fiori3dark(sapquartz-Dark)主题的紧迫感,那么你只需要点击正确的博客!

关于SAP Quartz Dark主题的更多信息,我建议查看以下博客:

https://blogs.sap.com/2020/01/29/next-step-of-sap-fiori-3-available-quartz-dark-theme/

更多关于这个主题的技术信息可以在这里找到:

https://openui5.hana.ondemand.com/topic/25e532617b7f4b9bad842757324151ed.html

整体此演示的Github存储库可在以下位置获得:

https://github.com/vvdries/Fiori3DarkThemeExample

我们将构建什么来应用这个黑暗主题?嗯,有三件事是这样的:

就这样?是的,就是这样。一旦创建,只需要应用主题。

有什么特殊要求吗?

只有一个,云计算数据,我想至少是UI5版本的1.72。

这个可以在清单.json文件。

在webIDE中,右键单击工作区>新建>模板中的项目。

在向导中,选择Cloud Foundry选项作为环境,选择SAP Innovation(1.74)选项作为SAPUI5版本。按next并提供模块名称(Fiori3dMarkthemehtml5app)和命名空间(DarkThemeForTheWin)。按"下一步"并完成。

当您单击"完成"时,将创建以下文件夹结构:

此文件夹与您的工作区文件夹(在我的情况下)一起用于删除屏幕。

在多目标应用程序项目中,可使用名为mta\ U Fiori3DarkThemeHTML5App的mta。

此mta包含名为Fiori3DarkThemeHTML5App的HTML5模块。

全部设置让我们应用Fiori 3黑暗主题。

当作为Web应用程序运行时应用Fiori 3黑暗主题

当我们要作为Web应用程序运行应用程序时,此设置。

打开索引.html文件并更改以下行:

到:

下一步右键单击HTML5模块并选择>运行>作为Web应用程序运行。如果你想看到一个关于CloudFoundry配置的屏幕,只需提供它们。选择正确的端点,通过从下拉列表中选择它们来提供您的组织和空间。

当应用程序运行并打开时,您将在屏幕上有您的第一次黑暗主题体验:

有点空,对吗?我将只是添加一些数据演示的目的。你可以看看GitHub存储库,在代码示例的简介中提供了它。

因为它是关于黑暗主题的,对吧?

你更需要什么才能快乐?

作为Fiori Launchpad应用程序运行时应用Fiori 3黑暗主题

首先,我们需要添加Fiori Launchpad模块。

为此,您右键单击您的多目标应用程序项目>新建>SAP Fiori Launchpad站点模块。提供模块名(DarkFLP)并按Finish。

您将看到Fiori Launchpad站点模块已添加到您的MTA项目中。(DarkFLP)

在我们将我们的应用程序添加到Fiori启动板之前,我们必须对我们的HTML5模块进行一个小的调整。此文件夹位于的webapp文件夹中清单.json文件

打开清单.json描述符编辑器或代码编辑器中的文件。

在入站部分下提供以下值:

下一步,您可以在入站平铺部分下提供标题和图标等。(忽略红色警告)

确保保存文件。

现在你的应用程序准备好添加Fiori Launchpad站点模块。

打开CommonDataModel.json文件文件在FLP模块中。

这里您可以提供一个组标题,并将您的HTML5应用程序添加到Fiori启动板。

按+图标并从列表中选择您的应用程序。

之后选择应用程序时CommonDataModel.json文件文件如下:

确保保存文件。

接下来用代码编辑器而不是启动板编辑器打开文件。(屏幕底部)

在这里您更改以下行:

到:

基本上,您只需扩展sap\u fiori\u 3值,并加上深色

以防您想切换回默认的fiori 3主题,您可以将sap\u fiori \u 3 \u dark添加到数组中,而不是将sap\u fiori \u 3更改为sap\u fiori \u 3 \u dark。

但我选择将数组中的默认值替换为dark。因为我总是在每个应用程序或编辑器中使用黑暗主题,就像我之前提到的那样?

再次保存文件。

是时候将我们的应用程序作为FLP应用程序运行了。所以,右键点击你的HTML5模块,选择>运行>以SAP Fiori Launchpad沙盒运行。

Tadaaaaaa!等等什么?没有黑暗主题!

是的,我知道…我认为SAP FLP沙盒有自己的主题版本,我们无法覆盖。如果我错了,云系统数据库,请纠正我。谢谢?

如果您真的想覆盖它,您可以在组件.js在你的init函数内的文件。

如果你现在将你的应用程序作为一个Fiori启动沙盒应用程序运行。黑暗主题将被应用。

但是让我们准备好部署我们的应用程序,并检查我们之前创建的Fiori启动板中的黑暗主题。

关闭沙盒,右键单击您的MTA项目,然后选择>构建>使用云MTA构建工具构建(推荐)。

这将开始构建您的MTA项目。终端将打开,您可以跟踪进度。

完成构建后,您将看到以下消息:

此构建扩展了您的MTA项目。您将看到.mtar文件中添加了一个文件夹mta\u archives(mta\u Fiori3DarkThemeHTML5App\u 0.0.1.mtar)。

我们要对创建的mta\u Fiori3DarkThemeHTML5App\u 0.0.1.mtar文件执行的操作是将其部署到SAP云平台(Cloud Foundry)。

右键单击mta\u Fiori3DarkThemeHTML5App\u 0.0.1.mtar文件,然后选择>部署>部署到SAP云平台

提供Cloud Foundry SAP CP配置,保留您的CF端点、组织和空间,然后按Deploy。

在终端中,您将看到webIDE正在将您的MTA部署到CF SAP CP。

完成后,转到您的SAP云平台>帐户>子帐户>空间>应用程序。

在此处搜索您的应用程序(应用程序路由器):mta\ U FIORI3标记MEHTML5应用程序\ U批准者。

打开它并按您的应用程序路由URL。

是时候再说一遍TADAAA了!

当前网址:http://www.vmchk.com/share/66972.html

 
你可能喜欢的: