在我以前的博客中，品高云，我解释了如何创建自己的SAPUI5库，大数据，以便与UI5Lab共享：https://blogs.sap.com/2018/03/02/create-your-own-ui5-library-for-ui5lab/

我为不使用SAP WebIDE的开发人员创建了这个博客。UI5lab是开源的，专注于openUI5。这也带来了不使用sapwebide的非SAP开发人员。为了使使用sapwebide的开发人员能够更轻松地做出贡献，我创建了UI5Lab库模板。使用此模板，您可以生成一个与UI5Lab兼容的UI5库，只需关注UI5控件即可。

有关UI5Lab的更多信息：

只需从模板创建一个新项目，南昌大数据，并选择类别"UI5Lab"。在这里您将找到模板"UI5Lab Library"：

为您的库提供一个名称和命名空间。命名空间将用于文件夹结构，轻淘客，它将成为库的名称！

您可以立即创建第一个控件。这将生成一个示例控件，您可以使用它开始。

它将生成以下文件夹结构。

Src文件夹：此文件夹包含每个主题的库、控件和较少的文件。结构基于您的命名空间。第一个控件只是一个基本模板，但使用向导中的名称空间和名称。控件也添加到图书馆.js文件和准备使用。测试文件夹：此文件夹已包含用于测试第一个控件的示例。如果对控件添加任何更改，则需要更改示例。这个索引.json需要为UI5Lab配置。（准备好后必须更新此文件）模板有一些额外的脚本来生成最终的库。构建脚本包括SAP Web IDE以及其他IDE的特定逻辑。

控制完成后，您可以构建库。

这将生成一个"dist"文件夹。"dist"文件夹包含以下内容：

资源：您可以使用的库的构建版本测试资源：为sapwebide外部生成示例测试资源webide：生成将在SAP Web IDE中工作的示例

转到"测试资源webide"文件夹中的示例并将其作为Web应用程序运行：

生成的控件只是一个带有红色背景和文本的div。

要使示例在SAP Web IDE内外工作，网站自助建站系统，我为ui5sdk添加了一个通用路径："UI5-SDK-path"。当运行构建过程时，它将被替换为：

对于文件夹"test resources"，它将被替换为"resources/sap ui"-核心.js". 在sapwebide之外，resources文件夹还将包含ui5sdk对于文件夹"test resources webide"，它将被替换为"./resources/sap ui"-核心.js". 在sapwebide中，生成过程不会将ui5sdk加载到resources文件夹中。SAP Web IDE在根文件夹中有UI5 SDK。

测试资源：

测试资源Web IDE：

您可以通过在SAP云平台中创建目标来使用我的模板：

并在您的SAP Web IDE中激活它

模板正在我的试用帐户上运行，不会一直运行。因此，您可以通过克隆项目将项目从github导入到您的sapwebide中：

https://github.com/lemaiwo/UI5LabLibraryTemplate

之后，将其部署到您的云铸造环境中，如下所述：

https://sdk sapwebide.dispatcher.hana.ondemand.com/index.html#/topic/54b865d25437a8215d903f3a434be

如前所述，在您的SAP云帐户中创建一个目的地此处：

https://sdk sapwebide.dispatcher.hana.ondemand.com/index.html#/topic/b309319775964d47a35c8c151401b21d

在SAP Web IDE中激活它，您准备好了吗？

立即开始将您的UI5控件共享给UI5Lab！