書籍検索システム

aster-void · aster-void · commit 967ee9958041 · 2023-11-11T12:48:57.000+09:00
diff --git a/docs/3-web-servers/05-form/_samples/book-search-system/main.mjs b/docs/3-web-servers/05-form/_samples/book-search-system/main.mjs
@@ -16,22 +16,12 @@ app.get("/send", (request, response) => {
   const selectedBooks = books.filter(
     (book) => book.author === request.query.author,
   );
-  response.send(`
-    <!doctype html>
-    <html lang="ja">
-      <head>
-        <meta charset="UTF-8" />
-        <title>Document</title>
-      </head>
-      <body>
-        <ul>
-          ${selectedBooks
-            .map((selectedBook) => `<li>${selectedBook.title}</li>`)
-            .join("")}
-        </ul>
-      </body>
-    </html>
-  `);
+  const html_template = fs.readFileSync("./send.html");
+  const html = html_template.replace(
+    "{books}",
+    selectedBooks.map((book) => `<li>${book.title}</li>`).join(""),
+  );
+  response.send(html);
 });
 
 app.listen(3000);
diff --git a/docs/3-web-servers/05-form/_samples/book-search-system/send.html b/docs/3-web-servers/05-form/_samples/book-search-system/send.html
@@ -0,0 +1,12 @@
+<!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Document</title>
+  </head>
+  <body>
+    <ul>
+      {books}
+    </ul>
+  </body>
+</html>
