主页 > 专属服务器 > > 正文

云主机_域名解析平台_企业级

来源:胜利云 发布时间:2021-09-26 06:27 标签:平台解析企业级域名主机
浏览:

接触GlueCon的员工是向市场引进新技术的重要一步,例如HCP、OpenUI5甚至物联网的第一种方法。

今年,SAP带着一个非常令人兴奋的用例来到GlueCon:一个与HANA实例通信的啤酒kegerator,它可以在每次倒啤酒、开门或关门时传输数据温度变化。为了展示我们实际上从kegerator获取实时数据,点云,我们用OpenUI5实现了一个web应用程序。我们希望它是一个显示器,为移动设备优化,因为网络应用程序将在平板电脑上运行。也就是说,有什么比OpenUI5更合适的框架呢?

让我们首先从XML视图的设计开始,但是首先要了解这个奇妙的kegerator和可以在后面的设备上看到的应用程序(只是为了获得第一印象):

首先,我们要描述我们将要构建的内容。连接到kegerator的Ardunio为我们提供了以下信息:

有了这些数据,我们开始构建一个每三秒刷新一次的UI,让用户有机会看到桶内发生了什么——所有的东西都有足够的响应能力,企业信息化应用,特别是专为在移动设备上运行而设计的。因此,我们要做的是创建一个XMLView,在屏幕顶部的一个酒吧中显示有关啤酒品牌、啤酒类型、桶大小等的信息。然后应在屏幕主区域的不同图表中提供物联网kegerators数据。数据每三秒钟刷新一次。为了节省空间,我们将在屏幕底部添加另一个条,以显示桶容量的百分比以及最近开门/关门的日期和时间。我们将使用一个轻量级且易于使用的JS库,名为"图表.js"这样我们就可以在屏幕上生成图表。显然,这节省了很多时间。现在我们的目标已经定了,让我们开始吧!

我们将使用SAP HANA的Web Development Workbench构建UI,但第一种方法是Plunker(一种易于使用的在线Web开发环境,)会为我们服务的。它能够直接在屏幕右侧显示您的编程结果(自动刷新),非常适合快速UI开发。

对于我们的应用程序,我们只需要一个MasterView来显示所有信息。XMLView可以很好地实现这一点,因为它强制实现了模型、视图和控制器之间的分离。如果您不知道:XMLView以描述性的方式工作,这意味着其中没有函数逻辑。这有助于我们以更清晰的方式实现MVC概念。MasterView放在一个JSView上,JSView只设置初始进程,并添加MasterView作为它的第一个也是唯一一个页面。

它需要大量的CSS定制,因为有几个特性和容器不能像UI5声称的那样简单和完美地添加。以下图片显示了应用程序的最终用户界面。第一个是显示温度随时间的变化,而第二个是显示特定时间点的啤酒流量。

现在定义了视图,我们可以开始添加组件了。视图需要一个sap.m.页面来显示课程内容。因为我们希望在顶部显示大量信息,所以页面的聚合"customHeader"将提供一个可定制的sap.m.Bar,我们可以插入它。它需要一个ID来在CSS文件中编辑它的设计属性"样式表"将在中引用"索引.html". 这个条会有很多内容,所以将信息分发到条的聚合contentLeft、contentMiddle和contentRight是有意义的。在左边会有一个sap.ui.layout布局.VerticalLayout(或在视图的属性中的命名空间标识符之后),其中包含桶大小和单位、啤酒类型、啤酒厂位置和啤酒厂类型。中间的内容将仅是一个sap.m.图像,其中填充了我们目前使用的啤酒品牌的图标。因为我们的图片的文本非常小,我们想做一些CSS定制,让它在屏幕上有更多的空间。这将使我们的sap.m.Bar更大,因此图片可读性更好,它将正确对齐我们的对象。右侧包含啤酒类型的分级指示器和当前激活图表的指示器。"所有信息都由"LocalModel.json文件"它绑定到视图,并包含屏幕上显示的所有相关信息,如大小、单位、品牌、等级和ODATA服务提供的度量。模型最初是从控制器加载的,允许我们与视图通信,而不必使用大量变量。它还绑定到相应的UI组件。下图显示了一个摘录:

视图的主要区域包含一个sap.m.Carousel,其中包括三个页面。这些页面表示可以显示的不同图表。由于一张图表的大小以及在移动设备上让用户可读的要求,您可以在三个屏幕之间轻松地滑动。与标签不同的是,carousel针对移动设备进行了优化,为用户体验增加了价值。下图显示了在XMLView中描述旋转木马的方式。纯HTML代码集成到旋转木马的屏幕中。这让我们可以使用图表.js无需写入新组件。

视图的页脚是另一个自定义的sap.m.Bar,左侧包含最近打开或关闭的门的信息(只有绑定到模型的sap.m.Labels和sap.m.Texts),中间有一个sap.m.ProgressIndicator,显示桶中剩余啤酒的当前百分比和右侧内容中啤酒的当前温度。

MasterView的控制器实现从ODATA服务接收、格式化和将数据传递到视图的所有逻辑。

发表评论
验证码: 点击我更换图片

注:网友评论仅供其表达个人看法,并不代表本站立场。

热门文章

  • 亚马逊云_海报cdn_优惠券
    <strong>亚马逊云_海报cdn_优惠券</strong>

    亚马逊云_海报cdn_优惠券

    消费者在哪里?这不是医疗保健领域的"捉迷藏"游戏,而是建立一个全面运转的医疗保健系统所需要的关键缺失要素。让消费者参与进来——作为一个消费...

  • 云解析_svn服务器安装_限时特惠
    <strong>云解析_svn服务器安装_限时特惠</strong>

    云解析_svn服务器安装_限时特惠

    集成/docker/梅索斯/marathonapachemesos是一个用于调度和管理分布式应用程序的开源集群管理器。Mesos几乎就像整个集群是一个单一的集群一样分配CPU和RAM等资源...

  • 云服务器_阿里云服务器账号_哪家好
    <strong>云服务器_阿里云服务器账号_哪家好</strong>

    云服务器_阿里云服务器账号_哪家好

    技术支持副总裁Aileen Wyer和高级系统管理员Maruf Rahman最近与我们坐下来讨论我们的合作伙伴关系如何帮助CAN Capital的遗留备份基础设施现代化,以简化数据管...

  • 消息队列_折枝by困倚危楼百度云_新注册优
    <strong>消息队列_折枝by困倚危楼百度云_新注册优</strong>

    消息队列_折枝by困倚危楼百度云_新注册优

    今天,两位前行业分析师(现在是Veeam高管)讨论了塑造数据保护行业和IT格局的趋势:Jason Buffington@JBuff,前ESG数据保护首席分析师Dave Russell@BackupDave,Ga...

  • 中间件_服务器能干什么_超低折扣
    <strong>中间件_服务器能干什么_超低折扣</strong>

    中间件_服务器能干什么_超低折扣

    Nathan Sielaff,World Vision的系统工程师,负责备份、存储等。他致力于创建一个灵活和敏捷的IT环境,这样组织就不必担心底层基础设施,可以将精力集中在任...

云储存

更多 >
  • <strong>香港带宽_视频云存储_0元</strong>
    香港带宽_视频云存储_0元

    这些年来,我参加过几次同性恋、双性恋、双性恋和双性恋的游行,在澳大利亚生活时,我曾多次为悉尼同性恋狂欢节做志愿者。现在,自从2014年我转到帕...

  • <strong>免备案CDN_备案老域名出售_三重好礼</strong>
    免备案CDN_备案老域名出售_三重好礼

    SAP Korea于6月10日和11日举办的首个"设计思维弹出式学校"取得了巨大成功。首尔的设计与共同创新中心团队领导了此次活动,该活动是与韩国最有影响力的商...

云储存天翼云_3096天百度云链接资源_返现
云储存百度云_服务器海外_最新活动
云储存CDN_腾讯的企业邮箱_9元
云储存云数据库_asp网站空间_学生机
云储存香港服务器_vpn服务器设置_精选特惠