当前位置:主页 > 云通信 > 正文

数据库服务器_北京虚拟主机_年度促销

时间:2021-05-05 14:46 来源:埃里克云 编辑:埃里克云

核心提示

或: 快速链接:示意图示例项目文件 欢迎阅读教程的第二部分,了解如何从前端应用程序调用后端服务API我们的前提条件是:我们不想在应用程序代码中处理OAuth流。因此在上一个教...

或:

快速链接:示意图示例项目文件

欢迎阅读教程的第二部分,了解如何从前端应用程序调用后端服务API我们的前提条件是:我们不想在应用程序代码中处理OAuth流。因此在上一个教程中,我们学习了如何使用approuter来处理OAuth,以及如何配置它好消息是:在用户界面中,我们根本不需要关心OAuth。我们只需要使用配置好的路由,而不是直接调用受保护的OData服务

在本教程中,我们将重点关注在UI5应用程序中需要做什么

用户界面将尽可能简单,因此我们可以重点关注UI5应用程序的所需配置

顺便说一句:本博客是一系列教程的一部分,详细解释了SAP云平台后端服务的用法。

目标

从UI5应用程序调用受OAuth保护的OData服务,无需任何额外代码。使用approuter处理OAuth流部署到Cloud Foundry

这就是我们简单的UI5应用程序的样子。

屏幕截图没有显示的内容:在后端数据和前端显示之间有相当多的配置文件。

附录中的图表试图显示流程。

先决条件

阅读上一个教程是一个(愉快的)先决条件,因为解释应用程序路由器配置。前面教程中提到的其他先决条件仍然有效

不需要UI5专业知识

那些只需要示例代码的人可以直接跳转到附录

创建文件夹结构

我们创建了一个名为UI5\u to\u bs的项目文件夹,以明确我们的应用程序应该演示如何从UI5调用后端服务文件夹结构与上一个教程非常相似。但是我们的webapp文件夹不是一个简单的HTML文件,而是一个UI5应用程序(也很简单),包含所有相关文件

创建文件夹结构如下:

C:\UI5\u to\u bs应用文件夹网络应用控制器应用程序控制器.js产品列表.控制器.js看法App.view.xml文件ProductList.view.xml组件.js索引.html清单.json包.jsonxs型-应用程序.json清单.yml

在我的文件系统上,看起来是这样的:

下面的部分将逐一介绍这些文件,并解释一些相关的设置,但只解释那些在上一个教程中没有讨论的相关设置。

像往常一样,完整的文件内容可以在本教程结尾的附录部分找到

云应用

我们将一个应用部署到云铸造,由清单.yml文件

在清单.yml我们用指向OData服务主机的URL定义一个目的地:

这允许在我们的数据库中从多个UI元素重用这个目的地UI5应用程序,可能涉及到多个服务或实体集

应用程序路由器

应用程序路由器配置在上一个教程的相应部分中进行了详细描述。所以我们只需要注意我们的包.json我们现在需要添加ui5所需的依赖项:

就像在上一篇博客中一样,我们定义了一个指向后端服务的路由-目的地在本教程中,我们可以自由地给出我们选择的任何名称,所以让我们给它一个清晰的名称,以便以后可以识别它。我们的UI5应用程序将使用此路由。这个名字会清楚地表明UI5不会直接指向URL,而是指向一个合适的路径:

UI5应用程序

我们的UI5应用程序非常简单:它只显示一个产品列表。它是一个标准的UI5应用程序,带有绑定到OData模型的list元素唯一有趣的话题是:

UI5应用程序是如何启动的?答:就像前面的教程一样,从approuter到ui5app有一个默认路由

它是如何连接到OAuth保护的OData服务的?答:通过应用路由器

如何连接到应用路由器?答:它调用App Router中定义的路由

它如何绕过OAuth保护?答:没有。OAuth由App Router处理

列表如何绑定到App Router?答案:在清单.json我们指向合适的路线

如何…?问题够多了,现在让我们来详细看看

在现在的博客里清单.json是最突出的档案。它包含一些应用程序和UI5相关的设置,但是下面的2个对我们来说很有趣:

首先我们定义一个所谓的"数据源":

这个数据源有一个"uri"属性,它可以是指向OData服务的硬编码URL但是在我们的例子中:它指向我们之前在App Router config中定义的路由:

/approuter/route/bas/

这个路由指向我们的OData服务的主机

,在这里,在清单.json,我们必须将相对路径追加到我们的服务:

productsrv/odatav2/DEFAULT/PRODUCTSERVICE;v=1/"

注意:数据源必须指向OData服务的根URL,即所谓的服务文档URL不是实体集(集合),例如"…PRODUCTSERVICE;v=1/products"我们将在绑定ui控件时指定实体集名称,以获取数据(见下文)

清单中第二个有趣的设置:我们定义了一个ui5-"模型",它指向上面定义的数据源:

ui5模型可以绑定到ui控件,这样就可以自动获取数据。我们将在下面看到

  • 域名解析_商城网站建设平台_超低折扣 域名解析_商城网站建设平台_超低折扣

    让我们假设以下场景:由于业务需求,BPC维度中的层次结构发生了显著变化(甚至在多个层次结构的情况下被删除)。因此,许多节点已过时,必须删除。没有DM包可以删除成员,并且...

  • <strong>域名交易_视频服务器的作用_优惠券</strong> 域名交易_视频服务器的作用_优惠券

    注:有关我们博客文章系列的完整概述,请访问SAP Cloud SDK概述。 有关SAP Cloud SDK新功能的概述,请参阅我们最近发布的文章。 简介 随着SAP Cloud SDK的新版本3,可以集成自定义缓存框架...

  • <strong>香港服务器_企业网站建设多少钱_多少钱</strong> 香港服务器_企业网站建设多少钱_多少钱

    此博客文章是与SAP云平台警报通知服务相关的一系列博客文章的一部分。 有关服务本身的更多详细信息,请参阅父博客文章。 让我们考虑以下情况—我们在SAP云平台上部署了一个解决...

  • <strong>金山云_美国cn2云服务器_评分榜</strong> 金山云_美国cn2云服务器_评分榜

    当我去纽约的时候,我喜欢表演,走在街上,听一些好听的音乐,吃很多好吃的东西!当然,见到名人总是很有趣的! 由于地层数据会议的召开,今年9月的行程会更好!本次会议是一...

  • <strong>负载均衡_oracle数据库管理_便宜的</strong> 负载均衡_oracle数据库管理_便宜的

    作为一个成长中的年轻人,我的老师、教练或其他成年人会毫不犹豫地使用诸如"你可以做得更好"、"我期望更多"甚至"尽力而为"这样的词汇。我(和大多数孩子一样)经常达不到期望...

  • 负载均衡_阿里云何万青_超低折扣 负载均衡_阿里云何万青_超低折扣

    您好,团队, 在生成文档的过程中,支付组件遵循一定的模式。我们做了大量的测试,生成了50多个文档,得出了以下结论: 案例1——当所有支付组件都添加到一个交易的UI中时。(...

  • <strong>腾讯云_hana服务器_限量秒杀</strong> 腾讯云_hana服务器_限量秒杀

    在这个博客中,我将向我的CAP服务添加一个UI,它使用机器学习服务:https://blogs.sap.com/2019/08/19/combine-cap-m-with-machine-learning-sdk-api-part/ 我知道许多其他博客展示了如何将UI模块添加到M...

  • <strong>网站服务器_网站建设服务商_最新活动</strong> 网站服务器_网站建设服务商_最新活动

    短链接 这篇文章是为业务流程专家在SAP S/4HANA中配置工作流而写的,同时也为您在开发自己的工作流场景(未来博客的主题)时可以做些什么做了铺垫 它将帮助您理解为什么这个概念...

  • <strong>域名交易_企业邮箱登入口_速度快</strong> 域名交易_企业邮箱登入口_速度快

    这篇博文是向SAP Analytics Cloud:Analytics Designer Hackathon提交的。 德勤数字工厂遵循"告诉我,不要告诉我"的原则,为客户提供数字化方面的实际最佳实践,以充分发挥其供应链组织的潜力...