写一个登录跳转主界面的html代码
时间: 2024-01-26 12:02:50 浏览: 25
好的,以下是一个简单的登录跳转主界面的 HTML 代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>登录示例</title>
</head>
<body>
<h1>欢迎来到主界面</h1>
<form action="/login" method="POST">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<input type="submit" value="登录">
</form>
</body>
</html>
```
当用户填写完用户名和密码,点击登录按钮后,会向服务器发送一个 POST 请求,请求的 URL 为 `/login`。在后台服务器中,需要根据用户名和密码来验证用户身份,如果验证成功,则跳转到主界面。以下是一个简单的 Node.js Express 服务器端代码示例:
```javascript
const express = require('express');
const app = express();
app.post('/login', function(req, res) {
const username = req.body.username;
const password = req.body.password;
// TODO: 验证用户名和密码是否正确
if (验证成功) {
res.redirect('/main');
} else {
res.send('用户名或密码错误!');
}
});
app.get('/main', function(req, res) {
res.sendFile(__dirname + '/main.html');
});
app.listen(3000, function() {
console.log('服务器已启动,监听端口 3000');
});
```
在服务器端,当用户登录成功后,使用 `res.redirect('/main')` 跳转到主界面。在主界面中,使用 `res.sendFile(__dirname + '/main.html')` 将主界面的 HTML 文件发送给客户端。