SAPUI5初心者向けのステップバイステップの学習チュートリアルのセット

チュートリアルディレクトリ

説明する

Jerryは、2014年にSAP Chengdu ResearchInstituteのCRMFiori開発チームに参加して以来、SAP UI5と連絡を取り合っています。彼は、SAPコミュニティおよびWeChatパブリックアカウント「Wang」でSAPUI5の動作原理とソースコード分析に関する多くの記事を公開しています。 Zixi」。

Jerryの記事で、SAP UI5について何も知らない初心者は、どの資料から始めるのがよいでしょうか。前述したように、ジェリーもSAP UI5の新人から来ました。彼は、ABAP開発のバックグラウンドしかない開発者がSAP UI5開発分野に変革するのは容易ではないことを知っているので、SAPUI5初心者向けにこの学習チュートリアルを設計しました。暇なときに、完全なSAP UI5アプリケーションを開発するプロセスをいくつかのステップに分割し、各ステップに含まれるすべての知識ポイントをカバーするように努めます。これらの知識ポイントは、私のUI5ソースコード分析シリーズの記事ほど詳細ではないかもしれませんが、SAP UI5の初心者が理解しやすく、理解しやすいように努めています。

このチュートリアルの各ステップのソースコードはGithubに保存されており、フォルダー01、02、03などで識別されます。たとえば、ステップ1のソースコードはここにあります。

各ステップは、いくつかの新機能が追加された前のステップに基づいています。SAP UI5の基礎がまったくない、またはほとんど知識がない初心者は、最初のステップから段階的に学習し、これらのコードをローカルにダウンロードし、チュートリアルのテキスト説明に協力して、理解を深めることをお勧めします。

チュートリアルの各ステップについて質問がある場合は、チュートリアルのステップに対応する記事にコメントしてメッセージを残してください。
このチュートリアルの前のステップでは、ODataV4に基づくテーブルコントロールを使用して最も単純なSAPUI5アプリケーションを開発する方法を学びました。

この記事では、前の手順に基づいて、このテーブルに新しい関数を追加し続けます：フィルター（フィルタリング）およびソート（ソート）関数。

効果を最初に見てください：

テーブルコントロールの右上隅にある検索バーで、虫眼鏡アイコンを入力Guessしてクリックし、検索またはフィルタリングします。

このフィルタリング関数は、ODataモデルのLastNameに基づいて実装されているため、テーブルには、LastNameが。でGuessある。

ツールバーの別の並べ替えボタンをクリックして、LastNameフィールドに基づいて並べ替えます。

クリックすると、テーブルの行アイテムのLastNameがアルファベットの昇順で並べ替えられます。同時に、モックサーバーには合計19個のデータがあり、この値は$count操作。

以下は、詳細な実装手順です。

SAPUI5アプリケーション開発チュートリアルNo.64-ODataV4に基づくSAPUI5テーブルコントロールのフィルター（フィルタリング）およびソート（ソート）機能を実装する方法

SAPUI5初心者向けのステップバイステップの学習チュートリアルのセット

チュートリアルディレクトリ

説明する

おすすめ