当前位置:主页 > 域名解析 > 正文

阿里云_阿里云机顶盒刷安卓_评分榜

时间:2021-07-13 10:34 来源:埃里克云 编辑:埃里克云

核心提示

了解如何从头开始构建基本的Angular 4+应用程序,并轻松将其与您最喜爱的SAP Gateway OData源连接起来。 SAP UI5是SAP推荐的用于开发业务应用程序的客户端框架,而Gateway OData服务可由任何...

了解如何从头开始构建基本的Angular 4+应用程序,并轻松将其与您最喜爱的SAP Gateway OData源连接起来。

SAP UI5是SAP推荐的用于开发业务应用程序的客户端框架,而Gateway OData服务可由任何基于HTML5/JavaScript的框架使用。在本教程中,我们将开发一个小的OData应用程序。我们将只使用基于开源的组件。

先决条件

如果您还没有安装,有一些方便的开发工具可以帮助您继续:

VS Code一个源代码编辑器,我非常满意。节点.js(这是要安装的绿色大按钮)节点.js是本地机器上的JavaScript运行时。基本上我们需要它来运行我们的开发环境。Node与npm一起提供,npm是javascript的包管理器。检查进入终端的安装:节点-v它应该告诉您一些6.9.0或更高版本。提示:VS代码嵌入了一个终端窗口,使用起来非常舒服。angular cli是启动angular项目的好方法。这个命令行工具有助于从头开始。请使用npm安装:npm安装-g@angular/cli OData服务提供商:在本教程中,我们将访问网关演示系统(ES4),因此您可以在网关演示系统上创建一个帐户,并保留您的用户名和密码以备将来使用。

步骤1:创建角度项目

在您的文件系统中创建一个新的空文件夹。在此文件夹中创建新项目:

cli为我们的应用程序创建基本文件夹结构。除此之外,它还安装了一系列工具包,例如实际的angular framework组件。(这里的所有内容都安装在这个文件夹中)

第二步:安装ngx-o-table

ngx-o-table是一个显示OData实体的4+角度表模块。

它让我们可以轻松地创建显示数据的元数据驱动表。

要安装ngx-o-table,npm又是我们最好的朋友了。从根文件夹说:

第3步:导入ngx-o-table模块

为了实际使用以前安装的模块,我们需要先在我们的应用程序中导入它。

打开主模块。/src/app/应用模块ts在您选择的代码编辑器中,进行以下添加:

。/src/app/应用模块ts

第4步:添加一些HTML

更改文件应用程序组件.html以下步骤:

第5步:测试应用程序-但请稍候!

我们的应用程序在本地运行,并调用跨域来源https://sapes4.sapdevcenter.com

在这里我们会遇到关于浏览器同源政策的冲突。

幸运的是,Ng CLI有一个很好的特性来解决这个问题:

在projects根文件夹中创建以下文件:

/proxy.conf.json文件:

使用此代理配置,启动ng dev服务器:

步骤6:向网关问好!

打开浏览器,前往本地主机:4200/,从上面输入密码和用户名,并享受结果:

您对布局、行捕获或奇怪的日期格式不满意?

幸运的是,ngx-o-table上已经有了一些实验性的重新格式化功能—如果您愿意的话,可以在随后的博客文章中详细介绍。

本教程的缩进是为了让您了解SAP Gateway OData如何进行角度交互。非常欢迎您在GitHub上分享您的想法,甚至为项目做出贡献。

  • <strong>数据库_太原网站建设公司_高性价比</strong> 数据库_太原网站建设公司_高性价比

    解决上述问题,请遵循以下步骤: 2。在Fiori-BI启动板中设置验证选项卡和CMS可见: 1。\SAP BusinessObjects Enterprise XI4.0\warfiles\webapps\BOE\WEB-INF\config\custom\ 如果您使用的是BI平台安装的Tomc...

  • <strong>京东云_企业邮箱排名_年度促销</strong> 京东云_企业邮箱排名_年度促销

    场景:在这个场景中,我将解释如何使用计算视图中的计算列来计算学生平均分。 计算视图用于组合其他分析视图、属性视图和其他计算视图以及基本列表。它们用于执行复杂的计算...

  • <strong>对象存储_长沙网站建设公司_9元</strong> 对象存储_长沙网站建设公司_9元

    在特拉华的最后几天,我们正在研究物联网方面的创新。除此之外,我们还创建了一些智能数据流,并在designstudio中使用它们。现在为了创建一些真实的演示,我们需要一个物联网模...

  • <strong>香港带宽_oa系统数据库设计_免费申请</strong> 香港带宽_oa系统数据库设计_免费申请

    This blog is the part 2 of the 5-part blog-series. In this blog, we will introduce OData Interfaces which are exposed from SAP Process Orchestration (from 7.40 onwards) (SAP PO) can be exposed as Open APIs and managed through SAP API Man...

  • <strong>全站加速_企业邮箱用哪家的好_测评</strong> 全站加速_企业邮箱用哪家的好_测评

    亲爱的合作伙伴 由SAP主题专家主持的Enablement Insights网络研讨会每月在我们的各个合作伙伴协作室举行一次。这些会议室使您能够轻松地与同事协作、分享知识并提高知识的趣味性,以...

  • <strong>域名注册_关系数据库是以_优惠</strong> 域名注册_关系数据库是以_优惠

    最近我们在结算WBS元素时遇到了两个错误。我们使用WBS元素来记录成本,然后先将其结算给AuC,然后再将其结算给主要资产。 我们在2017财年,我们的关闭资产年度是2015年,这意味着...

  • <strong>天翼云_常用数据库管理系统_免费6个月</strong> 天翼云_常用数据库管理系统_免费6个月

    达芬奇可能是指数思维的最早采用者之一。 达芬奇500多年前出生在半农村的托斯卡纳,父母收入微薄。尽管他很少接受正规教育,但他能够推断出有关建筑学、工程学、数学、城市规...

  • <strong>金山云_白雪公主百度云_优惠</strong> 金山云_白雪公主百度云_优惠

    在本系列的第一篇博客中,我讨论了什么是保证交付,它是如何工作的,以及为什么您应该将它用于流项目和适配器。如果您错过了它,您可以阅读这里的介绍。 现在,在第二部分中...

  • <strong>美国服务器_分布式数据库有哪些_免费申</strong> 美国服务器_分布式数据库有哪些_免费申

    美国作家、未来主义者阿尔文·托夫勒(Alvin Toffler)通常被引用为这句名言的创始者:"21世纪的文盲将不是那些不会读和写的人,而是那些不会学习、忘却和重新学习的人。"然而,托...