The Web Developer Bootcamp 2023 セクション46/61

この講義では、キャンプサイトのWebアプリケーションのレビューセクションの実装について説明しています。まず、Mongooseを使ってレビューモデルを作成し、それをキャンプ場モデルと関連付けます。レビューモデルは、評価とテキストフィールドで構成され、キャンプ場モデルとは1対多の関係です。レビューモデルは、キャンプ場モデルでオブジェクトIDの配列として表現されます。

次に、特定のキャンプ場のショーページで、新しいレビューを投稿するためのフォームを追加します。このフォームには、レビューの本文と評価の2つのフィールドがあり、送信ボタンがあります。フォームのデータは、"/campgrounds/ID/reviews "のネストしたルートに送信されます。"ID "はレビューされるキャンプ場のIDです。

また、スピーカーは、クライアントサイドの検証とサーバーサイドの検証の両方を使用して、アプリケーションに基本的な検証を追加します。Postmanを使用して検証をテストし、アプリケーションのUI上にレビューをレンダリングします。さらに、アプリのレビューセクションに基本的なスタイルを追加し、各レビューに削除ボタンを追加します。

最後に、講師はMongooseミドルウェアをセットアップして、キャンプ場が削除されたときに関連するレビューを削除します。キャンプ場とレビューを追加・削除して実装をテストし、キャンプ場が削除されたときにレビューが削除されることを検証しています。スピーカーは、ミドルウェアの実装は少し面倒だが、うまくいくと結論付けています。

以上、キャンプサイトのWebアプリケーションにレビュー欄を追加するプロセスを包括的に紹介しました。レビューモデルの作成から、バリデーション、スタイル、削除機能の追加まで、さまざまなトピックを取り上げています。講演者のステップバイステップのアプローチと詳細な説明により、読者は自分のプロジェクトで同様のレビューセクションを実装することが容易になります。

次のページへ

前のページへ

まとめページへ

「超勇敢なウサギ」へ