SAPUI5初心者向けのステップバイステップの学習チュートリアルのセット
チュートリアルディレクトリ
-
SAPUI5アプリケーション開発チュートリアルNo.18-SAPUI5データバインディング構文の特殊記号、および絶対バインディングと相対バインディングの概念の詳細な説明
-
SAPUI5アプリケーション開発チュートリアルNo.25-プロキシサーバーを使用して、リモートODataサービスにアクセスするSAPUI5アプリケーションのクロスドメイン問題を解決する
-
SAPUI5アプリケーション開発チュートリアルNo.27-SAPUI5アプリケーションの単体テストツールであるQUnitの概要
-
SAPUI5アプリケーション開発チュートリアルNo.28-SAPUI5アプリケーションの統合テストツールであるOPAの概要
-
SAPUI5アプリケーション開発チュートリアルNo.34-デバイスタイプに基づくSAPUI5アプリケーションのデバイス適応
-
SAPUI5アプリケーション開発チュートリアルNo.35-ローカルで開発されたSAPUI5アプリケーションをABAPサーバーにデプロイする方法
-
SAPUI5アプリケーション開発チュートリアルNo.36-Chromeデベロッパーツールの要素タグを使用してCSSクラスを動的に変更する
-
SAPUI5アプリケーション開発チュートリアルNo.37-Chromeデベロッパーツールコンソールパネルを使用した要素のレビュー
-
SAPUI5アプリケーション開発チュートリアルNo.38-プログラム実行エラー時にChromeデベロッパーツールを使用してコンテキスト情報を表示する
-
SAPUI5アプリケーション開発チュートリアルNo.39-SAPUI5アプリケーションのホワイトスクリーンの一般的なエラーと分析方法
-
SAPUI5アプリケーション開発チュートリアルNo.40-component-preload.jsを含むSAPUI5リリースバージョンを作成する方法
-
SAPUI5アプリケーション開発チュートリアルNo.41-Chrome拡張機能UI5インスペクターのオフラインインストールと使用
-
SAPUI5アプリケーション開発チュートリアルNo.43-SAPUI5に付属のサポートアシスタントツールの使用方法の概要
-
SAPUI5アプリケーション開発チュートリアルNo.44-ラベルと入力制御テキストが水平方向に配置されていない原因の分析と解決策
-
SAPUI5アプリケーション開発チュートリアルNo.45-SAPUI5アプリケーションでjQueryとネイティブDOMAPIを使用する方法
-
SAPUI5アプリケーション開発チュートリアルNo.46-メッセージマネージャーを使用して、すぐに使用できる検証情報のスローを実装する
-
SAPUI5アプリケーション開発チュートリアルNo.47-SAPUI5文字列型入力フィールドの検証ロジックをカスタマイズする方法
-
SAPUI5アプリケーション開発チュートリアルNo.48-SAPUI5アプリケーションでバーコードスキャン機能を開発する方法
-
SAPUI5アプリケーション開発チュートリアルNo.49-デスクトップコンピューターの携帯電話で実行されているSAPUI5アプリケーションをデバッグする方法
-
SAPUI5アプリケーション開発チュートリアル50-Cordovaを使用してSAPUI5アプリケーションをAndroid携帯にインストールできるハイブリッドアプリケーションに生成する方法
-
SAPUI5アプリケーション開発チュートリアルNo.51-Chromeを使用して携帯電話で実行されているSAPUI5Cordovaハイブリッドアプリケーションをデバッグする方法
-
SAPUI5アプリケーション開発チュートリアルNo.52-SAPUI5の標準コントロールをCordovaプラグインと組み合わせて使用して、バーコードスキャンのために携帯電話のカメラを呼び出す方法
-
SAPUI5アプリケーション開発チュートリアルNo.54-ローカルSAPUI5アプリケーションをローカルFioriランチパッドに構成する方法
-
SAPUI5アプリケーション開発チュートリアルNo.55-Node.jsExpressを介してローカルSAPUI5アプリケーションをパブリックネットワークにデプロイする方法
-
SAPUI5アプリケーション開発チュートリアルNo.57-ODataアノテーションに基づいたスマートフィールドの使用方法の学習
-
SAPUI5アプリケーション開発チュートリアル58-ファクトリメソッドを使用して、実行時にさまざまなタイプのリストラインアイテムコントロールを動的に作成します
-
SAPUI5アプリケーション開発チュートリアルNo.62-ODataV4に基づくSAPUI5フォームコントロールの使用の概要
-
SAPUI5アプリケーション開発チュートリアルNo.63-ODataV4に基づくローカルMockサーバーの実装の詳細な紹介
-
SAPUI5アプリケーション開発チュートリアルNo.64-ODataV4に基づくSAPUI5テーブルコントロールにフィルター(フィルタリング)およびソート(ソート)機能を実装する方法
-
SAPUI5アプリケーション開発チュートリアルNo.65-ODataV4に基づいてSAPUI5フォームコントロールを作成、編集、および保存する方法
-
SAPUI5アプリケーション開発チュートリアルNo.66-ODataV4に基づくSAPUI5フォームコントロールに削除機能を実装する方法
-
SAPUI5アプリケーション開発チュートリアルNo.67-ODataV4に基づくSAPUI5リスト詳細(リスト詳細)レイアウトの実装
-
SAPUI5アプリケーション開発チュートリアルNo.68-SAPUI5ルーティングが失敗したときにカスタムのNOTFoundページを表示する方法
-
SAPUI5アプリケーション開発チュートリアルNo.69-SAPUI5が見つからないページから通常のアプリケーションページに戻る方法
-
SAPUI5アプリケーション開発チュートリアルNo.70-ボタンコントロールを使用してページルーティングジャンプをトリガーする方法
-
SAPUI5アプリケーション開発チュートリアルNo.73-カスタムクエリを使用したSAPUI5ページルーティングのブックマーク機能の実装
-
SAPUI5アプリケーション開発チュートリアルNo.74-ODataV4を使用して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の基礎がまったくない、またはほとんど知識がない初心者には、最初のステップから順番に段階的に学習し、これらのコードをローカルにダウンロードし、チュートリアルのテキスト説明に協力して、理解を深めることをお勧めします。 。
チュートリアルの各ステップについて質問がある場合は、チュートリアルのステップに対応する記事にコメントしてメッセージを残してください。
このチュートリアルの67番目のステップを実行したときに、SAPUI5アプリケーションでODataV4バージョンのサービスを使用するときにいくつかの落とし穴に遭遇しました。ここでそれを共有します。
SAPUI5アプリケーション開発チュートリアルNo.67-ODataV4に基づくSAPUI5リスト詳細(リスト詳細)レイアウトの実装
Postman
よく知られているODataサービスのURLにアクセスNorthWind
して、次の場所で学習と教育を行います。
https://services.odata.org/v2/northwind/northwind.svc/Categories
urlフラグメントv2
は、このODataサービスがODataバージョン2に基づいていることを示しています。
HTTPリクエストのAcceptフィールドがとして選択されてapplication/json
いるため、リクエストの結果はjson形式で表示されます。
サーバーから返されるJSONデータは次のとおりです。第d
1層のフィールド名は次のとおりで、第2層は次のとおりですresults
。
これらの8つのカテゴリの構造を一目で確認できます。
チュートリアル67で使用されているODataV4サービスに戻りましょう。
SAPUI5アプリケーション開発チュートリアルNo.67-ODataV4に基づくSAPUI5リスト詳細(リスト詳細)レイアウトの実装
以下は、そのメタデータメタデータのURLです。
https://services.odata.org/TripPinRESTierService/(S(id))/$metadata
メタデータに含まれるversion
フィールドこのサービスがバージョン4に基づいていることを確認するのは難しくありません。
次のURLを使用して、このV4 ODataサービスに含まれる最初の10個のPeopleデータにアクセスします。返されるデータは、次のとおりです。
https://services.odata.org/TripPinRESTierService/(S(id))/People?KaTeX解析エラー:「EOF」が必要です。位置11で「&」を取得しました:count = true& ̲skip = 0&$ top = 10
People配列が。value
という。
このvalue
フィールド。これには、SAPUI5アプリケーションがODataV4サービスを消費するためのトラップが含まれます。
以下は、このトラップの詳細な紹介です。