## 模块 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 应用程序。

+ 继续下一个模块。