最美情侣中文字幕电影,在线麻豆精品传媒,在线网站高清黄,久久黄色视频

歡迎光臨散文網(wǎng) 會(huì)員登陸 & 注冊

PHP+MySQL制作簡單的用戶注冊登錄界面（注釋超詳細(xì)~附源代碼）

2022-07-25 07:00 作者:時(shí)人不識  | 我要投稿

成果

網(wǎng)站能實(shí)現(xiàn)判斷賬戶信息是否合法，同時(shí)附帶驗(yàn)證碼驗(yàn)證登錄。在用戶輸入正確的用戶名與密碼后會(huì)有登錄成功的彈窗，若輸入的賬戶不存在，則會(huì)跳轉(zhuǎn)至注冊頁面。

1.首先創(chuàng)建login.html

實(shí)現(xiàn)的是用戶登錄的界面，可以自定義css美化頁面，這里主要目的是功能的實(shí)現(xiàn)而非界面美觀。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用戶登錄</title>
<link href=../css/login.css rel="stylesheet"/>
</head>

<body background="./images/loginbg.png" style="background-size: 100% 100%;background-attachment: fixed;">
<div class=box>
	<div class=title>用戶登錄</div>
	<form action="../login.php" method="post">
		<table class=login>
			<tr><th>用戶名：</th><td><input type="text" name="username"/></td></tr>
			<tr><th>密碼：</th><td><input type="password" name="password"/></td></tr>
			<tr><th>驗(yàn)證碼：</th><td><input type="text" name="captcha"/></td></tr>
			<tr><th></th><td><img src="../code.php"/></td></tr>
			<tr><th></th><td><input type="submit" value="登錄"/><a href="register.php"><input type="button" value='前往注冊'></a></td>
						
			</tr>
			
		</table>
	
	</form>
</div>
</body>
</html>

2.創(chuàng)建login.php，將其與login.html關(guān)聯(lián)

<?php
header('content-type:text/html;charset=utf-8');
//登錄界面
require 'login_db_connect.php';//連接數(shù)據(jù)庫


//判斷表單是否提交,用戶名密碼是否提交
if (isset($_POST['username'])&&isset($_POST['password'])){//登錄表單已提交
 ? ?
 ? ?//獲取用戶輸入的驗(yàn)證碼
 ? ?$captcha = isset($_POST['captcha']) ? trim($_POST['captcha']) : '';
 ? ?//獲取Session中的驗(yàn)證碼
 ? ?session_start();
 ? ?if(empty($_SESSION['captcha'])){ ?//如果Session中不存在驗(yàn)證碼，則退出
 ? ? ? ?exit('驗(yàn)證碼已經(jīng)過期，請返回并刷新頁面重試。');
 ? ?}
 ? ?//獲取驗(yàn)證碼并清除Session中的驗(yàn)證碼
 ? ?$true_captcha = $_SESSION['captcha'];
 ? ?unset($_SESSION['captcha']); //限制驗(yàn)證碼只能驗(yàn)證一次，防止重復(fù)利用
 ? ?//忽略字符串的大小寫，進(jìn)行比較
 ? ?if(strtolower($captcha) !== strtolower($true_captcha)){
 ? ? ? ?exit('您輸入的驗(yàn)證碼不正確！請返回并刷新頁面重試。');
 ? ?}
 ? ?//驗(yàn)證碼驗(yàn)證通過，繼續(xù)判斷用戶名和密碼
 ? ?//獲取用戶輸入的用戶名密碼
 ? ?$username=$_POST["username"];
 ? ?$pwd=$_POST["password"];
 ? ?$sql="select id,username,password from user where username='$username' and password='$pwd';";
 ? ?$result=mysqli_query($con, $sql);//執(zhí)行sql語句
 ? ?$row=mysqli_num_rows($result);//返回值條目
 ? ?if (!$row){//若返回條目不存在則證明該賬號不存在或者密碼輸入錯(cuò)誤
 ? ? ? ?echo "<script>alert('賬號不存在或密碼錯(cuò)誤，點(diǎn)擊前往注冊');location='./register.php'</script>";
 ? ? ? ?//exit('賬號或密碼錯(cuò)誤');
 ? ?}else{//存在返回條目證明用戶賬號密碼匹配，進(jìn)入主頁面
 ? ? ? ?session_start();
 ? ? ? ?$_SESSION['username']=$_POST['username'];
 ? ? ? ?echo "<script>alert('歡迎');location='./index.php'</script>";
 ? ?} ? 
}


require './view/login.html';

3.創(chuàng)建注冊頁面register.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用戶注冊</title>
<link href=../css/login.css rel="stylesheet"/>
</head>

<body background="./images/loginbg.png" style="background-size: 100% 100%;background-attachment: fixed;">
<div class=box>
	<div class=title>用戶注冊</div>
	<form action="../register.php" method="post">
		<table class=login>
			<tr><th>用戶名：</th><td><input type="text" name="username"/></td></tr>
			<tr><th>密碼：</th><td><input type="password" name="pwd"/></td></tr>
			<tr><th></th><td><input type="submit" value="注冊"/></td>
			</tr>
			
		</table>
	
	</form>
</div>
</body>
</html>


4.創(chuàng)建register.php，將其與register.html關(guān)聯(lián)

<?php
header('content-type:text/html;charset=utf-8');
//注冊頁面
require 'login_db_connect.php';//連接數(shù)據(jù)庫

//判斷表單是否提交,用戶名密碼是否提交
if (isset($_POST['username'])&&isset($_POST['pwd'])){//登錄表單已提交
 ? ?//獲取用戶輸入的用戶名密碼
 ? ?$user=$_POST["username"];
 ? ?$pwd=$_POST["pwd"];
 ? ?//判斷提交賬號密碼是否為空
 ? ?if ($user=='' || $pwd==''){
 ? ? ? ?exit('賬號或密碼不能為空');
 ? ?}else {
 ? ? ? ?$sql="insert into user(username,password) values ('$user','$pwd');";//添加賬戶sql語句
 ? ? ? ?$select="select username from user where username='$user'";
 ? ? ? ?$result=mysqli_query($con, $select);//執(zhí)行sql語句
 ? ? ? ?$row=mysqli_num_rows($result);//返回記錄數(shù)
 ? ? ? ?if(!$row){//記錄數(shù)不存在則說明該賬戶沒有被注冊過
 ? ? ? ? ? ?if (mysqli_query($con,$sql)){//查詢insert語句是否成功執(zhí)行，成功將返回 TRUE。如果失敗，則返回 FALSE。
 ? ? ? ? ? ? ? ?//跳轉(zhuǎn)登錄頁面
 ? ? ? ? ? ? ? ?echo "<script>alert('注冊成功，請登錄');location='./login.php'</script>";
 ? ? ? ? ? ?}else{//失敗則重新跳轉(zhuǎn)注冊頁面
 ? ? ? ? ? ? ? ?echo "<script>alert('注冊失敗，請重新注冊');location='./regsiter.php'</script>";
 ? ? ? ? ? ?}
 ? ? ? ?}else{//存在記錄數(shù)則說明注冊的用戶已存在
 ? ? ? ? ? ?echo "<script>alert('該用戶已經(jīng)存在，請直接登錄');location='./login.php'</script>";
 ? ? ? ?}
 ? ?} ?
}


require './view/register.html';


5.創(chuàng)建code.php，用于生成驗(yàn)證碼

<?php
//用于生成驗(yàn)證碼
//創(chuàng)建驗(yàn)證碼畫布
$img_w = 100; ?//驗(yàn)證碼的寬度
$img_h = 30; ? //驗(yàn)證碼的高度
$img = imagecreatetruecolor($img_w, $img_h); ? ? ? ? //創(chuàng)建畫布
$bg_color = imagecolorallocate($img,0xcc,0xcc,0xcc); //畫布顏色
imagefill($img,0,0,$bg_color); ? ? ? ? ? ? ? ? ? ? ? //背景色

//生成驗(yàn)證碼文本
$count = 4; //驗(yàn)證碼位數(shù)
$charset = 'ABCDEFGHJKLMNPQRSTUVWXYZ23456789'; //隨機(jī)因子
$charset_len = strlen($charset)-1; //計(jì)算隨機(jī)因子長度（作為取出時(shí)的索引）
$code = ''; //保存生成的驗(yàn)證碼
for($i=0; $i<$count; ++$i) {
//通過索引取出字符，mt_rand()用于獲取指定范圍內(nèi)的隨機(jī)數(shù)
 ? ?$code .= $charset[mt_rand(0,$charset_len)];
}

//將生成的文本保存到Session中
session_start();//啟動(dòng)session
$_SESSION['captcha'] = $code;

//在畫布中繪制驗(yàn)證碼文本
$fontSize = 16; ? ?//文字大小
$fontStyle = './fonts/SourceCodePro-Bold.ttf'; //字體樣式
//生成指定長度的驗(yàn)證碼
for($i=0; $i<$count; ++$i){
 ? ?//隨機(jī)生成字體顏色
 ? ?$fontColor = imagecolorallocate($img,mt_rand(0,100),mt_rand(0,50),mt_rand(0,255));
 ? ?imagettftext (
 ? ? ? ?$img, ? ? ? ?//畫布資源
 ? ? ? ?$fontSize, ?//文字大小
 ? ? ? ?mt_rand(0,20) - mt_rand(0,25), ? ? ? ? ? ?//隨機(jī)設(shè)置文字傾斜角度
 ? ? ? ?$fontSize*$i+20,mt_rand($img_h/2,$img_h), //隨機(jī)設(shè)置文字坐標(biāo)，并自動(dòng)計(jì)算間距
 ? ? ? ?$fontColor, ?//文字顏色
 ? ? ? ?$fontStyle, ?//文字字體
 ? ? ? ?$code[$i] 	 //文字內(nèi)容
 ? ? ? ?);
}

//為驗(yàn)證碼圖片生成彩色噪點(diǎn)
for($i=0; $i<300; ++$i){
 ? ?//隨機(jī)生成顏色
 ? ?$color = imagecolorallocate($img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
 ? ?//隨機(jī)繪制干擾點(diǎn)
 ? ?imagesetpixel($img,mt_rand(0,$img_w),mt_rand(0,$img_h),$color);
}

//繪制干擾線
for($i=0; $i<10; ++$i){
 ? ?//隨機(jī)生成干擾線顏色
 ? ?$color = imagecolorallocate($img,mt_rand(0,255),mt_rand(0,255),mt_rand(0,255));
 ? ?//隨機(jī)繪制干擾線
 ? ?imageline($img,mt_rand(0,$img_w),0,mt_rand(0,$img_h*5),$img_h,$color);
}

header('Content-Type: image/gif'); //輸出圖像
imagegif($img);


6.創(chuàng)建login_db_connect.php，用于數(shù)據(jù)庫連接

數(shù)據(jù)庫連接方式有多種，例如PDO連接，有興趣的朋友可以自行了解

<?php
//用于登錄界面數(shù)據(jù)庫連接
//設(shè)置字符集
header('Content-type:text/html;charset=utf8');

//連接數(shù)據(jù)庫
$con=mysqli_connect("localhost","root","Huawei@123","LMS);//此處root為登錄mysql的用戶名，其后依此是密碼與數(shù)據(jù)庫名稱
if (mysqli_connect_errno($con))
{
 ? ?echo "連接 MySQL 失敗: " . mysqli_connect_error();
}

*注意：僅供學(xué)習(xí)參考，轉(zhuǎn)載請注明出處。感謝支持。

源代碼下載

鏈接：https://pan.quark.cn/s/0c31932c8b16\n提取碼：f7vM

備用鏈接:https://url79.ctfile.com/d/33928079-50033272-dfd303?p=7430 （訪問密碼：7430）


標(biāo)簽：webHTML前端后端MySQL

PHP+MySQL制作簡單的用戶注冊登錄界面（注釋超詳細(xì)~附源代碼）的評論 (共 條)

分享到微博請遵守國家法律
巩义市| 郯城县| 博兴县| 清水河县| 临汾市| 无棣县| 布尔津县| 旬邑县| 项城市| 章丘市| 桦南县| 通道| 得荣县| 郎溪县| 甘孜| 和平县| 丰县| 定边县| 成武县| 盈江县| 商丘市| 秦皇岛市| 尚义县| 阿勒泰市| 平和县| 临潭县| 全椒县| 抚远县| 拉萨市| 辽宁省| 长丰县| 岑巩县| 景宁| 荥阳市| 章丘市| 舒城县| 金川县| 双江| 肇源县| 婺源县| 安乡县|