SAP UI5app开发教程之86-开发最简单的本地模拟数据服务器试用版

作者简介

Jerry Wang自2007年毕业于中国电子科技大学并获得计算机科学硕士学位以来，一直在SAP成都研究院工作。Jerry是SAP社区导师和SAP中国技术大使。在15年的SAP标准产品开发生涯中，Jerry先后参与了SAP Business ByDesign、SAP CRM、SAP Cloud for Customer、SAP S/4HANA和SAP Commerce Cloud等标准产品的研发。

Jerry在工作中使用ABAP、Java、JavaScript和TypeScript进行开发，并深入研究了几个SAP自主开发的框架，包括SAP UI5。

教程内容

解释

Jerry于2014年加入SAP成都研究院CRM Fiori开发团队后开始接触SAP UI5。他在SAP社区和“王子喜”微信公众号上发表了许多关于SAP UI5工作原理和源代码分析的文章。

正如Jerry的文章中提到的，Jerry也是SAP UI5的新手。他知道，对于只有ABAP开发背景的开发人员来说，转型到SAP UI5开发领域并不容易。因此，我在业余时间为SAP UI5初学者设计了本学习教程，将开发完整的SAP UI5app的过程分为几个步骤，并努力涵盖每个步骤中涉及的所有知识点。这些知识点可能没有我的UI5源代码分析系列那么深入，但对于SAPUI5初学者来说应该很容易理解。

本教程中每个步骤的源代码都存储在my上，并由文件夹01、02、03等标识。例如，步骤1的源代码存储在my。

[图像上载失败…（Image-d68676-1653048573750）]

每一步都基于前一步，并添加了几个新功能。建议对SAP UI5没有基本知识或了解很少的初学者从第一步开始逐步学习，在本地下载这些代码，并根据教程的内容进行自己的工作，以加深他们的理解。

如果您对教程的每个步骤有任何疑问，请在教程的相应步骤文章中评论并留言。

在本教程的步骤26和63中，我们分别联系了Mock服务器的本地配置和使用步骤，以及OData V4的Mock服务器实现源代码。

从这一步开始，我们将回顾我们之前学到的知识，并介绍如何定制Mock服务器以满足我们项目中的一些特殊需求。

本地Mock服务器在开发过程中带来的便利不言而喻。在实际项目中，SAP UI5app通常需要连接到后台的OData服务，以便在服务器端显示业务数据。当后台OData服务仍在开发中时，负责前端开发的SAP UI5开发人员可以直接将其SAP UI5app连接到Mock服务器，从而消除对后台ODdata服务的依赖——即使没有网络连接，SAP UI5的前端开发也不会受到影响。这样，前后发展可以完全平行。

如前几步所述，SAP UI5app的MVC，即模型层、视图层和控制器层，完全不知道Mock服务器的操作。通常，SAP UI5app会向清单报告。json文件中配置的OData url会启动请求。如果Mock服务器在本地运行，这些由SAP UI5发起的OData请求将被Mock服务器自动拦截，并且准备好的测试数据（内容通常来自本地项目文件，如metadata.xml或json数据文件）将返回到SAP UI5app。SAP UI5app的控制器和XML视图对这种拦截行为一无所知，只是在UI上显示请求响应。

访问以下网址：

您可以看到表控件中显示了以下五条数据：

具体实施步骤。