大家好，如果您是在完成了第一部分和第二部分之后阅读本文的，那么我要祝贺您完成了后端开发。如果你读到这篇文章，我建议你用相同的名字依次阅读这一系列文章。

你也可以用这篇文章创建一个独立于后端和服务的UI5应用程序。我们需要做的只是我们在第二部分中创建的服务链接（任何基于REST架构的服务API链接来创建连接和使用服务）。

如果您创建了API链接，那么我会说您自己做得很好，探索自己的学习是一件好事。但是如果您在创建API链接时遇到困难，那么在这里我将指导您创建一个API链接。在上一篇文章中，我严重错过了一个步骤，因为您将面临无法获取API链接的麻烦。我的本意不是告诉你们，因为我认为你们这些人很聪明，会自己找到出路的。但是无论如何，在创建包中的所有文件之后，在执行.xsodata文件之前，我们需要激活我们创建的包。要激活包，只需右键单击包，您将找到一个选项来执行此操作。

现在，如果您执行.xsodata文件，一个新窗口将显示一个API服务链接。

对我来说，它是https://employeedetailschtanujsharmatrial.hanatrial.ondemand.com/EmployeeDetailPackage/EmployeeDetails.xsodata（此链接对您来说会有所不同）。

注意：如果您想查看服务的元数据，请在服务链接的末尾添加/$metadata。

让我们开始使用SAP Web IDE进行前端开发。

在这里，企业应用管理，我们的任务是要创建OData服务与用户界面应用程序的连接，然后，我们需要在Web IDE中开发我们的用户界面应用程序。

建立连接：

要创建连接，返现卡，请移动到试用帐户主页中的SAP Cloud Platform Cockpit，您将在那里找到"连接">"目的地"选项，单击该选项。很少会出现与连接相关的选项。

选择新目标选项为您的项目创建新连接。

按照目标配置面板中的要求，以适当的格式提供详细信息。我选择了基本的授权选项，因为我们有一个用户名和密码来访问我们的后端系统。我提供了用户名作为系统，密码必须相同，才能从后端系统获取详细信息。

注意：在URL中，我们只需要提供系统的URL，云服务器买，而不是服务的URL。所以就我而言，我只是提供https://employeedetailschtanujsharmatrial.hanatrial.ondemand.com网址URL部分。

保存后，您可以通过单击check Connection（检查连接）按钮来检查连接状态。

这里我们完成了与OData服务的连接创建。让我们转到创建UI5应用程序的下一部分。

现在UI转向：

与前面一样，我要求您探索服务中的可用选项。我希望你们已经非常认真地做了那部分。现在在SAP云平台Cockpit中打开sapwebide服务。这将引导您进入Web IDE主页。现在我们需要使用MVC框架架构在这里创建用户界面应用程序。

您将在那里找到一系列选项，因此如果您还没有完成，请给自己更多的时间来探索所有这些。让我们向前看，现在我们的任务是创建一个用户界面，因为您将有多个选项，但现在我将使用模板的新项目，并在其中选择SAP UI5应用程序。

下一步，它将要求您按以下顺序提供一些详细信息，根据您的项目提供所需的所有细节。

完成后，它将为您创建一个基于MVC架构的项目，带有视图（.xml）和控制器(控制器.js)在您提供的项目名称文件夹中使用的文件。

它将创建一堆其他文件和文件夹，但这里我们只关注少数文件和文件夹，其中上述两个文件是重要的。

由于我们为OData服务创建了一个连接，但是为了确保我们的应用程序能够与我们想要使用的服务一起工作，我们需要在UI5应用程序中创建一个OData服务。这将帮助我们的应用程序连接到我们创建的连接，以便正确使用服务。

将弹出一个弹出窗口，如下所示，您需要在这里选择服务URL选项，然后提供URL的其余部分，以访问我们在所需字段中创建的OData服务。我把"/EmployeeDetailPackage/员工详情.xsodata"连接到我们的后端OData服务。

您可以通过单击"测试"按钮进行测试，如果出现任何问题，请先尝试解决，然后单击"下一步"按钮。

在本幻灯片中，我们将为我们的OData服务选择一个模型。你有两个选择，对于这个项目，我正在为OData服务创建一个新的模型。

这个过程将在你的项目文件夹中创建更多的文件，这样的文件是服务绑定.js. 如果您愿意，您可以浏览这些文件并尝试了解那里发生了什么。

现在，我们需要根据项目开始时（在分析阶段）确定的需求和功能，为我们的UI5应用程序创建用户界面。