在过去的几周里，我一直在做一个关于使用CAP模型的sapfiori元素的演示项目。这一切都始于我探索新的sapfiori工具的功能，以帮助sapfiori元素应用程序开发。然后我意识到使用CAP模型的SAP Fiori Element应用程序的引用并不多——我想这并不奇怪，因为CAP是一个相对较新的编程模型。因此，大数据汇总，大数据的4，我决定拿出一个全面的例子来展示一个真实的场景。

演示项目以SAP教程为模式-使用SAP Fiori工具创建一个列表报告对象页面应用程序，但使用North Wind服务数据模型。我很喜欢开发这个演示应用程序，我必须说，CAP框架超出了我的预期。我希望你会发现这个演示项目很有用。

作为一个提示，这里是列表报告页面的截图：

博客文章系列

SAP Fiori元素使用CAP模型-简介SAP Fiori元素使用CAP模型-列表报告应用程序

目标：无代码挑战

在开始这个项目之前，游戏返利平台，我正在寻找灵感或目标。最后，大数据行业前景，我想出了一个主意，这将增加挑战和目的-即应用程序不应该有任何代码。这意味着前端和后端应用程序都不会有JavaScript代码。是的，你读对了！

关于这一挑战的简短解释是，当您知道如何使用JavaScript进行编码时，自建站平台，很容易跳转到编码中，而不必深入挖掘框架提供的功能。

让我们首先讨论SAP Fiori元素，以获得更详细的解释。在sapfiori Elements extension的官方文档中，提到只有在注释和设置清单文件不能产生所需行为时才使用app扩展。因此，出于这个原因，我避免使用应用程序扩展。

其次，对于CAP模型，我避免使用自定义处理程序，这也需要用JavaScript编写代码。这意味着我依赖于纯CDS功能和托管场景。我必须说，有时我认为没有JavaScript编码是做不到的，但经过进一步的挖掘和坚持，事实证明，只有纯cd才能做到。如果一开始没有设定目标，我可能已经用JavaScript对行为进行了编码。

下面是对象页面的屏幕截图：

演示项目

演示项目是一个mono repo，托管SAP Fiori Element List Report app（由SAP Fiori工具生成）和基于CAP的后端服务。

存储库可以通过GitHub存储库访问下：

https://github.com/jcailan/cap-fe-samples

请参考自述文件.md关于如何安装和测试应用程序的文件。

以下是显示每月收入条形图的对象页的屏幕截图：

结束

我希望这个演示项目将有助于激发您更多地探索这两种应用程序所固有的丰富功能Fiori元素和CAP模型。不用一行JavaScript代码，我就可以用这两个框架创建一个外观不错的web应用程序，这真是太神奇了使用这些框架。

乐趣不止于此。事实上，我们才刚刚开始。在我的下一篇博文中，我将尝试将项目分解为更小的部分，以便对Fiori Element或CAP Model（或两者）都不熟悉的消费者能够轻松理解和复制应用程序中使用的行为。所以请继续关注！

更新：

使用CAP模型的SAP Fiori元素–列表报表应用

~~~~~~~~~~~~~~~~~~~~~~

如果您有任何意见、建议或问题，请欣赏。干杯！~