## モジュール 2: Laravel アプリケーションの基本機能を理解する

このモジュールでは、Laravel と Aurora (MySQL) で構築されたシンプルな書店ウェブサイトの基本機能を説明します。

### 手順 1. 書籍の購入機能を理解する

+ [Book List](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products"|urlencode} "Book List") をクリックして「Book List」を表示し、書籍を選択して「View」ボタンをクリックすると「Product Details」ページで書籍の詳細を確認できます。

![204_2_1_1.png 85%](https://lab-static.pingcap.com/images/2026/1/22/c265af0fd42bb8e6f50a04e905520e434531101f.png)

+ 「Product Details」ページで、数量（1〜10 の範囲）を選択し、支払い方法（例: 「COD」）を選択して「Buy Now」ボタンをクリックして書籍を購入します。

![204_2_1_3.png 85%](https://lab-static.pingcap.com/images/2026/1/22/8a7502dc957024ff4a3eae7e1f4b437ecc328565.png)

+ 購入成功の確認メッセージが表示されたら、「All Orders」ボタンをクリックしてユーザーの全注文を表示します。

![204_2_1_4.png 85%](https://lab-static.pingcap.com/images/2026/1/22/d2c0f036a3808c699cfaec7430f42bec1265805b.png)

+ すべての注文履歴を表示し、「Back」ボタンをクリックして「Book List」ページに戻ります。

![204_2_1_5.png 85%](https://lab-static.pingcap.com/images/2026/1/22/1f65703798b6b114a315490dd89c4f3606b1460c.png)

+ 「Book List」ページに戻り、購入プロセスを完了します。

![204_2_1_6.png 85%](https://lab-static.pingcap.com/images/2026/1/22/657ff77ded7af83388eac2a87b0e12681ca7274a.png)

+ 「Book List」ページを閉じて、次の手順に進んでください。

### 手順 2. 新しい書籍の作成

+ [Book Creation](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products/create"|urlencode} "Book Creation") をクリックして新規書籍ページを開き、書籍情報の入力と書籍カバーの選択を開始します。

![204_2_2_2.png 85%](https://lab-static.pingcap.com/images/2026/1/23/0eb3c90b3812d6a0725e8b1472ec249776fd02b5.png)

+ 以下の書籍情報を入力し、「UPDATE」ボタンをクリックして新しい書籍を在庫に追加します。
  + `STATUS`: On Sale
  + `CATEGORY`: Comics
  + `NAME`: Wishing Well
  + `BLURB`: Be careful about what you wish for in this dark fantasy anthology where dreams are granted with a brutal twist.
  + `PRICE`: 166.09
  + `QUANTITY`: 77
  + `COVER`（以下の画像をダウンロードしてアップロードしてください。）:

![204_2_2_2.png 85%](https://lab-static.pingcap.com/images/2026/1/8/d7d8411abf94e90f6e722b5bbbcbf6d9fb295c74.png)

+ ウェブサイトのページは以下のようになります:

![204_2_2_3.png 85%](https://lab-static.pingcap.com/images/2026/1/22/6fac3025bdbfa958070663de5a8fce7c1dca8edc.png)

+ 新しい書籍が作成されると、「Book Management」ページにリダイレクトされ、新しく作成された書籍のレコードが表示されます。

![204_2_2_4.png 85%](https://lab-static.pingcap.com/images/2026/1/22/22d08f69edd8afebfc08655931174f327449bdf0.png)

+ 「Book Management」ページを閉じて、次の手順に進んでください。

### 手順 3. 書籍の削除

+ [Book Management](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products/manage"|urlencode} "Book Management") をクリックして「Book Management」ページを開き、削除する書籍在庫を選択して、右端の「Delete」ボタンをクリックします。

![204_2_3_1.png 85%](https://lab-static.pingcap.com/images/2026/1/22/f408e68e321685a39a77083531c5cd7c4a66c053.png)

+ 「Are you sure you want to delete this book?」というプロンプトが表示されます。「Confirm」を選択してください。

![204_2_3_2.png 70%](https://lab-static.pingcap.com/images/2026/1/22/e6b5c8779cb57ca3376af93b3d123fd23663aa84.png)

+ ページは自動的に「Book Management」ページにリダイレクトされ、書籍が在庫から削除されたことが確認できます。

![204_2_3_3.png 85%](https://lab-static.pingcap.com/images/2026/1/22/dc1a245ca5377dac28700c9a251430968853f55c.png)

+ 「Book Management」ページを閉じて、次の手順に進んでください。

### 手順 4. 書籍情報の更新

+ [Book Management](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products/manage"|urlencode} "Book Management") をクリックして「Book Management」ページを開き、更新する書籍レコード（例: 書籍名 _Waterfalls_）を選択して「Edit」ボタンをクリックします。

![204_2_4_1.png 85%](https://lab-static.pingcap.com/images/2026/1/22/890d6d359e7eac0c75c6feba6d3eb956d3b5d844.png)

+ 書籍の価格を 74.95 から 77.77 に変更します。カバーを含む書籍の他の項目も変更できます。

![204_2_4_2.png 85%](https://lab-static.pingcap.com/images/2026/1/22/f57de83ba184e052644e82e55519fa7b489c51f1.png)

+ 変更が完了したら、「UPDATE」ボタンをクリックして確定します。

![204_2_4_3.png 85%](https://lab-static.pingcap.com/images/2026/1/22/5c0bcf65807c69b3bcce760947de0a2a14459f58.png)

+ 「Book Management」ページに戻り、価格が変更されたことを確認します。

![204_2_4_4.png 85%](https://lab-static.pingcap.com/images/2026/1/22/4cec36888422b3cf9984d47a1f1a7de004b2a26e.png)

+ 「Book Management」ページを閉じてください。

### 手順 5. Laravel アプリケーションを停止する

+ VS Code ターミナルで `Ctrl + C` を入力して、現在実行中の Laravel アプリケーションを停止します。

+ 次のモジュールに進んでください。