当前位置:主页 > 虚拟主机 > 正文

专属服务器_东营网站建设_返现

时间:2021-07-07 22:30 来源:埃里克云 编辑:埃里克云

核心提示

请注意:如果您加入我们,这是SAP云平台技术学院(加拿大路演和SAP博客版)的练习1/3。这意味着这些教程或"练习"都有非常完善的文档记录,将通过屏幕截图和说明引导您完成每一步...

请注意:如果您加入我们,这是SAP云平台技术学院(加拿大路演和SAP博客版)的练习1/3。这意味着这些教程或"练习"都有非常完善的文档记录,将通过屏幕截图和说明引导您完成每一步。

练习摘要:

在本练习中,您将在SAP BUILD中创建一个新项目。您将为单页应用程序(SPA)创建用户界面(UI),该应用程序将在后面的练习中使用。此SPA稍后将成为一个翻译应用程序,利用SAP API Business Hub和SAP云平台的REST服务。

您将使用什么?

SAP云平台SAP BUILD

您将学到什么?

在SAP Build中构建响应性高的高保真用户界面了解下拉列表、输入和按钮控件预览原型并测试交互发表研究报告导出项目的底层代码

结果

开始吧!

首先,我们需要从SAP云平台驾驶舱中的服务访问SAP BUILD。

从左侧菜单中,选择服务并筛选到用户体验类别。选择Build.

如果您的服务未启用,请选择大的Enable按钮。启用生成服务后,选择"打开生成"。这将使用SAP构建工具启动一个新窗口。

一旦打开并登录,您将看到空的工作区;类似于下面的内容。选择创建新项目的选项。

系统将要求您设置此项目的基本信息。将您的项目命名为"SAP Translate",描述如下:"使用SAP云平台运行和翻译文本的SAPUI5应用程序"。完成后,选择创建项目开始。

首先要做什么?当然,我们想开始制作原型!选择Start Prototyping.

如上所述,我们希望构建一个响应性强的应用程序UI。我们还有很多其他的选择,包括自由泳。我们还有应用程序模板,包括对象页、工作列表和主细节。对于我们的应用程序,我们将选择Responsive,因为我们希望它稍后在移动设备上工作。

这将带我们进入构建工作区。我们有一个单一的响应页面为我们准备原型。只需双击默认的page1文本并将其更改为"translateUI"。这是非常重要的。虽然这对我们来说是一个很小的改变,但这改变了后台应用程序视图和控制器的名称!

下一步,将鼠标悬停在translateUI页面上并选择Edit page(或选择3个垂直点并选择Edit)。

向应用程序添加控件

现在我们的应用程序处于空壳中,让我们首先通过更改页眉来更改应用程序的名称。更改右侧的属性;将响应页面标题更改为SAP Translate。我们也会通过关闭右边的开关来关闭页脚。

您会注意到在UI编辑器中,我们有很多选项。在左边,我们可以添加许多控件(来自控件),上传和添加图像(来自图像),甚至添加模拟数据(来自数据)。由于sapbuild的用户友好性,您可以轻松地将其中任何一个拖放到应用程序中。但由于我们正在构建的应用程序需要许多细节,我们将从屏幕右侧的属性添加许多控件。

在UI编辑器中,每个控件都在右侧面板中定义了属性,您可以为原型自定义这些属性。属性定义每个UI控件的外观和行为。在"原型"页上选择控件时,控件属性和操作将显示在右侧面板的"属性"选项卡上。有些控件可以包含其他属性,如页子级、大小、颜色等。

您还应该注意,许多控件都有关系。如果选择对象及其关系,则可以修改对象及其子对象。例如,我们选择的页面有4(四)个子项,包括内容、页脚、页眉内容和子页眉。

我们将在本练习中向页面添加控件,使其属于内容类别。展开内容并从选择列表中添加垂直框控件。

垂直框控件为垂直灵活的框布局构建容器。垂直框是一个方便的控件,因为它只是一个专门的FlexBox控件。这意味着我们可以在其中添加控件和对象。

现在,从"内容"下面选择"垂直框"。

垂直框默认有4(四)个子项。我们不需要这些,所以我们要删除它们。展开子项下面的项目列表以查看子项的详细信息。如果将光标悬停在每个控件上(即"Button"或"Text"),将出现一个垃圾桶。选择垃圾桶以删除垂直框控件中所有预先存在的子控件。

现在我们已经在垂直框中腾出了空间,我们可以开始在其中添加控件。从选择列表中,选择并"添加"2(两)个简单的表单控件到垂直框中(在Children>Items下)。

正如我们在垂直框中看到的,构建工具喜欢将内容添加到控件中。例如,简单表单有3(三)个标签和3(三)个我们不需要的文本控件。您可以用以前使用的方法删除,也可以用光标选择并用键盘上的"删除"键删除。

删除后,您可以从选择列表中添加下拉列表控件和输入控件。只需打开选择列表,找到/选择控件,然后单击"添加"。

  • <strong>香港带宽_以岭药业企业邮箱_免费</strong> 香港带宽_以岭药业企业邮箱_免费

    由于SAP HANA(云)平台智能数据集成的大力推广,我看到市场上多数据源的轻松集成和云数据的利用率在不断增长,因此有足够的理由越来越多地支持这一趋势,查看 SAP HANA智能数据集...

  • <strong>对象存储_网站建设1_促销</strong> 对象存储_网站建设1_促销

    Hybris的营销项目是不同的。您可能已经有过实施和运行SAP Hybris前台解决方案的经验,但即使您的资产包括Hybris Commerce、Sales Cloud或Service Cloud,在开始您的Hybris营销项目之前,您需要考...

  • <strong>专属服务器_购物车数据库_好用</strong> 专属服务器_购物车数据库_好用

    作为一名集成开发人员,在创建工件时寻找快捷方式是非常常见的:)。如果SAP CPI中涉及到大量定制集成,我们将寻找更简单的方法来配置这些步骤或重用来自其他集成项目的一些配...

  • <strong>香港带宽_木乃伊百度云_好用</strong> 香港带宽_木乃伊百度云_好用

    在实施阶段和上线后,为您和您的客户提供一套专门的专家服务,我们希望通过我们的SAP Hybris专家服务团队提供的多项深入服务来支持您的实施。 SAP Hybris Cloud for Customer–Partner Coac...

  • <strong>专属服务器_华为荣耀8支持云闪付吗_高性</strong> 专属服务器_华为荣耀8支持云闪付吗_高性

    互操作性的定义是 计算机系统或软件交换和利用信息的能力" 公共安全和安保方面的互操作性多年来一直是首要议题,涵盖了安全界各个层面的巨大需求。从根本上讲,有一个主要挑...

  • <strong>全站加速_我的世界服务器优化_高性价比</strong> 全站加速_我的世界服务器优化_高性价比

    在过去的几个月里,CodeTalk还涵盖了SAP云平台SDK for iOS的一些关键主题。查看CodeTalk播放列表或SAP Cloud Platform SDK for iOS开发者登录页上的"资源"选项卡和"视频"列表。 到目前为止,我已经...

  • <strong>云数据库_阿里云郭雪梅_精选特惠</strong> 云数据库_阿里云郭雪梅_精选特惠

    此博客的目的:列出使用SAP Gateway客户端时的小技巧。 谁应该阅读此博客:使用SAP Gateway客户端并希望从中提取更多信息的任何人。 相关SAP事务:/IWFND/GW\U客户端 此博客的格式:Q&A 开...

  • <strong>云服务器_阿里云服务器地址在哪里_新注</strong> 云服务器_阿里云服务器地址在哪里_新注

    我是Yubikeys的超级粉丝——用于身份验证和/或携带钥匙的小型不可摧毁USB钥匙。 Yubico有一个页面,这里有一个功能比较:https://www.yubico.com/yubikey-function-comparison/ 本博客展示了如何使用...

  • <strong>分布式数据库_域名注册中心_企业级</strong> 分布式数据库_域名注册中心_企业级

    亲爱的各位, 这是我的第一个博客,我想在其中分享我的经验和我与Oracle Exadata世界的"会面"。我在过去完成了许多异构系统拷贝,但从未在涉及Oracle Exadata的混合环境中完成过 我必须...