當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

登录注册的页面制作

發(fā)布時(shí)間：2024/4/13 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了登录注册的页面制作小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

下面來(lái)做一個(gè)超簡(jiǎn)易的登錄注冊(cè)

先來(lái)說(shuō)注冊(cè)

得先寫(xiě)個(gè)大標(biāo)題證明是注冊(cè)頁(yè)面，然后再就是文本框填內(nèi)容，在注冊(cè)這里建三個(gè)文本框，用戶名，密碼，還有姓名，最后還有一個(gè)注冊(cè)的按鈕，用來(lái)跳轉(zhuǎn)頁(yè)面

分析好了之后，先建注冊(cè)頁(yè)面的第一個(gè)網(wǎng)頁(yè)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無(wú)標(biāo)題文檔</title> </head><body> <h1>注冊(cè)頁(yè)面</h1> <form action="./zhucechuli.php" method="post"> <div>用戶名：<input type="text" name="yh" /></div> <div>密碼：<input type="text" name="mm" /></div> <div>姓名：<input type="text" name="xm" /></div> <div><input type="submit" value="注冊(cè)"/></div> </form></body> </html>

運(yùn)行后是這樣的

<form action="./zhucechuli.php" method="post"></form>
這句話的意思就是那個(gè)注冊(cè)按鈕一點(diǎn)，就要把里面的數(shù)據(jù)傳送到哪個(gè)頁(yè)面，.php那個(gè)文件是即將我們要建的一個(gè)，必須是在當(dāng)前目錄下，post是可以使傳送的數(shù)據(jù)信息在瀏覽器地址那里隱藏，用get的話就是顯示的
然后再建注冊(cè)處理頁(yè)面
新建一個(gè)php格式的文件，命名后面必須加.php，然后保存，保存的地址要和注冊(cè)頁(yè)面的地址在同一目錄下
因?yàn)槭莗hp文件，里面的內(nèi)容可以都不用了，改成<?php 內(nèi)容就可以，尾部也可以省略掉 <?php $yh = $_POST["yh"]; $mm = $_POST["mm"]; $xm = $_POST["xm"];//1.造連接對(duì)象 $db = new MySQLi("localhost","root","726","text11"); 連接數(shù)據(jù)庫(kù) ，我用的是text11//2.寫(xiě)SQL語(yǔ)句 $sql = "insert into zhuce values('{$yh}','{$xm}','{$mm}')"; 我用的是zhuce的表里面就三列 yh xm mm //3.執(zhí)行 $r = $db->query($sql);if($r) {echo "注冊(cè)成功！"; } else {echo "注冊(cè)失敗！"; }

通過(guò)注冊(cè)頁(yè)面，添上注冊(cè)內(nèi)容，注冊(cè)后的顯示：

運(yùn)行中可能會(huì)出現(xiàn)亂碼，改一下文字編碼就可以了，改成國(guó)際通用的

這樣注冊(cè)頁(yè)面就做好了！
下面是登陸頁(yè)面
登陸頁(yè)面用的是，兩個(gè)文本框，一個(gè)按鈕 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無(wú)標(biāo)題文檔</title> </head><body> <h1>登錄頁(yè)面</h1> <form action="./dengluchuli.php" method="post"> <div>用戶名：<input type="text" name="yh" /></div> <div>密碼：<input type="password" name="mm" /></div> <div><input type="submit" value="登錄"/></div></form> </body> </html>

同樣的也是要做過(guò)登陸處理頁(yè)面，在當(dāng)前目錄下

<?php $yh = $_POST["yh"]; $mm = $_POST["mm"];//1.造連接對(duì)象 $db = new MySQLi("localhost","root","726","text11");//2.寫(xiě)SQL語(yǔ)句 $sql = "select mm from zhuce where yh='{$yh}'";//3.執(zhí)行 $reslut = $db->query($sql);//4.取數(shù)據(jù) $attr = $reslut->fetch_row(); if($attr[0]==$mm && !empty($mm)){echo "登錄成功！"; } else {echo "登錄失敗！"; }

再填登陸頁(yè)面時(shí)，如果和注冊(cè)的用戶密碼不一致，則登陸失敗，一樣的話才登陸成功，打開(kāi)數(shù)據(jù)庫(kù)會(huì)發(fā)現(xiàn)，注冊(cè)的內(nèi)容都在里面

轉(zhuǎn)載于:https://www.cnblogs.com/qishuang/p/6196818.html

總結(jié)

以上是生活随笔為你收集整理的登录注册的页面制作的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

页面