node.js学习笔记 15cookie

const express = require("express");
const app = express();
const path = require("node:path");
const cookieParser = require("cookie-parser");

app.set("view engine", "ejs");
app.set("views", path.resolve(__dirname, "views"));
app.use(express.static(path.resolve(__dirname, "public")));
app.use(express.urlencoded({ extended: true }));
app.use(cookieParser());

// 使路由生效
// 给路径加前缀防止路由路径重复
app.use("/students", require("./routes/student"));

app.get("/", (req, res) => {
  res.render("login");
});

app.get("/get-cookie", (req, res) => {
  // 给客户端发一个cookie
  /* 
    需要安装中间件来使得express可以解析cookie
      1.安装cookie-parser
        npm i cookie-parser
      2.引入
        const cookieParser = require("cookieParser")
      3.设置为中间件
        app.use(cookieParser())
  */
  res.cookie("username", "admin");
  res.send("cookie已经发送");
});

app.get("/hello", (req, res) => {
  // req.cookies 用来读取客户端发回的cookie
  res.send("hello路由");
});

app.post("/login", (req, res) => {
  /* 
    HTTP协议是一个无状态的协议,服务器无法区分请求是否发送自同一个客户端
    cookie
      - cookie是HTTP协议中用来解决无状态问题的技术
      - cookie的本质就是一个头
        - 服务器以响应头的形式将cookie发送给客户端
          客户端收到以后会将其存储,并在下次向服务器发送请求时将其传回,这样服务器就可以根据cookie来识别出客户端了
  */
  // 获取用户的用户名与密码
  const { username, password } = req.body;
  if (username === "admin" && password === "123123") {
    // 登录成功
    // 将用户名放入cookie
    res.cookie("username", username);
    res.redirect("/students/list");
  } else {
    res.send("用户名或密码错误");
  }
});

// 404
app.use((req, res) => {
  res.status(404).send("<h1>您访问的页面已被外星人截走了</h1>");
});
/* 
// Router是express中创建的一个对象
const router = express.Router();

// router实际上是一个中间件,可以在该中间件上去绑定各种路由以及其他中间件
router.get("/hello", (req, res) => {
  res.send("Hello Router");
});

app.use(router); 
*/

app.listen(3000, () => {
  console.log("服务器已启动");
});

router中students.js代码

const express = require("express");
const router = express.Router();
let STUDENT_ARR = require("../data/students.json");
const fs = require("fs/promises");
const path = require("node:path");

// 学生列表的路由
router.get("/list", (req, res) => {
  if (req.cookies.username) {
    res.render("students", { stus: STUDENT_ARR });
  } else {
    res.redirect("/");
  }
});

// 添加学生的路由
router.post("/add", (req, res, next) => {
  // 生成id
  const id = STUDENT_ARR.at(-1) ? STUDENT_ARR.at(-1).id + 1 : 1;
  // 1.获取用户填写的信息
  const newUser = {
    id,
    name: req.body.name,
    age: +req.body.age,
    gender: req.body.gender,
    address: req.body.address,
  };
  // 2.验证用户信息(略)
  // 3.将用户信息添加到数组中
  STUDENT_ARR.push(newUser);
  // 4.返回响应
  // 调用next交由后续路由继续处理
  next();
});

// 删除学生的路由
router.get("/delete", (req, res, next) => {
  // 获取要删除的学生id
  const id = +req.query.id;
  // 根据id删除学生
  STUDENT_ARR = STUDENT_ARR.filter(stu => stu.id !== id);
  // 将新的数组写入到文件中
  next();
});

// 修改学生的路由
router.post("/update-student", (req, res, next) => {
  // 获取学生id
  // const id = +req.query.id;// 通过查询字符串获取id
  const { id, name, age, gender, address } = req.body;
  // 修改学生信息
  // 根据学生id来获取学生对象
  const student = STUDENT_ARR.find(item => item.id === +id);
  student.name = name;
  student.age = +age;
  student.gender = gender;
  student.address = address;
  // 将新的数组写入到文件中
  next();
});

router.get("/to-update", (req, res) => {
  const id = +req.query.id;
  // 获取要修改的学生的信息
  const student = STUDENT_ARR.find(item => item.id === id);
  res.render("update", { student });
});

// 将新的数据写入到json文件中
// 处理存储文件的中间件
router.use((req, res) => {
  fs.writeFile(path.resolve(__dirname, "../data/students.json"), JSON.stringify(STUDENT_ARR))
    .then(() => {
      // res.redirect() 用来发起请求的重定向
      // 重定向的作用是告诉浏览器你向另外一个地址再发起一次请求
      res.redirect("/students/list");
    })
    .catch(() => {
      // 处理异常
      res.send("操作失败!");
      console.log("出错了---");
    });
});
module.exports = router;

补充 

const express = require("express");
const app = express();
const path = require("node:path");
const cookieParser = require("cookie-parser");

app.set("view engine", "ejs");
app.set("views", path.resolve(__dirname, "views"));
app.use(express.static(path.resolve(__dirname, "public")));
app.use(express.urlencoded({ extended: true }));
app.use(cookieParser());

app.get("/set", (req, res) => {
  /* 
    cookie是有有效期的
      - 默认情况下cookie的有效期就是一次会话(session)
        会话就是一次从打开到关闭浏览器的过程
      - maxAge 用来设置cookie有效时间,单位是毫秒
  */
  res.cookie("name", "孙悟空", {
    // expires不灵活不好
    // expires: new Date(2022,10,19)
    // new Date()表示阅后即焚
    maxAge: 1000 * 60 * 60 * 24 * 30,
  });
  res.send("设置cookie");
});

app.get("/get", (req, res) => {
  const name = req.cookies.name;
  console.log(name);
  res.send("cookie已收到");
});

app.get("/delete-cookie", (req, res) => {
  // cookie一旦发送给浏览器我们就不能修改了
  // 但是我们可以通过发送新的同名cookie来替换旧的cookie,从而达到修改的目的
  res.cookie("name", "", {
    maxAge: 0,
  });
  res.send("删除cookie");
});

// 404
app.use((req, res) => {
  res.status(404).send("<h1>您访问的页面已被外星人截走了</h1>");
});
/* 
// Router是express中创建的一个对象
const router = express.Router();

// router实际上是一个中间件,可以在该中间件上去绑定各种路由以及其他中间件
router.get("/hello", (req, res) => {
  res.send("Hello Router");
});

app.use(router); 
*/

app.listen(3000, () => {
  console.log("服务器已启动");
});