當初我覺得一個網(wǎng)站上注冊和登錄這兩個功能很神奇，后來自己研究一下發(fā)現(xiàn)其實道理很簡單，接下來看一下怎么實現(xiàn)的吧。。。。
我在我的電腦上建了幾個文件：
login.html (登錄頁面)
register.html（注冊頁面）
success.html（登錄成功跳轉頁面）
return.html（注冊成功頁面）
login.php
register.php
登錄界面和注冊界面以及success.html并沒有
什么都是些html標記如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>登錄界面</title></head><body><form method="post" action="login.php">賬號：<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">沒有賬號，注冊</a></form></body></html> |
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>會員注冊</title></head><body><form method="post" action="register.php">賬 戶：<input type="text" name="username"><br/><br/>密 碼：<input type="password" name="password"><br/><br/>密碼確認：<input type="password" name="password2"><input type="submit" value="注冊" name="sub"></form></body></html> |
return.html是注冊成功之后呈現(xiàn)的頁面，里面有一段js代碼是用來定時返回登錄界面的
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無標題文檔</title></head><body>注冊成功！<br/>5秒后返回登錄界面<br/>你也可以直接點擊回到<a href="http://127.0.0.1:8080/login.html">登錄頁面</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這是與注冊頁面相對應后臺頁面
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
<?php$link=mysql_connect("localhost","root","207207");//鏈接數(shù)據(jù)庫header("Content-type:text/html;charset=utf-8");if($link) { //echo"鏈接數(shù)據(jù)庫成功"; $select=mysql_select_db("login",$link);//選擇數(shù)據(jù)庫 if($select) { //echo"選擇數(shù)據(jù)庫成功！"; 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"."("."\""."請?zhí)顚懲瓿桑?quot;."\"".")".";"."</script>"; echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/register.html"."\""."</script>"; exit; } if($password1==$password2)//確認密碼是否正確 { $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ù)庫表中是否已存在該用戶名 { echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."該用戶名已被注冊"."\"".")".";"."</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"."\"".")";//將注冊信息插入數(shù)據(jù)庫表中 //echo"$sql"; mysql_query($sql,$link); mysql_query('SET NAMES UTF8'); $close=mysql_close($link); if($close) { //echo"數(shù)據(jù)庫關閉"; //echo"注冊成功！"; 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登錄界面對應后臺文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
|
<?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"."("."\""."請?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)//判斷密碼與注冊時密碼是否一致 { 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>"; } } }}?> |
自己閑來無事做的還有許多要完善的地方，歡迎大家提問討論，提供更簡便的方法！
以上就是小編為大家?guī)淼膒hp注冊和登錄界面的實現(xiàn)案例(推薦)全部內容了，希望大家多多支持服務器之家~
