From 1b8f31b468b58fcf099882d456118a35e2d3fcc9 Mon Sep 17 00:00:00 2001
From: ikenk <93726321+ikenk@users.noreply.github.com>
Date: Fri, 11 Oct 2024 16:17:26 +0800
Subject: [PATCH] zh-cn: update the translation of "BookInstance detail page
 and challenge" (#23953)

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 .../index.md                                  | 75 +++++++++----------
 1 file changed, 37 insertions(+), 38 deletions(-)

diff --git a/files/zh-cn/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.md b/files/zh-cn/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.md
index 1819fb34264377..bf988f0b25b045 100644
--- a/files/zh-cn/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.md
+++ b/files/zh-cn/learn/server-side/express_nodejs/displaying_data/bookinstance_detail_page_and_challenge/index.md
@@ -1,58 +1,57 @@
 ---
-title: 书本实例细节页面、与自我挑战
+title: 书本实例详情页面与自我挑战
 slug: Learn/Server-side/Express_Nodejs/Displaying_data/BookInstance_detail_page_and_challenge
 ---
 
-## 书本实例细节页面
+{{LearnSidebar}}
 
-`BookInstance`细节页面，需要呈现每一个`BookInstance`的信息，用 `_id` 字段值（自动产生）做识别。它包含了 `Book` 名称 (也是一个连结，连到 书本细节页面)，接着是纪录中的其他的信息。
+## 书本实例详情页面
+
+`BookInstance` 详情页面需要展示每一个 `BookInstance` 的信息，使用其（自动生成的）`_id` 字段值进行标识。它包含了 `Book` 名称（作为*书本细节页面*的链接）以及记录中的其他信息。
 
 ### 控制器
 
-打开 **/controllers/bookinstanceController.js**，找到 exported `bookinstance_detail()` 控制器方法，并替换以下代码。
+打开 **/controllers/bookinstanceController.js**，找到导出的 `bookinstance_detail()` 控制器方法，并用以下代码替换。
 
 ```js
-// Display detail page for a specific BookInstance.
-exports.bookinstance_detail = function (req, res, next) {
-  BookInstance.findById(req.params.id)
+// 展示特定 BookInstance 的详情页。
+exports.bookinstance_detail = asyncHandler(async (req, res, next) => {
+  const bookInstance = await BookInstance.findById(req.params.id)
     .populate("book")
-    .exec(function (err, bookinstance) {
-      if (err) {
-        return next(err);
-      }
-      if (bookinstance == null) {
-        // No results.
-        var err = new Error("Book copy not found");
-        err.status = 404;
-        return next(err);
-      }
-      // Successful, so render.
-      res.render("bookinstance_detail", {
-        title: "Book:",
-        bookinstance: bookinstance,
-      });
-    });
-};
+    .exec();
+
+  if (bookInstance === null) {
+    // 没有结果。
+    const err = new Error("Book copy not found");
+    err.status = 404;
+    return next(err);
+  }
+
+  res.render("bookinstance_detail", {
+    title: "Book:",
+    bookinstance: bookInstance,
+  });
+});
 ```
 
-该方法使用从 URL（使用路由）中提取的特定书本实例的 ID，调用`BookInstance.findById()`，并通过请求参数（`req.params.id`），在控制器中访问。然后调用`populate()`来获取相关`Book`的详细信息。
+该实现与其他模型详细信息页面所使用的非常相似。路由控制器函数使用从 URL（使用路由）中提取的特定的书籍实例的 ID 来调用 `BookInstance.findById()`，并通过请求参数 `req.params.id` 在控制器中访问。然后调用 `populate()` 来获取与 `Book` 相关的详细信息。如果没有找到匹配的 `BookInstance`，则将错误传递给 Express 的中间件。否则就将返回的数据传递给 **bookinstance_detail.pug** 视图呈现。
 
 ### 视图
 
-创建 **/views/bookinstance_detail.pug**，并复制到下面的内容中。
+创建 **/views/bookinstance_detail.pug** 并复制以下内容。
 
-```js
+```pug
 extends layout
 
 block content
 
   h1 ID: #{bookinstance._id}
 
-  p #[strong Title:]
+  p #[strong Title: ]
     a(href=bookinstance.book.url) #{bookinstance.book.title}
   p #[strong Imprint:] #{bookinstance.imprint}
 
-  p #[strong Status:]
+  p #[strong Status: ]
     if bookinstance.status=='Available'
       span.text-success #{bookinstance.status}
     else if bookinstance.status=='Maintenance'
@@ -64,26 +63,26 @@ block content
     p #[strong Due back:] #{bookinstance.due_back}
 ```
 
-本模组中的所有东西，都在先前的章节演示过了。
+该模版中的所有内容均已在前面的部分中进行了演示。
 
 ### 它看起來像是？
 
-运行本应用，并打开浏览器访问 <http://localhost:3000/>。选择 All book-instances 连结，然后选择其中一本。如果每个东西都设定正确了，你的网站看起来应该像是底下的截图。
+运行本应用，并打开浏览器访问 `http://localhost:3000/`。选择 _All book-instances_ 链接，然后选择其中一本书。如果一切设定正确，你的网站应类似于下方的屏幕截图。
 
-![BookInstance Detail Page - Express Local Library site](locallibary_express_bookinstance_detail.png)
+![书本实例详情页——Express 本地图书馆网站](locallibary_express_bookinstance_detail.png)
 
 ## 自我挑战
 
-目前，我们网站上显示的大多数日期，都使用默认的 JavaScript 格式（例如 _Tue Dec 06 2016 15:49:58 GMT+1100_（AUS 东部夏令时间）。本文的挑战，是改善作者`Author`生命周期日期显示的外观信息（死亡/出生日期）和 BookInstance 详细信息页面，使用格式：December 6th, 2016。
+目前，我们网站上显示的大多数日期都使用默认的 JavaScript 格式（例如 _Tue Oct 06 2020 15:49:58 GMT+1100 (AUS Eastern Daylight Time)_）。本文的挑战是改善作者 `Author` 的寿命信息（死亡/出生日期）和*书本实例详细信息*页面的日期显示外观，以使用以下格式：Oct 6th, 2016。
 
 > [!NOTE]
-> 你可以使用与我们用于 Book Instance List 的相同方法（将生命周期的虚拟属性，添加到`Author`模型，并使用[moment](https://www.npmjs.com/package/moment)来设置日期字符串的格式）。
+> 你可以使用与*书本实例列表*相同的方法（将生命周期的虚拟属性添加到 `Author` 模型并使用 [luxon](https://www.npmjs.com/package/luxon) 来设置日期字符串的格式）。
 
-这一挑战的要求：
+要完成这一挑战，你必须：
 
-1. 用 BookInstance 详细信息页面中的 `due_back_formatted` 替换 `due_back`。
-2. 更新作者模块以添加寿命虚拟属性。寿命应該有两个值： *date_of_birth - date_of_death，這*两个值的格式与 `BookInstance.due_back_formatted`的日期格式相同。
-3. 在当前使用`date_of_birth` 和 `date_of_death`的所有视图中，使用 `Author.lifespan` 。
+1. 在*书本实例详情*页面中将变量 `due_back` 替换为 `due_back_formatted`。
+2. 更新作者 `Author` 模型以添加寿命虚拟属性。寿命应类似于：_date_of_birth - date_of_death_，这两个值的格式与 `BookInstance.due_back_formatted` 的日期格式相同。
+3. 在当前显示使用 `date_of_birth` 和 `date_of_death` 的所有视图中使用 `Author.lifespan`。
 
 ## 下一步