當(dāng)初我覺得一個(gè)網(wǎng)站上注冊(cè)和登錄這兩個(gè)功能很神奇,后來自己研究一下發(fā)現(xiàn)其實(shí)道理很簡(jiǎn)單,接下來看一下怎么實(shí)現(xiàn)的吧。。。。
我在我的電腦上建了幾個(gè)文件:
login.html (登錄頁(yè)面)
register.html(注冊(cè)頁(yè)面)
success.html(登錄成功跳轉(zhuǎn)頁(yè)面)
return.html(注冊(cè)成功頁(yè)面)
login.php
register.php
登錄界面和注冊(cè)界面以及success.html并沒有
什么都是些html標(biāo)記如下:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>登錄界面</title></head><body><form method="post" action="login.php">賬號(hào):<input type="text" name="usernamel"><br/><br/>密碼:<input type="password" name="passwordl"><input type="submit" value="登錄" name="subl"><a href="http://127.0.0.1:8080/register.html">沒有賬號(hào),注冊(cè)</a></form></body></html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>會(huì)員注冊(cè)</title></head><body><form method="post" action="register.php">賬 戶:<input type="text" name="username"><br/><br/>密 碼:<input type="password" name="password"><br/><br/>密碼確認(rèn):<input type="password" name="password2"><input type="submit" value="注冊(cè)" name="sub"></form></body></html>
return.html是注冊(cè)成功之后呈現(xiàn)的頁(yè)面,里面有一段js代碼是用來定時(shí)返回登錄界面的
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標(biāo)題文檔</title></head><body>注冊(cè)成功!<br/>5秒后返回登錄界面<br/>你也可以直接點(diǎn)擊回到<a href="http://127.0.0.1:8080/login.html">登錄頁(yè)面</a><script type="text/javascript">setTimeout("ren()",5000);function ren(){ window.location="http://127.0.0.1:8080/login.html";}</script></body></html>register.php這是與注冊(cè)頁(yè)面相對(duì)應(yīng)后臺(tái)頁(yè)面
<?php$link=mysql_connect("localhost","root","207207");//鏈接數(shù)據(jù)庫(kù)header("Content-type:text/html;charset=utf-8");if($link) { //echo"鏈接數(shù)據(jù)庫(kù)成功"; $select=mysql_select_db("login",$link);//選擇數(shù)據(jù)庫(kù) if($select) { //echo"選擇數(shù)據(jù)庫(kù)成功!"; if(isset($_POST["sub"])) { $name=$_POST["username"]; $password1=$_POST["password"];//獲取表單數(shù)據(jù) $password2=$_POST["password2"]; if($name==""||$password1=="")//判斷是否填寫 { echo"<script type="."/""."text/javascript"."/"".">"."window.alert"."("."/""."請(qǐng)?zhí)顚懲瓿桑?quot;."/"".")".";"."</script>"; echo"<script type="."/""."text/javascript"."/"".">"."window.location="."/""."http://127.0.0.1:8080/register.html"."/""."</script>"; exit; } if($password1==$password2)//確認(rèn)密碼是否正確 { $str="select count(*) from register where username="."'"."$name"."'"; $result=mysql_query($str,$link); $pass=mysql_fetch_row($result); $pa=$pass[0]; if($pa==1)//判斷數(shù)據(jù)庫(kù)表中是否已存在該用戶名 { echo"<script type="."/""."text/javascript"."/"".">"."window.alert"."("."/""."該用戶名已被注冊(cè)"."/"".")".";"."</script>"; echo"<script type="."/""."text/javascript"."/"".">"."window.location="."/""."http://127.0.0.1:8080/register.html"."/""."</script>"; exit; } $sql="insert into register values("."/""."$name"."/"".","."/""."$password1"."/"".")";//將注冊(cè)信息插入數(shù)據(jù)庫(kù)表中 //echo"$sql"; mysql_query($sql,$link); mysql_query('SET NAMES UTF8'); $close=mysql_close($link); if($close) { //echo"數(shù)據(jù)庫(kù)關(guān)閉"; //echo"注冊(cè)成功!"; echo"<script type="."/""."text/javascript"."/"".">"."window.location="."/""."http://127.0.0.1:8080/return.html"."/""."</script>"; } } else { echo"<script type="."/""."text/javascript"."/"".">"."window.alert"."("."/""."密碼不一致!"."/"".")".";"."</script>"; echo"<script type="."/""."text/javascript"."/"".">"."window.location="."/""."http://127.0.0.1:8080/register.html"."/""."</script>"; } } } }?>login.php登錄界面對(duì)應(yīng)后臺(tái)文件
<?php header("Content-type:text/html;charset=utf-8");$link=mysql_connect("localhost","root","207207");if($link){ $select=mysql_select_db("login",$link); if($select) { if(isset($_POST["subl"])) { $name=$_POST["usernamel"]; $password=$_POST["passwordl"]; if($name==""||$password=="")//判斷是否為空 { echo"<script type="."/""."text/javascript"."/"".">"."window.alert"."("."/""."請(qǐng)?zhí)顚懻_的信息!"."/"".")".";"."</script>"; echo"<script type="."/""."text/javascript"."/"".">"."window.location="."/""."http://127.0.0.1:8080/login.html"."/""."</script>"; exit; } $str="select password from register where username="."'"."$name"."'"; mysql_query('SET NAMES UTF8');20 $result=mysql_query($str,$link); $pass=mysql_fetch_row($result); $pa=$pass[0]; if($pa==$password)//判斷密碼與注冊(cè)時(shí)密碼是否一致 { echo"登錄成功!"; echo"<script type="."/""."text/javascript"."/"".">"."window.location="."/""."http://127.0.0.1:8080/success.html"."/""."</script>"; } { echo"<script type="."/""."text/javascript"."/"".">"."window.alert"."("."/""."登錄失敗!"."/"".")".";"."</script>"; echo"<script type="."/""."text/javascript"."/"".">"."window.location="."/""."http://127.0.0.1:8080/login.html"."/""."</script>"; } } }}?>自己閑來無事做的還有許多要完善的地方,歡迎大家提問討論,提供更簡(jiǎn)便的方法!
以上就是小編為大家?guī)淼膒hp注冊(cè)和登錄界面的實(shí)現(xiàn)案例(推薦)全部?jī)?nèi)容了,希望大家多多支持VeVb武林網(wǎng)~
新聞熱點(diǎn)
疑難解答
圖片精選