在本博客中，我们将探讨如何在HTML/Javascript Fiori应用程序中从头开始创建表，微信淘客，并将其托管在SAP云平台上。此表将显示来自在SAP云平台上注册为目的地的Odata服务的数据。

通过Odata服务公开SAP HANA云数据

SAP云平台与HANA云的免费试用帐户为了使用云工厂的外部服务，本博客遵循"使用xsodata将HANA云表公开为Odata服务"

节点.js应用程序，大数据学习，您需要在SAP云平台Cockpit的Destinations部分注册此类服务。打开子帐户并在"连接"选项卡中选择"目的地"。

使用以下值创建新的目的地：–Name:订单条目–类型：HTTP–URL：您在"使用xsodata将HANA云表公开为Odata服务"中创建的Odata服务URL，不带任何参数。对我来说是的https://zbeiqcnqc0hcxzgar-entry-core-xsjs.cfapps.us10.hana.ondemand.com/xsodata/customers.xsodata–身份验证：NoAuthentication（如果您选择保护您的安全，请在此处添加身份验证）节点.js应用程序（创建时）其他属性：–WebIDEEnabled:正确–WebIDE用法：odata\u gen

打开SAP Web IDE，右键单击当前工作区并从模板创建新项目。

在可用的Cloud Foundry模板中选择SAP UI5应用程序。

为您的SAPUI5应用程序提供名称和命名空间。

将视图类型保留为XML。

将您的项目创建为多目标应用程序（mta）。它包含一个应用程序路由器，它接收外部请求并将它们路由到正确的资源、UI部署程序和您的实际UI。

打开名为"order"的UI文件夹，看云，然后打开文件xs-应用程序.json在这里，您必须添加一条将用户引导到上一章中设置的目的地的路由。在下面的示例中，键入以/orderentry/开头的url的所有用户都将被重定向到目标"orderentry"。

现在，让我们定义控制器。打开文件View1。控制器.js位于控制器文件夹中。在这里，您可以添加当用户访问您的页面时将执行的逻辑。在下面的onInit中添加函数getData：

在函数getData中，我们执行一个ajax调用相对url orderentry/customers？$format=json

此url的第一部分"orderentry"在xs中被检测为路由-应用程序.json. 它被重定向到我们之前在SAP云平台驾驶舱中定义的目标。

成功后，将基于Odata服务创建一个模型oModel。

下一步，我们将在View1中创建用户界面。查看.xml文件。使用以下代码在XML中创建按钮和表。按下按钮调用我们的函数getData.

视图、模型和控制器都定义好了，现在应用程序可以运行了。选择webapp文件夹并运行索引.html.第一次运行时，应用程序将生成并运行。

应用程序将在一个新文件夹中打开，当您单击"获取数据"时，大数据如何处理，表格将充满数据。

如果应用程序未按预期工作，请使用chrome工具（F12）检查是否正确调用Odata服务。

准备部署时你的应用程序，下一步是建立mta_订单文件夹，然后将其部署到SAP云平台。

感谢Navin Saran在构建此应用程序方面的帮助。

，全民淘客