手机版 欢迎访问魄力云云市场资讯网站

当前位置:主页 > 云虚拟主机 >

中间件_数据库join_三重好礼

时间:2021-06-11 23:09:04|来源:魄力云|编辑:魄力云|点击:

在使用著名的主细节或Fiori中的分屏布局时,我们经常会遇到需要向初学者解释其工作机制的情况。尤其是当我们试图培养一批从大学毕业并在SAPUI5开始职业生涯的初级工程师时。作为专业人士,可以很容易地利用演示应用程序或利用sapwebide上提供的模板来构建主细节应用程序。然而,对于那些直接在菲奥里开始职业生涯的人来说,这里可能不是开始他们旅程的理想地方。这篇文章的目的是在不使用任何模板的情况下从头开始详细描述一个主细节的构建。有经验的会员请忽略(我们有灵活的栏目布局)。一些事情,如下面所示的Fiori设计指南是我们正在努力实现:-

好的,让我们开始吧。

首先,我们创建一个最小的SAPUI5应用程序(不是主细节模板)。我们坚持最低版本(1.38)可供选择的网页IDE。

输入初始视图为'App.view.xml文件"继续。创建项目后,购物返利,打开App.view.xml文件'文件并插入"SplitApp"控件下图:-

让我们快速查看我们的应用程序预览。注意屏幕分成两列下图:-

让我们继续给页面带来一些活力。

现在让我们快速设置所需数据并尝试填充主列表。目前我们使用的是一个本地json文件,低价云服务器,如下所示,茶/咖啡清单类型:-

我们在视图文件夹下创建一个名为"master"的新视图,并在相应的controller文件夹下自动创建控制器。

我们将列表和饮料名称绑定到主视图,大数据前景,如下所示下图:-

现在我们进入应用程序的路由部分,如这里的标准文档所述。我们为"中的主视图设置了一个路由和相应的目标清单.json"文件为"下图:-

让我们继续查看更改并检查主列表。它在主视图中列出了预期的饮料类型。在应用程序的右侧,详细信息区域仍然为空。

我们将填充下一步所选项目的详细信息。

与前面的步骤类似,我们这次继续创建另一个名为"Detail"的视图。根据需要将产品详细信息绑定到控件下图:-

然后创建一条新路线,并在路线部分相应地指定目标视图,如下所示下图:-

同时让我们处理主列表上的选择更改事件。我们获取主列表上所选项目的id,并将其传递给routing部分中定义的模式,如下所示下图:-

在细节控制器上对应,我们有一个routematched方法来处理细节页绑定下图:-

最后,我们有主-细节应用程序,显示可能的选择选项。

我们可以继续修改应用程序,在主页面和细节页面上包含更多相关内容。

从"SplitApp"开始非常方便从那里控制和成长。如果我们选择了"Master Detail"模板,并从向导中继续选择OData服务(如SAP ES5系统–OData服务),那么如果实体集之间的关联和导航得到正确定义,我们就可以通过向导本身轻松地将Master List和Detail List映射为下图:-

但是在某些情况下从项目开始,只为主列表设置实体,并希望在UI上进行相应的操作,然后构建与细节相关的集合(如在敏捷方法中),物联网展会,稍后提供它们之间的关联等,然后在UI端用"SplitApp"主列表开始原型设计是一个好主意,政务大数据,从那里开始,而不是等待一个成熟的OData服务

云主机服务商 Ucloud云计算 移动云数据 云存储服务器 Ucloud云主机 云计算提供商 阿里数据库 服务器租用 云储存服务器 Web云服务器 ucloud云数据库 独享云主机 云服务器服务商 海外云存储 云服务器主机 云计算解决方案 国内云存储 数据库云平台

Copyright © 2002-2020 魄力云 版权所有

备案号:豫ICP备56298345号