本文档将指导您使用SAP云应用程序编程模型构建一个具有持久性、核心后端服务和多个UI5应用程序的多目标应用程序。使用Fiori Launchpad站点在SCP Cloud Foundry环境中部署UI5应用程序。

本文档的另一个目的是帮助开发团队构建一个框架MTA项目，用于在SCP CF上构建客户解决方案。此演示项目将使用SAP Cloud Platform试用帐户上的WebIDE创建。

1。先决条件

SAP云平台试用（云铸造）SAP Web IDEVisual Studio代码（可选）多目标应用程序存档生成器（从此处下载）CLI或shell节点.js/NPM(https://nodejs.org/)吉特(https://git-scm.com/downloads/)马文(https://maven.apache.org/install.html)咕噜声(https://gruntjs.com/using-the-cli)CF客户端(https://docs.cloudfoundry.org/cf-cli/install-go-cli.html)CF CLI MTA插件(https://tools.hana.ondemand.com/#云)

2. 内容

SAP云平台子账户初始设置使用CD创建初始项目创建Fiori Launchpad站点构建并部署到SCP Cloud Foundry

SAP Cloud Platform子帐户的初始设置

在构建应用程序之前，我们需要一个针对Cloud Foundry环境的SAP Cloud Platform试用子帐户。去https://account.hanatril.ondemand.com/注册一个试用帐户。在驾驶舱页面中，创建子账户，并在子账户内创建新空间。

2。转到子账户-权利的主页，微信返利，将服务添加到子账户。所需服务包括应用程序运行时、HTML5应用程序、门户、SAP HANA服务。

3。转到Quata Plan，大数据云计算，创建一个配额计划，并将配额计划分配给创建的空间。

然后，现在就可以在WebIDE中构建项目了。

SAP云应用程序编程模型使您能够快速创建业务应用程序，使您能够专注于域逻辑。它提供了一个一致的端到端编程模型，其中包括为SAP云平台上的完整堆栈开发定制的语言、库和API。（复制自官方文档）

通过WebIDE，我们可以创建一个新的SAP云平台业务应用程序作为初始项目框架。基于云应用程序编程模型（CAP），使用核心数据和服务（CDS）构建数据模型和服务定义是高效的。

1.使用CDS创建业务服务

您需要在扩展页的首选项透视图中启用tile–SAP云平台业务应用程序开发工具。

1。转到WebIDE。从"项目从模板"。选择SAP云平台业务应用程序

2。在基本信息中，将项目命名为"sample1"。然后选择Java作为服务类型，将Java包重命名为我的书店并保留默认包含项目中的示例文件。

3。继续默认设置，然后完成。初始项目将创建"db"和"srv"模块。

4。单击项目菜单–Git–初始化本地存储库。并在Git中设置远程存储库–set remote。为了在本地环境下开发和构建项目，最好将项目推入外部git存储库。

5。通过Build–Build CD制作CD。单击srv模块并从全局工具栏中选择Run。那么样本实体的OData服务就可以使用了。将UI模块添加到业务应用程序

让我们添加2个书籍和订单的UI列表视图。

1。右键单击sample1文件夹并选择New | HTML5 Module。选择列表报表应用

2。填写以下字段：

3。从源列表中选择当前项目，然后选择目录服务。

4。将"注释选择"选项卡保留为默认值，然后选择下一个。在模板

5。定制页签，在OData收藏下拉菜单中选择书籍

备注：另外，如果需要添加UI注解，请按照这里的详细步骤操作

6。打开文件Gruntfile.js文件在sample1/app/books中。用下面的脚本替换内容。

7。打开文件Gruntfile.js文件在sample1/app/books中。移除现有路由器，并从应用程序存储库运行时添加路由器。

8。打开文件清单.json在sample1/app/books/webapp中。将"uri"的值改为"../../odata/v2/CatalogService/"，

6。为绑定OData集合中的Orders的Orders创建另一个模块。使用相同的步骤。

注意：创建2个HTML5模块，是为了稍后模拟如何在一个Fiori启动板站点中管理多个UI应用程序的授权。

7。创建一个新的文件夹应用程序，并将模块书籍和订单复制到文件夹中。此步骤是将所有UI模块放在一个中心文件夹中。

8。右键单击sample1/app/books and orders文件夹，淘大客，然后选择Run | Run as Web Application。选择列表报表应用程序。选择RunWithMockData，图书列表报告页可以在本地运行。

这里，2个HTML5模块示例已经成功添加到项目中。

1。添加Fiori Launchpad站点

1。右键单击sample1文件夹并选择New | sapfiori Launchpad Site Module。输入名称flp，完成

2。转到app/books/webapp，编辑清单.json具有描述符编辑器的文件。创建一个语义对象books-action1，输入tile books和tile图标

3。同上，更新清单.json在app/orders/webapp中输入以下值。

4。转到flp/门户网站，打开CommonDataModel.json文件文件。通过Launchpad Editor将书籍、订单添加到默认组中。