SAP UI5 應用開發教程之八十七 - 如何讓 SAP UI5 Mock 伺服器支援自定義 url 引數試讀版

JerryWang_汪子熙發表於2022-05-20

一套適合 SAP UI5 初學者循序漸進的學習教程

作者簡介

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 UI5 在內的多款 SAP 自研框架有深入的研究。

教程目錄

說明

Jerry 從 2014 年加入 SAP成都研究院 CRM Fiori 開發團隊之後開始接觸 SAP UI5,曾經在 SAP 社群和“汪子熙”微信公眾號上發表過多篇關於 SAP UI5 工作原理和原始碼解析的文章。

在 Jerry 這篇文章 對 SAP UI5 一無所知的新手,從哪些材料開始學習比較好? 曾經提到,Jerry 也是從 SAP UI5 菜鳥一路走過來,深知只有 ABAP 開發背景的開發者,向 SAP UI5 開發領域轉型的不易,因此我在業餘時間設計了這份適合 SAP UI5 初學者的學習教程,把開發一個完整的 SAP UI5 應用的流程,拆分成若干個步驟,力求每個步驟裡,把涉及到的知識點都涵蓋到。這些知識點可能不像我的 UI5 原始碼分析系列文章那麼深入,但力求淺顯易懂,便於 SAP UI5 初學者理解。

本教程每一個步驟的原始碼,都存放在我的 Github 上,分別用資料夾 01,02,03 等等來標識,例如步驟 1 的原始碼在這裡

每一個步驟均是前一步驟的基礎上,新增了若干新特性。建議零基礎或者對 SAP UI5 知之甚少的初學者,按照順序從第一個步驟開始循序漸進地學習,把這些程式碼下載到本地,配合教程的文字講解,自己動手,以加深理解。

大家如果對教程的每個步驟有任何疑問,歡迎在教程對應的步驟文章裡給我評論,進行留言。

本教程前面的文章,我們已經介紹了 SAP UI5 Mock Server 的一些使用方法和實現原理:

在步驟 86 中,我們從本地 Meetups.json 資料檔案中,讀取 JSON 陣列裡所有的 5 條 Meetup 資料,載入到 Mock Server 中,然後顯示在列表控制元件裡。

5 條資料:

本文我們在表格控制元件上新增一個按鈕,點選之後,只讀取 OData 服務提供的前三條資料:

為了讓本地 Mock Server 只返回 Meetup.json 檔案中的前三條資料,詳細實現步驟如下

總結

本步驟介紹的這種方式的使用場景是:當 OData 服務具有一些伺服器端特定實現,比如本文介紹的這種不通過 OData 標準協議支援的 $skip$top 引數, 而是採取自定義 url 引數實現的需求,此時 SAP UI5 開箱即用的 Mock Server 不支援這些自定義引數,需要按照本文描述的步驟,才能使 Mock Server 像支援標準 OData 協議一樣支援這些特殊的自定義引數。

相關文章