database + format

aster-void · aster-void · commit 03c02fc66343 · 2023-11-11T13:02:27.000+09:00
diff --git a/docs/3-web-servers/06-get-post/_samples/forum/main.mjs b/docs/3-web-servers/06-get-post/_samples/forum/main.mjs
@@ -9,7 +9,10 @@ app.use(express.urlencoded({ extended: true }));
 
 app.get("/", (request, response) => {
   const template = fs.readFileSync("index.html");
-  const html = template.replace("{messages}", messages.map((msg) => `<li>${msg}</li>`).join(""));
+  const html = template.replace(
+    "{messages}",
+    messages.map((msg) => `<li>${msg}</li>`).join(""),
+  );
   response.send(html);
 });
 
diff --git a/docs/3-web-servers/07-database/_samples/forum/index.html b/docs/3-web-servers/07-database/_samples/forum/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="ja">
+  <head>
+    <meta charset="utf-8" />
+    <title>Title</title>
+  </head>
+  <body>
+    <ul>
+      {messages}
+    </ul>
+    <form method="post" action="/send">
+      <input placeholder="ここに入力してください。" name="message" />
+      <button>送信</button>
+    </form>
+  </body>
+</html>
diff --git a/docs/3-web-servers/07-database/_samples/forum/main.mjs b/docs/3-web-servers/07-database/_samples/forum/main.mjs
@@ -1,5 +1,6 @@
 import express from "express";
 import { PrismaClient } from "@prisma/client";
+import fs from "node:fs";
 
 const app = express();
 
@@ -11,24 +12,12 @@ app.get("/", async (request, response) => {
   const messages = await (
     await client.forum.findMany()
   ).map((data) => data.message);
-  response.send(`
-    <!doctype html>
-    <html lang="ja">
-      <head>
-        <meta charset="utf-8" />
-        <title>Title</title>
-      </head>
-      <body>
-        <ul>
-          ${messages.map((message) => `<li>${message}</li>`).join("")}
-        </ul>
-        <form method="post" action="/send">
-          <input placeholder="ここに入力してください。" name="message" />
-          <button>送信</button>
-        </form>
-      </body>
-    </html>
-  `);
+  const index = fs.readFileSync("index.html");
+  const html = index.replace(
+    "{messages}",
+    messages.map((msg) => `<li>${msg}</li>`).join(""),
+  );
+  response.send(html);
 });
 
 app.post("/send", async (request, response) => {
