ファイルリスト、出力記事リスト

10835 ワード
テキストリンク

ファイルリストの表示

  • node/readdir.jsファイル
    • の作成
  • の下のコード
    • を記述する
    var testFolder = "./data";
var fs = require("fs");

fs.readdir(testFolder, function (error, filelist) {
  console.log(filelist);
});
  • $node node/readdir.jsを実行します.

    • 記事リスト出力

    var http = require("http");
var fs = require("fs");
var url = require("url");

var app = http.createServer(function (request, response) {
  var _url = request.url;
  var queryData = url.parse(_url, true).query;
  var pathname = url.parse(_url, true).pathname;

  if (pathname === "/") {
    if (queryData.id === undefined) {
      fs.readdir("./data", function (error, filelist) {
        var title = "Welcome";
        var description = "Hello, Node.js";
        var list = `<ul>`;

        var i = 0;
        while (i < filelist.length) {
          list =
            list + `<li><a href ="/?id=${filelist[i]}">${filelist[i]}</a></li>`;
          i = i + 1;
        }

        list = list + "</ul>";

        var template = `
      <!doctype html>
      <html>
      <head>
        <title>${title}</title>
        <meta charset="utf-8">
      </head>
      <body>
        <h1><a href="/">WEB</a></h1>
        ${list}
        <h2>${title}</h2>
        <p>${description}</p>
      </body>
      </html>
        `;
        response.writeHead(200);
        response.end(template);
      });
    } else {
      fs.readdir("./data", function (error, filelist) {
        var title = "Welcome";
        var description = "Hello, Node.js";
        var list = `<ul>`;

        var i = 0;
        while (i < filelist.length) {
          list =
            list + `<li><a href ="/?id=${filelist[i]}">${filelist[i]}</a></li>`;
          i = i + 1;
        }

        list = list + "</ul>";
        fs.readFile(`data/${queryData.id}`, `utf8`, function (
          err,
          description
        ) {
          var title = queryData.id;
          var template = `
        <!doctype html>
        <html>
        <head>
          <title>${title}</title>
          <meta charset="utf-8">
        </head>
        <body>
          <h1><a href="/">WEB</a></h1>
          ${list}
          <h2>${title}</h2>
          <p>${description}</p>
        </body>
        </html>
          `;
          response.writeHead(200);
          response.end(template);
        });
      });
    }
  } else {
    response.writeHead(404);
    response.end("Not found");
  }
});
app.listen(3000);
    データフォルダに新しいファイルを作成すると、自動的に追加されることがわかります.

    [TIL]20210712
    連休の自習