数据库插入之登录数据提交代码分享 (登录提交数据到数据库代码)
在现代互联网应用中，登录功能是必不可少的一个部分。而用户登录数据的提交则需要将数据存储到数据库中，以供后续的验证及进一步的数据操作。因此，在开发过程中，如何实现数据提交至数据库的功能显得尤为关键。
本文将结合实例，分享一个简单而实用的登录数据提交功能的代码实现及相关核心思路。
一、概述
本文实现的登录数据提交功能，其主要目的是将用户输入的账号和密码信息提交到我们提前定义好的数据库中。下文主要包含以下几个部分内容：
1. 数据库的搭建
2. 表单的创建
3. 提交功能代码
二、数据库的搭建
由于我们需要提交数据到数据库中，故需要先搭建好数据库。
此处我们以 MySQL 数据库为例，具体操作如下：
1. 安装 MySQL 数据库并成功启动。
2. 登录 mysql，创建一个新的数据库，指定其字符集为 UTF-8。
CREATE DATABASE `login_system` /*!40100 DEFAULT CHARACTER SET utf8 */;
3. 为刚刚创建的数据库新建一个用户，并为该用户赋予权限。
CREATE USER ‘login_system_admin’@’localhost’ IDENTIFIED BY ‘123456789!’;
GRANT ALL PRIVILEGES ON `login_system`.* TO ‘login_system_admin’@’localhost’;
至此，数据库的搭建工作已经完成。
三、表单的创建
接下来需要创建一个表单来收集用户输入的账号和密码信息。在本次实例中，我们将主要使用 HTML、CSS、JavaScript 完成表单的创建。
在 index.html 文件中，我们定义如下一个表单：
“`html
“`
上面的代码中，我们创建了一个由账号输入字段、密码输入字段和登录按钮组成的表单，并设置了表单的提交路径为 submit.php。
接着，我们定义一个样式文件 style.css，用于美化表单：
“`css
body {
background-color: #3c3c40;
color: #ccc;
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
text-align: center;
}
form {
background-color: #28282c;
border-radius: 0.25rem;
box-sizing: border-box;
display: inline-block;
margin-top: 10rem;
padding: 2rem;
text-align: left;
}
.input-wrapper {
margin-top: 1rem;
}
label {
display: inline-block;
margin-right: 1rem;
width: 4rem;
}
input[type=text], input[type=password] {
background-color: #ccc;
border: none;
border-radius: 5px;
color: #333;
font-size: 1.5rem;
padding: 0.5rem 1rem;
width: 18rem;
}
input:focus {
outline: none;
}
.submit-wrapper {
margin-top: 2rem;
text-align: center;
}
button[type=submit] {
background-color: #3385ff;
border: none;
border-radius: 8px;
color: #fff;
cursor: pointer;
font-size: 1.5rem;
margin-top: 2rem;
padding: 0.75rem 3rem;
transition: background-color 0.3s ease;
}
button[type=submit]:hover {
background-color: #1a5e9c;
}
“`
通过上面的代码，我们为表单创建了一些基本的样式，使得页面看起来更加美观、舒适。
四、提交功能代码
在实现登录数据提交功能之前，我们需要先了解一些相关的基础知识及技术，如：
1. 核心模块 mysql，用于连接 mysql 数据库；
2. 数据库连接及用户验证相关配置；
3. SQL 语句编写，用于实现数据插入操作。
下面我们来逐步实现该功能。
1. 安装 mysql
在命令行终端中，输入以下命令即可安装 mysql：
npm install mysql –save
2. 连接 mysql 数据库
在 submit.php 文件中，首先需要连接 mysql 数据库。
“`php
// 数据库连接相关配置
$mysqlConfig = [
‘host’ => ‘localhost’,
‘user’ => ‘login_system_admin’,
‘password’ => ‘123456789!’,
‘database’ => ‘login_system’
];
//创建连接对象并连接到服务器
$conn = new mysqli($mysqlConfig[‘host’], $mysqlConfig[‘user’], $mysqlConfig[‘password’], $mysqlConfig[‘database’]);
// 判断是否连接成功
if ($conn->connect_error) {
die(“连接失败: ” . $conn->connect_error);
}
echo “连接成功”;
?>
“`
上面代码中，我们使用 mysqli 类创建一个连接对象并连接到 mysql 服务器，如果连接失败，则输出“连接失败”，否则输出“连接成功”。
3. 用户验证
接下来，我们需要根据用户输入的账号和密码来查询数据库，并进行用户验证，判断用户是否能够登录系统。
“`php
// 数据库连接相关配置
$mysqlConfig = [
‘host’ => ‘localhost’,
‘user’ => ‘login_system_admin’,
‘password’ => ‘123456789!’,
‘database’ => ‘login_system’
];
//获取用户输入内容
$username = $_POST[‘username’];
$password = $_POST[‘password’];
//创建连接对象并连接到服务器
$conn = new mysqli($mysqlConfig[‘host’], $mysqlConfig[‘user’], $mysqlConfig[‘password’], $mysqlConfig[‘database’]);
// 判断是否连接成功
if ($conn->connect_error) {
die(“连接失败: ” . $conn->connect_error);
}
//查询用户
$sql = “SELECT * FROM `users` WHERE `username`=’$username’ AND `password`=’$password'”;
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// 用户验证成功，登录系统
echo “验证成功，用户可以登录系统”;
} else {
// 用户验证失败，禁止登录
echo “账号或密码不正确，请重新输入”;
}
// 关闭连接
$conn->close();
?>
“`
上面的代码中，我们使用 $_POST 获取用户输入的账号和密码，并根据其查询数据库。如果查询到了数据，则说明用户输入的账号和密码是正确的；如果查询不到数据，则说明用户输入的账号或密码有误。根据查询结果，我们输出不同的信息以提供用户反馈。
4. 数据插入
当用户输入的账号和密码通过验证后，需要将其插入到数据库中以完成登录操作。这一操作需要使用 INSERT 语句来实现。
“`php
// 数据库连接相关配置
$mysqlConfig = [
‘host’ => ‘localhost’,
‘user’ => ‘login_system_admin’,
‘password’ => ‘123456789!’,
‘database’ => ‘login_system’
];
//获取用户输入内容
$username = $_POST[‘username’];
$password = $_POST[‘password’];
//创建连接对象并连接到服务器
$conn = new mysqli($mysqlConfig[‘host’], $mysqlConfig[‘user’], $mysqlConfig[‘password’], $mysqlConfig[‘database’]);
// 判断是否连接成功
if ($conn->connect_error) {
die(“连接失败: ” . $conn->connect_error);
}
//插入用户数据
$sql = “INSERT INTO `users` (`id`, `username`, `password`, `create_time`) VALUES (NULL, ‘$username’, ‘$password’, CURRENT_TIME())”;
if ($conn->query($sql) === TRUE) {
echo “新记录插入成功”;
} else {
echo “Error: ” . $sql . “
” . $conn->error;
}
// 关闭连接
$conn->close();
?>
“`
上面的代码中，我们使用 INSERT 语句来将用户账号和密码信息插入到我们的数据库表中，以便于后续开发中的查询和操作。
五、
本文主要为大家分享了一个简单而实用的登录数据提交功能的代码实现及相关核心思路。通过本次实例，我们学习到了如何创建一个 HTML、CSS 和 JavaScript 的表单，如何连接 mysql 数据库，以及如何使用 SQL 语句实现数据插入操作等基本知识和技能点。
当然，本次实例中的相关代码仅仅是实现一个简单的登录功能，并不完备和严谨，在实际开发中需要结合自身需要和具体情况进行适当调整和扩展。
希望本文能够为各位读者提供到一些参考和帮助，帮助大家更好地理解和掌握数据库插入之登录数据提交功能。
