云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

京东云_大话西游百度云资源_好用

小七 141 0

京东云_大话西游百度云资源_好用

这是我关于组件重用的博客系列的第二部分。这些是博客系列的内容

我一直发现真正复杂的事情之一是组件重用。这意味着在另一个应用程序中使用一个应用程序。在这个博客系列中,我会尽我最大的努力去解开这个谜团,因为它其实一点也不难?我来解释一下。正如你可能知道的,开发人员是懒惰的,如果我们可以将以前生成的代码重用到其他应用程序中,不仅会更聪明,因为我们只在一个地方进行更改,而且会更有效地利用宝贵的懒惰时间。例如,我现在正在为一个客户工作,我们在应用程序中使用的搜索帮助是其他独立的应用程序,而且我们正在为我的收件箱工作流项目构建扩展,它将由大约6个不同的应用程序组成,应用程序中的每个选项卡一个。听起来很复杂,但希望在本系列博客结束时,你会意识到其实并非如此。

我想写本系列博客已经有一段时间了,下面是本系列博客的内容:

我的第一篇博客将是一个基本的例子,说明如何在一个应用程序中使用另一个应用程序,以及如何使用一个库。库是一组定制控件或javascript文件,在多个应用程序之间共享以创建模块化应用程序环境是有意义的。关于这个东西已经有一个很好的博客了,但是我想我应该试着简化并更详细地解释其中的重要部分。

首先,我使用SAPUI5应用程序模板创建了两个独立的应用程序。一个名为MyParentApp,另一个名为MyChildApp(右上等!)

MyChildApp没有什么特别之处,但我已经添加了一个带有硬编码文本的视图。

现在将我们的第一个应用部署到SAP云平台,否则这将无法工作。还要记住,对于重用应用程序,您需要部署更改才能看到它们,WebIde无法从未部署的应用程序中获取它们。

MyParentApp还有一个简单的视图,带有类似的文本,然后我添加了一个组件容器。当你阅读有关组件重用的文档时,你会意识到没有组件容器你无法初始化另一个组件。

现在魔法发生在两个特定的文件中,当你在SAP云平台(SCP)中工作时,这个组件.js文件和近地天体-应用程序.json文件

文件组件.js文件被初始化,这是我们为子应用程序声明路径和名称空间的地方。这是通过两行代码完成的:

第一行注册我的子应用程序的名称空间和名称以及应用程序的路径。第二个初始化组件。

我的子应用程序的名称空间和名称也是您在视图的组件容器中添加的,企业软件公司,看到这里的模式了吗?

现在是近地天体-应用程序.json文件,SCP的工作方式实际上是通过这个文件,您已经使用它通过云连接器将odata调用指向后端系统。现在我们必须做一个类似的事情,所以当SCP看到特定的URL模式时,它将被路由到我们指向的位置。

在我的示例中,/mychildapp/的路径指向部署在SCP上名为mychildapp的应用程序。

就是这样,当你运行应用程序时,你应该会看到类似的内容。

很好!

好的,现在我们的第二个步骤,稍微有点棘手,大数据开发,如何使用共享库。关于这个主题的更多信息,请看这个博客。

共享库的想法是,如果你有自定义控件或者格式化程序或者其他共享函数,您可以将它们存储在一个共享库中,该库可供多个应用程序使用。

在我的示例中,我将显示两个用例。

首先,我在父应用程序的视图中添加了另一个textfield,我想在其中使用格式化程序。

其次,我初始化了一个jsonmodel,并将我的字段绑定到该模型。我已经向父应用程序添加了一个新的jsonmodel,并向模型添加了以下数据

现在在视图控制器中,我声明了我的格式化程序。

这是由mysharedlibrary/SharedFormatter来声明文件的路径,然后我在SharedFormatter:SharedFormatter行中初始化javascript文件。

现在我们需要为了让SCP认识到这条道路,我们在近地天体上再次这样做-应用程序.json文件。

请注意,我们需要使用这里的资源路径,因为SAPUI5会自动查找该文件夹以尝试找到我们的库。我们还需要将库的入口路径设置为根。稍后我将解释原因。

好的,为了扩展示例,我现在将在"子应用程序"视图中添加一个自定义控件。

为此,我们在XML视图中声明名称空间,与通常的做法类似,然后引用该名称空间,在声明您的控制时

同时在neo中添加以下内容-应用程序.json子组件中的文件

记住重新部署应用程序。否则你就看不到变化了。

现在去图书馆。在您的工作区中创建一个新文件夹,并将其命名为"MySharedLibrary"。

复制一个新文件夹-应用程序.json从父应用程序以及清单.json文件到文件夹中。

删除除neo中的普通引用以外的所有引用-应用程序.json文件,所以看起来是这样:

现在清单.json文件,trustdata大数据,我们需要将类型改为"library""应用程序"

其他的都是普通的。

现在创建我们需要创建库文件,它告诉SAPUI5这是一个库。所以创建一个.library文件

在下面复制

接下来创建一个图书馆.js归档并加载以下

在这里,企业信息化软件,我们保留了对ProductRating自定义控件的引用,格式化程序是独立引用的。

创建一个产品评级.js文件并添加以下内容:

最后创建一个共享格式.js归档并粘贴以下内容:

现在将您的应用程序部署到SCP并尝试测试您的父应用程序。

希望您得到与此类似的结果:

它不漂亮,但这不是问题所在意图。希望这能为您提供如何进行组件重用的必要解释。

总之,重要的因素是