云网站服务器_国内数据云存储_移动云数据库服务器主机-搜集站云

网站空间_企业邮箱账号_怎么样

小七 141 0

UI5Lab是一个社区驱动的项目,用于为UI5自定义控件库建立存储库。它旨在聚集整个社区的力量,使每个人都能轻松地使用UI5自定义控件。有关UI5Lab的更多信息,请访问:

在这个社区驱动的项目中,每个人都可以共享自己的UI5自定义控件。为此,需要将UI5控件包装到库中。您可以按照本博客中的步骤进行操作:https://blogs.sap.com/2018/03/02/create-your-own-ui5-library-for-ui5lab/

创建库后,您可以将其添加到UI5Lab:

https://blogs.sap.com/2018/03/02/add-your-ui5-library-to-ui5lab/

还有一个SAP Web IDE模板,使您更容易创建自己的库:https://blogs.sap.com/2018/03/08/sap-web-ide-ui5-library-template-for-ui5lab/

除了贡献给UI5Lab外,大数据技术及数据分析培训,您还可以从UI5Lab消费。UI5Lab上的每个库所有UI5开发人员都可以在UI5项目中使用这些库。有多种方法可以在项目中包含一个或多个库,并且根据环境的不同,这些方法可能会有所不同。在这个博客中,我将展示如何在SAP云平台上使用UI5Lab库,以及如何在多个项目中使用它。您会注意到,我不会在UI5项目中直接包含库,而是将其作为一个单独的库项目进行部署。这使我有可能在多个UI5项目中重用它。

对于这个博客,物联网大会,我将使用"空间"库。

转到UI5Lab:https://ui5lab.io/选择"浏览库",搜索需要使用的库,点击库的"源代码"。

进入库的github库,在这种情况下,以下

https://github.com/lemaiwo/UI5Lab-library-space

您可以在这里找到克隆库的网址

您可以使用此网址在桌面上使用git克隆库。打开命令行并运行:"git clone

"

移动到创建的文件夹,该库已被克隆到:

接下来,我们必须构建库。这些步骤也在下面的github中描述:

https://github.com/UI5Lab/UI5Lab-app-simple

在库的文件夹中运行"npm install"

如果您现在在资源管理器中打开文件夹,您将找到"dist"文件夹。此文件夹中有两个文件夹:

资源:其中包含库测试资源:这一个包含测试库的测试文件夹

选择资源文件夹(包含库)并压缩它。

转到SAP Web IDE(完整堆栈)并为此库创建一个空文件夹,例如"UI5LibSpace":

右键单击此文件夹–>导入–>文件或项目

选择所需的压缩文件您已在上一步中创建并将"导入到"路径更改为"src"

您的项目现在将如下所示:

显示隐藏文件

转到库的项目设置,然后单击"保存"。这将生成一些隐藏的文件,我们需要将项目用作库。

刷新工作区项目

您将看到一个新文件夹".che"。它包含项目的配置,但也将包含部署后的项目名称。我们需要该名称来使用库。

部署到SAP云平台

我们需要以下对话框中的应用程序名称来使用库。试着记住它?

库现在在您的SCP帐户中运行,可以使用

创建一个基本的UI5应用程序来使用库。

我们使用名称空间"UI5"实验室空间"为了消耗图书馆。我们的UI5应用程序将尝试在"/resource"文件夹中查找库。但这是一个自定义的UI5库,在SDK的资源文件夹中不可用-应用程序.json利用图书馆解决这个问题。这将把每次对"/resources/ui5lab/wl/space"的调用重定向到包含库的应用程序,并在路径前面添加"/src"。

我们必须添加"/src",因为我们在"src"文件夹中添加了"resource"文件夹。如果不使用"src"文件夹,则不必更改入口路径。

您可以在以下位置复制json对象:

在清单.json,大数据什么意思,我们将我们的库添加为依赖项。

在视图中包含名称空间,并使用库的控件

就完成了!

你看,没那么难!尽可能多地使用UI5Lab中的库!有些库甚至可以在webide中构建,这使得它更加容易。

您也可以在ABAP系统上使用这些库。因此,您需要将它们部署到系统中,并在组件.js"

jQuery.sap.RegisterModule路径("ui5实验室空间","/sap/bc/ui5_i5/sap//src/resources/ui5lab/wl/space");

您需要这样做才能使用应用程序内部系统中的库。当您的应用程序在Web IDE、Fiori启动板上运行时,开始云,甚至作为一个独立的应用程序,此解决方案都可以工作。你也可以在manfiest.json文件,但该解决方案将不使用绝对路径,私有云市场,并根据运行时环境导致不同的行为。在web ide或Fiori中运行或作为独立应用程序运行时,这将需要不同的路径。

关于如何使用它的示例:https://blogs.sap.com/2017/06/06/sapui5-how-to-create-a-custom-library-and-how-to-use-the-js-files-in-other-apps/

开始使用UI5Lab的库!