## 模块 2: 了解 Laravel 应用程序基本功能

在本模块中，我们将逐步介绍基于 Laravel 和 MySQL 构建的简单书店网站的基本功能。

### 步骤 1. 了解图书购买流程

+ 点击[图书列表](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products"|urlencode} "图书列表")页面进入“Book List”页面，选择一本书，然后点击“View”按钮查看图书详情。

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

+ 在“产品详情”页面，选择要购买的数量（限制为 1 到 10），同时请选择付款方式，例如 “COD”，然后点击“购买”按钮购买本书。

![204_2_1_3.png 85%](https://lab-static.pingcap.com/images/2026/1/23/62db7d3c14014adac67037f9f89d03ff9adcd655.png)

+ 收到购买成功证明后，点击“全部订单”按钮查看该用户的所有订单。

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

+ 查看所有历史订单，然后点击“返回”按钮返回“图书列表”页面。

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

+ 返回“图书列表”页面完成购物流程。

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

+ 请关闭“图书列表”页面并进入下一个步骤。

### 步骤 2. 新书创建

+ 登录到[图书创建](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products/create"|urlencode} "图书创建")页面进入新书页面，开始填写图书信息并选择图书封面。

![204_2_2_1.png 85%](https://lab-static.pingcap.com/images/2026/1/23/2fa46f467d845297a284e767eb22dbc49bef14c1.png)

+ 填写下方提供的图书信息，然后点击“更新”按钮，将新书添加到库存中。
  + `状态`: On Sale
  + `分类`: Comics
  + `书名`: Wishing Well
  + `简介`: Be careful about what you wish for in this dark fantasy anthology where dreams are granted with a brutal twist.
  + `单价`: 166.09
  + `数量`: 77
  + `封面`(可以下载下面的图片，然后上传使用。):

![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/23/3dc0fd7a6f12abca33d5db5afdc3d85d6500eedd.png)

+ 创建新书后，将被重定向到“图书管理”页面，在那里可以看到新创建的图书记录。

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

+ 请关闭“图书管理”页面并进入下一步。

### 步骤 3. 删除图书

+ 登录到[图书管理](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products/manage"|urlencode} "图书管理")页面进入“图书管理”页面，选择要删除的图书库存，然后单击最右侧的“删除”按钮。

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

+ 系统会提示“Are you sure you want to delete this book?”，请选择“Confirm”。

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

+ 该页面自动重定向到“图书管理”页面，发现该图书已从库存中移除。

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

+ 请关闭“图书管理”页面并进入下一步。

### 步骤 4. 修改书籍信息

+ 登录到[图书管理](${LAB:HTTPS_REVERSE_PROXY_URL}?next=${LAB:"/vscode/proxy/8000/products/manage"|urlencode} "图书管理")页面进入“图书管理”页面，选择要更新的图书记录，例如图书名称为_Waterfalls_，然后单击“修改”按钮。

![204_2_4_1.png 85%](https://lab-static.pingcap.com/images/2026/1/23/427128272d335670f4fdba7b88e3491f14762535.png)

+ 打开“图书更新”页面，将图书价格从 74.95 修改为 77.77。您还可以更改图书的其他项目，包括封面。

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

修改完成后，点击“更新”按钮进行确认。

![204_2_4_3.png 85%](https://lab-static.pingcap.com/images/2026/1/23/324375e17da52aabe8fcf14bbe352898a561b667.png)

+ 返回“图书管理”页面，确认价格已修改。

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

+ 请关闭“图书管理”页面。

### 步骤 5. 关闭 Larvel 应用

+ 在 VS Code 的终端中输入 `Ctrl + C` 停止当前 Laravel 应用的运行。

+ 本模块到此结束。