當(dāng)初我覺(jué)得一個(gè)網(wǎng)站上注冊(cè)和登錄這兩個(gè)功能很神奇,后來(lái)自己研究一下發(fā)現(xiàn)其實(shí)道理很簡(jiǎn)單,接下來(lái)看一下怎么實(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并沒(méi)有
什么都是些html標(biāo)記如下:
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" > 賬號(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" >沒(méi)有賬號(hào),注冊(cè)</ 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 >會(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代碼是用來(lái)定時(shí)返回登錄界面的
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 >無(wú)標(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è)面
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ù)庫(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 == "" ) //判斷是否填寫(xiě) { echo "<script type=" . "\"" . "text/javascript" . "\"" . ">" . "window.alert" . "(" . "\"" . "請(qǐng)?zhí)顚?xiě)完成!" . "\"" . ")" . ";" . "</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)文件
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" . "(" . "\"" . "請(qǐng)?zhí)顚?xiě)正確的信息!" . "\"" . ")" . ";" . "</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>" ; } } } } ?> |
自己閑來(lái)無(wú)事做的還有許多要完善的地方,歡迎大家提問(wèn)討論,提供更簡(jiǎn)便的方法!
以上就是小編為大家?guī)?lái)的php注冊(cè)和登錄界面的實(shí)現(xiàn)案例(推薦)全部?jī)?nèi)容了,希望大家多多支持服務(wù)器之家~