如何创建登录功能并在成功后重定向到另一个页面？

要创建登录功能并在成功后重定向到另一个页面，可以使用以下步骤和示例代码：

1. 创建一个登录页面（login.html），其中包含一个表单来接收用户名和密码输入。这个表单应该将数据提交到一个处理登录请求的后端路由。

<!-- login.html -->
<form action="/login" method="POST">
  <input type="text" name="username" placeholder="用户名" required>
  <input type="password" name="password" placeholder="密码" required>
  <button type="submit">登录</button>
</form>

2. 在后端创建一个处理登录请求的路由（例如，使用Node.js的Express框架）。

// app.js
const express = require('express');
const app = express();

app.use(express.urlencoded({ extended: false }));

app.post('/login', (req, res) => {
  const { username, password } = req.body;

  // 在这里验证用户名和密码，可以使用数据库查询或其他方法
  if (username === 'admin' && password === 'password') {
    // 登录成功，重定向到另一个页面
    res.redirect('/dashboard');
  } else {
    // 登录失败，返回错误信息或重定向到登录页面
    res.redirect('/login?error=1');
  }
});

// 其他路由和中间件...

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

3. 创建一个重定向的目标页面（例如，dashboard.html）。

<!-- dashboard.html -->
<h1>用户仪表板</h1>
<p>欢迎访问您的仪表板！</p>

在上述示例中，登录页面的表单会将用户名和密码提交到/login路由。在后端的路由处理函数中，我们可以进行用户名和密码的验证。如果验证成功，可以使用res.redirect('/dashboard')重定向到仪表板页面。否则，可以使用res.redirect('/login?error=1')重定向回登录页面并带上错误信息。

请注意，示例中使用的是Node.js的Express框架，不同的后端技术栈可能有不同的实现方式，但基本的原理是相同的：验证用户凭据，然后根据验证结果重定向到相应的页面。