灵感
最近我和我的同事Fouad讨论了SAPUI5与其他HTML5/JS框架的比较。它是关于构建一个不应该具有sapfiori外观的外部web门户。Fouad会使用其他一些HTML5/JS框架，因为web门户应该有一个定制的外观，而不是Fiori。在SAPUI5中做同样的事情，红淘客，并且为每个UI元素创建一个自定义控件会花费太多的时间。
我认为你可以用SAPUI5做任何事情，但他是对的。为每个UI元素创建自定义控件将花费太多时间。在另一个HTML5/JS框架中会更快。不过，联网，我还是想证明他错了！这是我的灵感，使它更容易创建自定义UI5控件！
自定义UI5控件背景
在本博客中，您需要了解自定义UI5的基础知识控制。这里您可以找到扩展和创建UI5控件的示例：https://help.sap.com/sahelp\u uiaddon10/helpdata/en/91/f184586f4d1014b6dd926db0e91070/content.htm
2016年法兰克福UI5con大会上，淘客社区，Andreas Kunz就UI5控件：
这个想法
这个讨论让我想找到一个方法让这个过程更快。大多数UI5控件具有相同的基本属性和函数。每个控件都有一些元数据、一个呈现函数、一个后呈现函数、属性设置函数…。如果我们可以基于一个HTML示例生成一个自定义UI5控件的所有基础知识呢？如果有一个Fiori应用程序，你可以粘贴一些html代码并生成SAPUI5自定义控件呢？那太好了，可以节省很多时间。但话说回来，企业信息化管理软件，另一个应用程序？真正地？如果我们可以将其集成到sapwebide中呢！？那太棒了！
这让我想到在sapwebide的右侧区域创建一个窗格，开发人员可以将其HTML代码和按钮放入其中。当开发人员按下按钮时，它将生成自定义UI5控件，免费的数据分析软件，并将代码写入SAP Web IDE中心的编辑器。
解决方案
我从从项目模板生成SAP Web IDE功能和插件开始：
在这个功能项目中，我添加了以下文件：
视图/视图包含用于粘贴或编写HTML代码的文本区域和用于启动转换的按钮视图/控制器这将调用util类将HTML转换为SAPUI5自定义控件Utils/JSONGenerator公司此对象将HTML转换为JSON。它将使生成UI5自定义控件更容易使用实用程序/控制生成器它将基于JSONGenerator中的JSON生成UI5控件的所有基本组件对于属性，它将创建PropertyGenerator的对象，以便为每个属性生成setter和元数据。公用事业/物业发电机PropertyGenerator生成属性的某些特定部分，并且是控件的一部分。就像每个控件可以有多个属性一样，ControlGenerator也有PropertyGenerator的多个对象。服务/右面板部件这实际上是我在Web IDE中的自定义服务，使我能够在右窗格区域中添加我自己的视图。
我将只解释对创建您自己的插件非常重要的编码，但不会详细说明转换逻辑。如果您想对此进行详细调查，这将在github上共享。
为了将我自己的视图添加到sapwebide的右窗格区域，我创建了我自己的视图。此服务扩展了"AbstractPart"，我可以使用"getContent"函数在右窗格区域调用我的自定义视图：
在视图的控制器中，我调用转换逻辑，并将生成的UI5控件放在当前文档的内容中。
插件最重要的部分是插件.json"
一想把代码从我的插件写到sapwebide的内容区。因此，我不得不在插件.json"：
将我的服务添加到"插件.json"：
我配置了要将视图放置在右侧还是底部窗格上。我选择了右窗格
然后我配置了命令来打开我的视图，比如标签、图标和键绑定。它还包含与服务的连接：
下一步我已经配置了可以触发命令的。从顶部菜单或右窗格按钮栏
Github
您可以在Github上找到插件：https://github.com/lemaiwo/CustomControlGenerator
参考资料
关于WebIDE SDK的所有信息，请访问：https://sdk-sapwebide.dispatcher.hana.ondemand.com/index.html#
HTML片段：
结论
SAP Web IDE SDK提供了许多可能性，可以根据您的需要改进Web IDE！SAP非常开放，愿意提供帮助。仅仅是一个关于我的想法的小推特，就导致了与拉兹·科恩（Raz Korn）和奥哈德·纳文（Ohad Navon）的conf通话。再次感谢各位抽出时间！这是我的第一个插件在几个小时内完成！别害怕，没那么难您可以通过将项目从github导入您的webide来使用该插件。
下一步
从generator创建文件•生成正确的命名空间和名称•生成一个XML示例，说明如何在视图中使用控件•美化插件生成的代码
如果你有好主意，你可以帮我改进插件。它在公共github上，所以我可以让每个人都成为贡献者！
享受我的插件！
谨致问候，沃特
