当前位置:主页 > 游戏服务器 > 安全 >

MySQL数据库_proquest数据库_排行榜

  • 安全
  • 2021-09-14 15:06
  • 动埠云

灵感

最近我和我的同事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上,所以我可以让每个人都成为贡献者!

享受我的插件!

谨致问候,沃特

猜你喜欢

微信公众号