设计一个用户登录页面，用户可以输入用户名和密码，让用户选择“是否保存登录状态”，如果账号和密码相符，则登录成功，进入欢迎页面，否则不跳转并显示“登录错误”的信息。在登录时，如果保存了登录状态，下次登录时若访问登录页面则进入欢迎页面，如果用户没有经过登录就访问欢迎页面，则跳转到登录页面。要求自行设计一个数据库表保存用户的相关信息。
时间: 2023-11-24 11:06:32 浏览: 52
好的，这是一个比较复杂的问题，我会尽可能详细地回答你。首先，我们需要设计一个数据库表来保存用户信息，可以包含以下字段：
1. id：用户ID；
2. username：用户名；
3. password：密码；
4. is_logged_in：是否已经登录；
5. last_login_time：最后登录时间。
下面是一个示例的用户表的 SQL 代码：
```
CREATE TABLE users (
id INT(11) NOT NULL AUTO_INCREMENT,
username VARCHAR(50) NOT NULL,
password VARCHAR(255) NOT NULL,
is_logged_in TINYINT(1) NOT NULL DEFAULT 0,
last_login_time DATETIME,
PRIMARY KEY (id),
UNIQUE KEY (username)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
```
接下来，我们需要设计一个登录页面，可以包含以下元素：
1. 用户名和密码的输入框；
2. 保存登录状态的复选框；
3. 登录按钮；
4. 登录错误提示信息。
对于保存登录状态的复选框，我们可以使用 cookie 或者 session 来实现。如果用户选中了保存登录状态，我们可以将登录状态和用户ID存储在 cookie 或 session 中，以便下次访问时自动登录。
登录页面的 HTML 代码可以如下所示：
```
<form action="login.php" method="post">
<label for="username">用户名：</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码：</label>
<input type="password" id="password" name="password"><br>
<label for="remember">记住我：</label>
<input type="checkbox" id="remember" name="remember"><br>
<input type="submit" value="登录">
</form>
<div id="error-message"></div>
```
在提交表单时，我们需要将用户名、密码和是否保存登录状态的信息发送到后端进行验证。后端代码可以使用 PHP 来实现，示例代码如下：
```php
<?php
session_start();
$db_host = 'localhost';
$db_user = 'root';
$db_pass = 'password';
$db_name = 'database';
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {
die('连接数据库失败: ' . mysqli_connect_error());
}
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$username = mysqli_real_escape_string($conn, $_POST['username']);
$password = mysqli_real_escape_string($conn, $_POST['password']);
$remember = isset($_POST['remember']);
$sql = "SELECT id, password FROM users WHERE username = '$username'";
$result = mysqli_query($conn, $sql);
if (mysqli_num_rows($result) == 1) {
$row = mysqli_fetch_assoc($result);
if (password_verify($password, $row['password'])) {
$_SESSION['user_id'] = $row['id'];
if ($remember) {
setcookie('user_id', $row['id'], time() + 3600 * 24 * 7);
}
$sql = "UPDATE users SET is_logged_in = 1, last_login_time = NOW() WHERE id = " . $row['id'];
mysqli_query($conn, $sql);
header('Location: welcome.php');
exit;
}
}
$error_message = '用户名或密码错误';
}
?>
```
在后端代码中，我们首先连接到数据库，然后获取表单中的用户名、密码和是否保存登录状态的信息。接着，我们查询数据库，判断用户名和密码是否匹配。如果匹配，我们将用户ID存储在 session 或 cookie 中，并将用户的“已登录”状态更新到数据库中。最后，我们跳转到欢迎页面。
如果用户名和密码不匹配，我们将错误提示信息存储在变量 $error_message 中，在 HTML 页面中显示错误信息。HTML 页面可以使用 JavaScript 来实现，示例代码如下：
```javascript
const form = document.querySelector('form');
const errorMessage = document.querySelector('#error-message');
form.addEventListener('submit', async (event) => {
event.preventDefault();
const formData = new FormData(form);
const response = await fetch('/login.php', {
method: 'POST',
body: formData
});
if (response.ok) {
window.location.href = '/welcome.php';
} else {
const message = await response.text();
errorMessage.textContent = message;
}
});
```
在 JavaScript 代码中，我们监听表单的提交事件，阻止默认的表单提交行为。然后，我们使用 fetch API 发送表单数据到后端进行验证。如果验证成功，我们跳转到欢迎页面。如果验证失败，我们将错误信息显示在页面上。
在欢迎页面中，我们需要检查用户是否已经登录。如果已经登录，我们可以显示欢迎信息，否则跳转到登录页面。以下是欢迎页面的 PHP 代码示例：
```php
<?php
session_start();
$db_host = 'localhost';
$db_user = 'root';
$db_pass = 'password';
$db_name = 'database';
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {
die('连接数据库失败: ' . mysqli_connect_error());
}
if (isset($_SESSION['user_id'])) {
$user_id = $_SESSION['user_id'];
} elseif (isset($_COOKIE['user_id'])) {
$user_id = $_COOKIE['user_id'];
$_SESSION['user_id'] = $user_id;
} else {
header('Location: login.php');
exit;
}
$sql = "SELECT username, last_login_time FROM users WHERE id = $user_id";
$result = mysqli_query($conn, $sql);
$row = mysqli_fetch_assoc($result);
$username = $row['username'];
$last_login_time = $row['last_login_time'];
?>
<html>
<head>
<title>欢迎</title>
</head>
<body>
<h1>欢迎，<?php echo $username; ?></h1>
<p>您上次登录的时间是 <?php echo $last_login_time; ?></p>
</body>
</html>
```
在欢迎页面中，我们首先连接到数据库，然后检查用户的登录状态。如果用户已经登录，我们从 session 或 cookie 中获取用户ID。如果用户没有登录，则跳转到登录页面。
接下来，我们查询数据库，获取用户的用户名和最后登录时间，并将其显示在页面上。
最后，我们需要在后端代码中处理注销功能。当用户点击“注销”按钮时，我们需要将 session 和 cookie 中的用户ID删除，并将用户的“已登录”状态更新到数据库中。以下是注销功能的 PHP 代码示例：
```php
<?php
session_start();
$db_host = 'localhost';
$db_user = 'root';
$db_pass = 'password';
$db_name = 'database';
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {
die('连接数据库失败: ' . mysqli_connect_error());
}
if (isset($_SESSION['user_id'])) {
$user_id = $_SESSION['user_id'];
} elseif (isset($_COOKIE['user_id'])) {
$user_id = $_COOKIE['user_id'];
$_SESSION['user_id'] = $user_id;
} else {
header('Location: login.php');
exit;
}
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$sql = "UPDATE users SET is_logged_in = 0 WHERE id = $user_id";
mysqli_query($conn, $sql);
unset($_SESSION['user_id']);
setcookie('user_id', '', time() - 3600);
header('Location: login.php');
exit;
}
?>
```
在注销功能的代码中，我们首先获取用户ID。然后，当用户提交注销表单时，我们将用户的“已登录”状态更新到数据库中，并删除 session 和 cookie 中的用户ID。最后，我们跳转到登录页面。
这就是一个简单的用户登录系统的实现。当然，这只是一个示例，实际应用中可能需要考虑更多的安全性、性能和用户体验问题。
相关推荐
最新推荐
登录时记住用户名和密码及cookie案例应用
本文将实现登录时记住用户的帐号密码,接下来我们来模拟一个登录介面，要把这个登录的信息记录至Cookie，还要把Cookie的过期时间设置7天之后过期，感兴趣的朋友可以参考下，希望本文对你的cookie学习有所帮助
android实现记住用户名和密码以及自动登录
主要为大家详细介绍了android实现记住用户名和密码以及自动登录，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JavaWeb使用Cookie模拟实现自动登录功能(不需用户名和密码)
不需要填写用户名和密码自动登录系统，其实现思路使用cookie模拟浏览器自动登录，对cookie实现自动登录功能感兴趣的朋友一起学习吧
Shell脚本实现自动输入密码登录服务器
主要介绍了Shell脚本实现自动输入密码登录服务器,本文使用expect来实现这个需求,讲解了expect的安装及使用脚本,需要的朋友可以参考下
PHP登录验证功能示例【用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等】
主要介绍了PHP登录验证功能,结合实例形式分析了php登陆验证相关的用户名、密码、验证码、数据库、已登陆验证、自动登录和注销登录等相关操作技巧,需要的朋友可以参考下
zigbee-cluster-library-specification
最新的zigbee-cluster-library-specification说明文档。
管理建模和仿真的文件
管理Boualem Benatallah引用此版本：布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学，1996年。法语。NNT：电话：00345357HAL ID：电话：00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆，用于存放和传播科学研究论文，无论它们是否被公开。论文可以来自法国或国外的教学和研究机构，也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire
实现实时数据湖架构：Kafka与Hive集成
# 1. 实时数据湖架构概述**
实时数据湖是一种现代数据管理架构，它允许企业以低延迟的方式收集、存储和处理大量数据。与传统数据仓库不同，实时数据湖不依赖于预先定义的模式，而是采用灵活的架构，可以处理各种数据类型和格式。这种架构为企业提供了以下优势：
- **实时洞察：**实时数据湖允许企业访问最新的数据，从而做出更明智的决策。
- **数据民主化：**实时数据湖使各种利益相关者都可
用 Python 画一个可以动的爱心
好的，我可以帮助您使用Python来绘制一个动态的爱心。您可以使用turtle库来实现。以下是实现代码：
```python
import turtle
import math
# 设置画布和画笔
canvas = turtle.Screen()
canvas.bgcolor("black")
pencil = turtle.Turtle()
pencil.speed(0)
pencil.color("red", "pink")
pencil.pensize(3)
# 定义爱心函数
def draw_love(heart_size, x_offset=0, y_offset=0):
JSBSim Reference Manual
JSBSim参考手册，其中包含JSBSim简介，JSBSim配置文件xml的编写语法，编程手册以及一些应用实例等。其中有部分内容还没有写完，估计有生之年很难看到完整版了，但是内容还是很有参考价值的。