Node.js Express 路由：动态颜色标题网页

使用 Node.js Express 创建动态颜色标题网页

本示例展示如何使用 Node.js Express 框架创建一个动态网页，标题颜色循环切换（红、黄、绿、蓝）。

实现思路

创建处理路径的 HTTP 请求的快速路由：GET/color.html
通过此路由处理的请求应以包含红色、黄色、绿色或蓝色的 1 级标题的有效网页作为响应。标题文本的颜色应与文本相匹配。
第一次查看该页面时，它应该显示为红色。
在第二次访问时，它应该显示为黄色。
在第三次访问时，它应该显示为绿色。
在第四次访问时，它应该显示为蓝色
在第五次访问时，它应该再次从红色开始。

代码实现

// 定义全局变量来追踪当前颜色
let currentColor = 'red';

// 定义一个路由处理GET/color.html请求
router.get('/color.html', (req, res) => {
  // 根据当前颜色生成HTML响应
  const html = `
    <html>
      <head>
        <title>'${currentColor}' color page</title>
      </head>
      <body>
        <h1 style='color: '${currentColor}'>'${currentColor}' color</h1>
      </body>
    </html>
  `;
  // 发送响应
  res.send(html);

  // 更新当前颜色
  switch (currentColor) {
    case 'red':
      currentColor = 'yellow';
      break;
    case 'yellow':
      currentColor = 'green';
      break;
    case 'green':
      currentColor = 'blue';
      break;
    case 'blue':
      currentColor = 'red';
      break;
  }
});

代码解析

该代码在处理 GET/color.html 请求时会生成一个 HTML 响应，其中包含一个标题和一个 body 标签。
标题使用当前颜色作为文本和颜色，body 标签为空。
在发送响应之后，代码还会根据当前颜色更新全局变量。
在下一次请求时，生成的响应将使用新的颜色。

总结

通过使用全局变量追踪当前颜色并根据当前颜色生成响应，我们成功创建了一个动态网页，标题颜色在每次访问时自动改变。这个例子展示了 Node.js Express 在处理动态网页请求方面的强大功能。