建站
咨詢
售后
建站咨詢
新聞中心
在現(xiàn)代互聯(lián)網(wǎng)應(yīng)用中，登錄功能是必不可少的一個(gè)部分。而用戶登錄數(shù)據(jù)的提交則需要將數(shù)據(jù)存儲(chǔ)到數(shù)據(jù)庫(kù)中，以供后續(xù)的驗(yàn)證及進(jìn)一步的數(shù)據(jù)操作。因此，在開發(fā)過(guò)程中，如何實(shí)現(xiàn)數(shù)據(jù)提交至數(shù)據(jù)庫(kù)的功能顯得尤為關(guān)鍵。
成都創(chuàng)新互聯(lián)專注于那坡企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站建設(shè)。那坡網(wǎng)站建設(shè)公司,為那坡等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站建設(shè)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
本文將結(jié)合實(shí)例，分享一個(gè)簡(jiǎn)單而實(shí)用的登錄數(shù)據(jù)提交功能的代碼實(shí)現(xiàn)及相關(guān)核心思路。
一、概述
本文實(shí)現(xiàn)的登錄數(shù)據(jù)提交功能，其主要目的是將用戶輸入的賬號(hào)和密碼信息提交到我們提前定義好的數(shù)據(jù)庫(kù)中。下文主要包含以下幾個(gè)部分內(nèi)容：
1. 數(shù)據(jù)庫(kù)的搭建
2. 表單的創(chuàng)建
3. 提交功能代碼
二、數(shù)據(jù)庫(kù)的搭建
由于我們需要提交數(shù)據(jù)到數(shù)據(jù)庫(kù)中，故需要先搭建好數(shù)據(jù)庫(kù)。
此處我們以 MySQL 數(shù)據(jù)庫(kù)為例，具體操作如下：
1. 安裝 MySQL 數(shù)據(jù)庫(kù)并成功啟動(dòng)。
2. 登錄 mysql，創(chuàng)建一個(gè)新的數(shù)據(jù)庫(kù)，指定其字符集為 UTF-8。
CREATE DATABASE `login_system` /*!40100 DEFAULT CHARACTER SET utf8 */;
3. 為剛剛創(chuàng)建的數(shù)據(jù)庫(kù)新建一個(gè)用戶，并為該用戶賦予權(quán)限。
CREATE USER ‘login_system_admin’@’localhost’ IDENTIFIED BY ‘123456789!’;
GRANT ALL PRIVILEGES ON `login_system`.* TO ‘login_system_admin’@’localhost’;
至此，數(shù)據(jù)庫(kù)的搭建工作已經(jīng)完成。
三、表單的創(chuàng)建
接下來(lái)需要?jiǎng)?chuàng)建一個(gè)表單來(lái)收集用戶輸入的賬號(hào)和密碼信息。在本次實(shí)例中，我們將主要使用 HTML、CSS、JavaScript 完成表單的創(chuàng)建。
在 index.html 文件中，我們定義如下一個(gè)表單：
“`html
登錄頁(yè)面
賬 號(hào)：
密 碼：
登 錄
“`
上面的代碼中，我們創(chuàng)建了一個(gè)由賬號(hào)輸入字段、密碼輸入字段和登錄按鈕組成的表單，并設(shè)置了表單的提交路徑為 submit.php。
接著，我們定義一個(gè)樣式文件 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;
}
“`
通過(guò)上面的代碼，我們?yōu)楸韱蝿?chuàng)建了一些基本的樣式，使得頁(yè)面看起來(lái)更加美觀、舒適。
四、提交功能代碼
在實(shí)現(xiàn)登錄數(shù)據(jù)提交功能之前，我們需要先了解一些相關(guān)的基礎(chǔ)知識(shí)及技術(shù)，如：
1. 核心模塊 mysql，用于連接 mysql 數(shù)據(jù)庫(kù)；
2. 數(shù)據(jù)庫(kù)連接及用戶驗(yàn)證相關(guān)配置；
3. SQL 語(yǔ)句編寫，用于實(shí)現(xiàn)數(shù)據(jù)插入操作。
下面我們來(lái)逐步實(shí)現(xiàn)該功能。
1. 安裝 mysql
在命令行終端中，輸入以下命令即可安裝 mysql：
npm install mysql –save
2. 連接 mysql 數(shù)據(jù)庫(kù)
在 submit.php 文件中，首先需要連接 mysql 數(shù)據(jù)庫(kù)。
“`php
// 數(shù)據(jù)庫(kù)連接相關(guān)配置
$mysqlConfig = [
‘host’ => ‘localhost’,
‘user’ => ‘login_system_admin’,
‘password’ => ‘123456789!’,
‘database’ => ‘login_system’
];
//創(chuàng)建連接對(duì)象并連接到服務(wù)器
$conn = new mysqli($mysqlConfig[‘host’], $mysqlConfig[‘user’], $mysqlConfig[‘password’], $mysqlConfig[‘database’]);
// 判斷是否連接成功
if ($conn->connect_error) {
die(“連接失敗: ” . $conn->connect_error);
}
echo “連接成功”;
?>
“`
上面代碼中，我們使用 mysqli 類創(chuàng)建一個(gè)連接對(duì)象并連接到 mysql 服務(wù)器，如果連接失敗，則輸出“連接失敗”，否則輸出“連接成功”。
3. 用戶驗(yàn)證
接下來(lái)，我們需要根據(jù)用戶輸入的賬號(hào)和密碼來(lái)查詢數(shù)據(jù)庫(kù)，并進(jìn)行用戶驗(yàn)證，判斷用戶是否能夠登錄系統(tǒng)。
“`php
// 數(shù)據(jù)庫(kù)連接相關(guān)配置
$mysqlConfig = [
‘host’ => ‘localhost’,
‘user’ => ‘login_system_admin’,
‘password’ => ‘123456789!’,
‘database’ => ‘login_system’
];
//獲取用戶輸入內(nèi)容
$username = $_POST[‘username’];
$password = $_POST[‘password’];
//創(chuàng)建連接對(duì)象并連接到服務(wù)器
$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) {
// 用戶驗(yàn)證成功，登錄系統(tǒng)
echo “驗(yàn)證成功，用戶可以登錄系統(tǒng)”;
} else {
// 用戶驗(yàn)證失敗，禁止登錄
echo “賬號(hào)或密碼不正確，請(qǐng)重新輸入”;
}
// 關(guān)閉連接
$conn->close();
?>
“`
上面的代碼中，我們使用 $_POST 獲取用戶輸入的賬號(hào)和密碼，并根據(jù)其查詢數(shù)據(jù)庫(kù)。如果查詢到了數(shù)據(jù)，則說(shuō)明用戶輸入的賬號(hào)和密碼是正確的；如果查詢不到數(shù)據(jù)，則說(shuō)明用戶輸入的賬號(hào)或密碼有誤。根據(jù)查詢結(jié)果，我們輸出不同的信息以提供用戶反饋。
4. 數(shù)據(jù)插入
當(dāng)用戶輸入的賬號(hào)和密碼通過(guò)驗(yàn)證后，需要將其插入到數(shù)據(jù)庫(kù)中以完成登錄操作。這一操作需要使用 INSERT 語(yǔ)句來(lái)實(shí)現(xiàn)。
“`php
// 數(shù)據(jù)庫(kù)連接相關(guān)配置
$mysqlConfig = [
‘host’ => ‘localhost’,
‘user’ => ‘login_system_admin’,
‘password’ => ‘123456789!’,
‘database’ => ‘login_system’
];
//獲取用戶輸入內(nèi)容
$username = $_POST[‘username’];
$password = $_POST[‘password’];
//創(chuàng)建連接對(duì)象并連接到服務(wù)器
$conn = new mysqli($mysqlConfig[‘host’], $mysqlConfig[‘user’], $mysqlConfig[‘password’], $mysqlConfig[‘database’]);
// 判斷是否連接成功
if ($conn->connect_error) {
die(“連接失敗: ” . $conn->connect_error);
}
//插入用戶數(shù)據(jù)
$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;
}
// 關(guān)閉連接
$conn->close();
?>
“`
上面的代碼中，我們使用 INSERT 語(yǔ)句來(lái)將用戶賬號(hào)和密碼信息插入到我們的數(shù)據(jù)庫(kù)表中，以便于后續(xù)開發(fā)中的查詢和操作。
五、
本文主要為大家分享了一個(gè)簡(jiǎn)單而實(shí)用的登錄數(shù)據(jù)提交功能的代碼實(shí)現(xiàn)及相關(guān)核心思路。通過(guò)本次實(shí)例，我們學(xué)習(xí)到了如何創(chuàng)建一個(gè) HTML、CSS 和 JavaScript 的表單，如何連接 mysql 數(shù)據(jù)庫(kù)，以及如何使用 SQL 語(yǔ)句實(shí)現(xiàn)數(shù)據(jù)插入操作等基本知識(shí)和技能點(diǎn)。
當(dāng)然，本次實(shí)例中的相關(guān)代碼僅僅是實(shí)現(xiàn)一個(gè)簡(jiǎn)單的登錄功能，并不完備和嚴(yán)謹(jǐn)，在實(shí)際開發(fā)中需要結(jié)合自身需要和具體情況進(jìn)行適當(dāng)調(diào)整和擴(kuò)展。
希望本文能夠?yàn)楦魑蛔x者提供到一些參考和幫助，幫助大家更好地理解和掌握數(shù)據(jù)庫(kù)插入之登錄數(shù)據(jù)提交功能。
相關(guān)問(wèn)題拓展閱讀：
- php表單提交內(nèi)容到數(shù)據(jù)庫(kù)
- 用asp怎么編寫“登錄和登錄提交核對(duì)sql server里的數(shù)據(jù)的程序代碼，登錄成功顯示成功頁(yè)，失敗轉(zhuǎn)到失敗頁(yè)？
php表單提交內(nèi)容到數(shù)據(jù)庫(kù)
通過(guò)php連接mysql 把獲得值迅汪察插入到陵纖數(shù)據(jù)庫(kù)里
讀出畝茄一個(gè)道理。先連接再查詢
具體可以看下php操作mysql
我來(lái)給你代碼：
$hostName = ‘yourhost’;
$userName = ‘yourusername’;
$passWords = ‘yourpwd’;
$conn = mysql_conn($hostName,$userName,$passWords);
if(!$conn){
die(‘Could not connect: ‘ . mysql_error());
}
$mysql_select_db(‘a(chǎn)dmin’,$conn);
$sql=”INSERT INTO user_zy (username, name, time,place,type,http,password)
VALUES
(‘$_POST’,’$_POST’,’$_POST’,’$_POST’,’$_POST’,
‘$_POST’,’$_POST’)”;
mysql_query($sql,$conn); //這里是添加數(shù)據(jù)。
//讀取數(shù)據(jù)
$sql = “select * form user_zy where 1”; //讀取所有。
$sql = “select * form user_zy where id=”.$id; //讀取某一項(xiàng)。答歷蔽
$result = mysql_query($sql,$conn);
while($info = mysql_fetch_array($result)){
$arr = $info; //$arr 為最后所要讀取的值。
}
可以用var_dump($arr)打印清州出來(lái)看看。
有什么不明白可爛滑以留言。
隨便找本書看就螞橋掘能解決的，問(wèn)別人最多給你代碼，具體的思路悶核機(jī)制還是要自己去理解的?。”韱瓮ㄟ^(guò)post提交，數(shù)據(jù)將被提交到一個(gè)頁(yè)面中被處理（action屬性指定），$_post可以接受參數(shù)，然后連接消配數(shù)據(jù)庫(kù)，執(zhí)行插入語(yǔ)句，OK
例子歲備：
if($_POST){
//存入數(shù)據(jù)庫(kù)
insert into(username,name,passoword) values (…,…,…,)
//取出乎檔毀
$sql = “蠢早select * from table”;
$res =mysql_query($sql);
mysql_fetch_array($res)
用asp怎么編寫“登錄和登錄提交核對(duì)sql server里的數(shù)據(jù)的程序代碼，登錄成功顯示成功頁(yè)，失敗轉(zhuǎn)到失敗頁(yè)？
function adminlogin(UserName,PassWord)
‘驗(yàn)證用戶登錄并傳遞session然后進(jìn)入后臺(tái)
set rs=server.createobject(“adodb.recordset”)
rs.open “select * from T_Admin where username='”&UserName&”‘ and password='”&PassWord&”‘”,cn,1,1
if not rs.eof then
session(“admin_username”)=rs(“username”)
session(“admin_password”)=rs(“password”)
rs.close()
o = “window.location.href=’main.asp’;”李差碰
Response.Write(o)
else
response.write(“alert(‘用戶名或密碼錯(cuò)誤,請(qǐng)重新登錄’);window.location.href=’login.asp’;”)
Response.Write(o)
end if
end function
你把字段改成你數(shù)據(jù)庫(kù)的字段,直接套用這哪談個(gè)函數(shù)就行了慶咐
如call adminlogin(request.form(“username”),request.form(“password”))
下載個(gè)網(wǎng)站管理系統(tǒng),找到后臺(tái)一般都有你要的功能’;找不到找我,我給你一個(gè)
關(guān)于登錄提交數(shù)據(jù)到數(shù)據(jù)庫(kù)代碼的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。
成都服務(wù)器租用選創(chuàng)新互聯(lián)，先試用再開通。
創(chuàng)新互聯(lián)（www.cdcxhl.com）提供簡(jiǎn)單好用，價(jià)格厚道的香港/美國(guó)云服務(wù)器和獨(dú)立服務(wù)器。物理服務(wù)器托管租用：四川成都、綿陽(yáng)、重慶、貴陽(yáng)機(jī)房服務(wù)器托管租用。
網(wǎng)站題目：數(shù)據(jù)庫(kù)插入之登錄數(shù)據(jù)提交代碼分享 (登錄提交數(shù)據(jù)到數(shù)據(jù)庫(kù)代碼)
標(biāo)題鏈接：http://www.dlmjj.cn/article/djpoeho.html
