在本博客的第一部分中,我们重点介绍了如何使用sapwebide生成业务应用程序。我们的应用程序显示从公共OData Northwind服务检索到的业务数据。然后,我们将应用程序部署到我们的HANA云平台帐户,将其注册到我们新创建的Fiori Launchpad站点,并为其创建静态互动程序。
在本博客的第二部分中,我们将了解如何为我们的员工应用程序(第4节和第5节)创建动态和自定义启动互动程序,并深入了解一些实现细节与自定义互动程序(第6节)相关。
创建新闻互动程序以显示RSS源在本博客中有说明:
SAP HCP中的FIORI Launchpad–新闻互动程序和跨来源策略错误
创建移动文档互动程序以显示和访问您的文档在本博客中有说明:
在SAP FIORI Launchpad中创建SAP移动文档互动程序云上
4)配置动态Tile
动态app launcher tiles可以显示OData服务检索到的KPI编号。磁贴具有用于获取新数据的可配置刷新间隔。在本部分中,我们将为employees应用程序创建一个额外的(动态)磁贴,显示员工人数。
5)开发自定义磁贴
自定义磁贴可以显示您在SAPUI5视图中定义的任何内容。这意味着我们可以为我们的轻量级应用程序添加额外的视图(和控制器),以便创建自定义磁贴或将它们作为单独的专用应用程序的一部分进行部署。
为此,我们已经实现了自定义磁贴所需的代码。它使用了我们用于employees应用程序本身的Northwind OData服务,这一次显示了一种名片摘要,可以在每个可用员工之间按时间间隔进行切换:
您需要下载源代码(附在下面),将其导入您的SP Web IDE项目,并将更改提交到专用的git存储库并创建新的磁贴。
现在我们部署并发布了最新版本的应用程序,我们可以返回并创建磁贴。
6)实现自定义磁贴的指针
正如我们前面提到的,自定义磁贴基本上是一个基于SAPUI5视图及其相应控制器的小型应用程序。在本节中,我们将重点介绍实现一个应用程序的一些技术方面。您可能想看看我们为导入到您的Web IDE的附件中的员工自定义磁贴的实现:
a.磁贴内容
SAPUI5库提供了几个非常简单直观的磁贴实现。在sapui5explore中,您可以查看api、运行一些示例和查看代码。可以使用"标准"磁贴或"概述"磁贴。对于员工自定义磁贴,我们使用通用磁贴。
另一个选项是使用自定义磁贴,使您能够使用磁贴内容标记内的任何SAPUI5控件或标准HTML标记来确定磁贴结构:
XXX title
6
xxx说明xxxx
b.将参数传递给Tile
当我们在第5节中配置雇员自定义Tile时,我们添加了一个自定义属性(键值对)。cutome属性(及其值)被传递给tile,租用服务器,因此如果我们不想硬编码特定的值(并将其留给管理员来配置),或者如果我们想重用tile并使其更通用,我们可以在代码中使用它们。
要访问自定义属性titleText,我们在我们的代码中的第5节中配置了它*.控制器.js:
var视图=此.getView();
var oViewData=视图.getViewData();
var titleTextValue=oViewData.properties.titleText文件;
c.使用资源
如果您想在自定义磁贴中使用其他资源(如图像文件),商业大数据分析,则需要将它们包含在应用程序中。此外,为了将您的应用程序集成到Fiori Launchpad站点中,您需要修改您用来引用这些资源的URL,并添加模块路径前缀:
jQuery.sap.getModulePath("")
例如,假设我们想使用一个图像青铜币.jpg启动应用程序
在开发自定义互动程序时,您还负责在点击/按下事件时实现互动程序的行为。
通常,互动程序通常在用户按下事件时启动相关应用程序,但互动程序也可以作为独立应用程序不启动任何应用程序的迷你应用程序(如图像库)。
要在按下时启动与自定义互动程序关联的应用程序,请执行以下操作:
1。在SAPUI5视图中(查看附加的Tile.view.xml文件文件)–为平铺的新闻事件声明一个处理程序
2。在相应的控制器中实现处理程序(查看附加的Tile.controller.js文件文件):
onPress:function(){
var view=此.getView(),
oViewData=视图.getViewData(),
导航目标URL=oViewData.properties属性&& oViewData.properties.navigation\u目标\u url;
如果(navTargetUrl){
如果(navTargetUrl[0]=='#'){
hasher.setHash文件(navTargetUrl);
}
否则{
打开新窗口(navTargetUrl,'空白');
}
}
启动板导航框架提供了用于启动具有哈希URL的应用程序的哈希对象。该URL在ViewData对象中可用,我们在(b部分)中使用该对象访问自定义磁贴属性,并包含磁贴自身的配置属性。该URL存储在名为的属性下导航\目标\网址。
如果网址是散列的,应用程序将在启动板中启动,否则将在新的浏览器窗口中打开。
你好,Ido,
谢谢你的博客。我看得出你在这方面下了很大的功夫。我将尝试实现自定义的平铺,看看它是如何进行的。
只是一个简单的问题,您是否给出了动态显示标题的要求?
在我的例子中,我有缺勤的申请输入,它应该只能由具有某个员工组的人员使用。
我如何动态显示它?
你好,ido,人工智能研究,淘客分佣系统,
你能利用来自不同云服务器的"sap fiori news url"帮助添加新闻贴吗?是否有任何步骤,请张贴,这将是真正有帮助的
例子:菲奥里新闻网址:
https://www.sapfioritrial.com/sap/hana/uis/clients/ushell-app/shell/fiori/FioriLaunchpad.html?helpset=trial&sap client=…
BR,Gowrisankar
这实际上是在这个SCN博客中描述的:
sap HCP中的FIORI Launchpad-新闻贴和跨来源策略错误
你好,
我试图配置一个定制的应用程序启动程序,但我总是得到一个404找不到
这里是我的设置
BR Michael
嗨Michael,
我遇到的正是同样的问题。尝试反向工程,但似乎你提到的设置太多,大数据工具有哪些,没有对瓷砖的网址产生影响。
你解决问题了吗?
此致
安德烈
您好安德烈,
请尝试以下设置:
名称:。视图.GraphTile
前缀:.view
路径:/sap/fiori//view
问候,
伙计
嗨伙计,
现在对我有用:
名字:。视图.GraphTile
前缀:
路径:/sap/fiori/