如何显示成功登录弹出消息时，成功登录可以转到一个重定向的网址？

要实现成功登录后弹出消息并重定向到另一个网址，可以通过以下步骤来完成：

前端开发：在前端页面中添加一个登录表单，包括用户名和密码的输入框，以及一个登录按钮。使用HTML和CSS来设计和布局登录页面。
后端开发：使用后端编程语言（如Java、Python、Node.js等）来处理用户提交的登录请求。在后端代码中，验证用户输入的用户名和密码是否正确。如果验证成功，生成一个登录成功的消息。
弹出消息：在登录成功的处理逻辑中，将登录成功的消息返回给前端页面。可以使用弹窗组件或者消息提示组件来显示登录成功的消息。具体的实现方式取决于你使用的前端框架或库。
重定向网址：在登录成功的处理逻辑中，将重定向的网址作为响应的一部分返回给前端页面。前端页面接收到响应后，通过JavaScript代码将页面重定向到指定的网址。可以使用window.location.href来实现页面的重定向。

下面是一个示例代码（使用Node.js和Express框架）：

前端页面（index.html）：

<!DOCTYPE html>
<html>
<head>
  <title>Login Page</title>
</head>
<body>
  <h1>Login</h1>
  <form action="/login" method="POST">
    <input type="text" name="username" placeholder="Username" required><br>
    <input type="password" name="password" placeholder="Password" required><br>
    <button type="submit">Login</button>
  </form>
  <script src="script.js"></script>
</body>
</html>

前端页面的JavaScript代码（script.js）：

// 监听表单提交事件
document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault(); // 阻止表单默认提交行为

  // 获取用户名和密码
  var username = document.querySelector('input[name="username"]').value;
  var password = document.querySelector('input[name="password"]').value;

  // 发送登录请求
  fetch('/login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({ username: username, password: password })
  })
  .then(function(response) {
    if (response.ok) {
      return response.json();
    } else {
      throw new Error('Login failed');
    }
  })
  .then(function(data) {
    alert(data.message); // 弹出登录成功的消息
    window.location.href = data.redirectUrl; // 重定向到指定网址
  })
  .catch(function(error) {
    console.error(error);
    alert('Login failed');
  });
});

后端代码（app.js）：

const express = require('express');
const app = express();

// 处理POST请求的中间件
app.use(express.json());

// 处理登录请求
app.post('/login', function(req, res) {
  const username = req.body.username;
  const password = req.body.password;

  // 验证用户名和密码
  if (username === 'admin' && password === 'password') {
    const message = 'Login successful';
    const redirectUrl = 'https://example.com'; // 重定向的网址

    res.json({ message: message, redirectUrl: redirectUrl });
  } else {
    res.status(401).json({ message: 'Login failed' });
  }
});

// 启动服务器
app.listen(3000, function() {
  console.log('Server is running on port 3000');
});

这个示例代码使用了Express框架来处理HTTP请求和路由，使用了Fetch API来发送异步请求。当用户在前端页面输入用户名和密码并点击登录按钮时，会发送一个POST请求到后端的/login路径。后端代码会验证用户名和密码，如果验证成功，则返回一个包含登录成功消息和重定向网址的JSON响应。前端页面接收到响应后，弹出登录成功的消息，并通过window.location.href将页面重定向到指定的网址。

请注意，这只是一个简单的示例，实际的实现可能会根据具体的需求和技术栈有所不同。