基于PHP的登录和注册的功能的实现

吾爱主题阅读：101 2021-10-21 12:50:00 评论：0

1.新建三个html文件，两个php文件和若干个css文件和若干个js文件

2.登录的html页面显示效果图

3.注册的页面的显示效果图

4.登录页面的form表单代码

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 <div class = "sign-con w1200" > <img src= "img/logn-tu.gif" class = "sign-contu f-l" /> <form action= "login.php" method= "post" > <div class = "sign-ipt f-l" > <p>用户名：</p> <input type= "text" name= "username" placeholder= "手机号/邮箱" /> <p>密码：</p> <input type= "password" name= "password" placeholder= "密码可见" /> <br /> <button class = "slig-btn" >登录</button> <p> 没有账号？请 <a href= "regist.html" rel= "external nofollow" >注册</a> <a href= "#" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" class = "wj" >忘记密码？</a> </p> <div class = "sign-qx" > <a href= "#" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" class = "f-r" > <img src= "img/sign-xinlan.gif" /> </a> <a href= "#" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" class = "qq f-r" > <img src= "img/sign-qq.gif" /> </a> <div style= "clear: both;" ></div> </div> </div> </form> <div style= "clear: both;" ></div> </div>

5.注册页面的form表单代码

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 <div class = "password-con registered" > <form action= "regist.php" method= "post" > <div class = "psw" > <p class = "psw-p1" >用户名</p> <input type= "text" name= "username" placeholder= "hr了" /> <span class = "dui" ></span> </div> <div class = "psw" > <p class = "psw-p1" >输入密码</p> <input type= "password" name= "password" placeholder= "请输入密码" /> <span class = "cuo" >密码由6-16的字母、数字、符号组成</span> </div> <div class = "psw" > <p class = "psw-p1" >确认密码</p> <input type= "password" name= "repassword" placeholder= "请再次输入密码" /> <span class = "cuo" >密码不一致，请重新输入</span> </div> <div class = "psw psw2" > <p class = "psw-p1" >手机号/邮箱</p> <input type= "text" name= "telphone" placeholder= "请输入手机/邮箱验证码" /> <button>获取短信验证码</button> </div> <div class = "psw psw3" > <p class = "psw-p1" >验证码</p> <input type= "text" placeholder= "请输入验证码" /> </div> <div class = "yanzhentu" > <div class = "yz-tu f-l" > <img src= "img/psw-yanzhengtu.gif" /> </div> <p class = "f-l" > 看不清楚？ <a href= "#" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" rel= "external nofollow" >换张图</a> </p> <div style= "clear: both;" ></div> </div> <div class = "agreement" > <input type= "checkbox" name= "hobby" /> <p> 我有阅读并同意 <span>《宅客微购网站服务协议》</span> </p> </div> <button type= "submit" value= "注册" class = "psw-btn" >立即注册</button> <p class = "sign-in" > 已有账号？请 <a href= "login.html" rel= "external nofollow" >登录</a> </p> </form> </div>

6.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 <?php header( "content-type: text/html; charset=utf-8" ); $username = $_post [ 'username' ]; $password = $_post [ 'password' ]; $conn = new mysqli( 'localhost' , 'root' , 'root' , 'shopping' ); if ( $conn ->connect_error){ echo '数据库连接失败！' ; exit (0); } else { if ( $username == '' ){ echo '<script>alert("请输入用户名！");history.go(-1);</script>' ; exit (0); } if ( $password == '' ){ echo '<script>alert("请输入密码！");history.go(-1);</script>' ; exit (0); } $sql = "select username,password from userinfo where username = '$_post[username]' and password = '$_post[password]'" ; $result = $conn ->query( $sql ); $number = mysqli_num_rows( $result ); if ( $number ) { echo '<script>window.location="index.html";</script>' ; } else { echo '<script>alert("用户名或密码错误！");history.go(-1);</script>' ; } } ?>

7.regist.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 <?php header( "content-type: text/html; charset=utf-8" ); $username = $_post [ 'username' ]; $password = $_post [ 'password' ]; $repassword = $_post [ 'repassword' ]; $telphone = $_post [ 'telphone' ]; if ( $username == '' ){ echo '<script>alert("请输入用户名！");history.go(-1);</script>' ; exit (0); } if ( $password == '' ){ echo '<script>alert("请输入密码");history.go(-1);</script>' ; exit (0); } if ( $password != $repassword ){ echo '<script>alert("密码与确认密码应该一致");history.go(-1);</script>' ; exit (0); } if ( $password == $repassword ){ $conn = new mysqli( 'localhost' , 'root' , 'root' , 'shopping' ); if ( $conn ->connect_error){ echo '数据库连接失败！' ; exit (0); } else { $sql = "select username from userinfo where username = '$_post[username]'" ; $result = $conn ->query( $sql ); $number = mysqli_num_rows( $result ); if ( $number ) { echo '<script>alert("用户名已经存在");history.go(-1);</script>' ; } else { $sql_insert = "insert into userinfo (username,password,telphone) values('$_post[username]','$_post[password]','$_post[telphone]')" ; $res_insert = $conn ->query( $sql_insert ); if ( $res_insert ) { echo '<script>window.location="index.html";</script>' ; } else { echo "<script>alert('系统繁忙，请稍候！');</script>" ; } } } } else { echo "<script>alert('提交未成功！'); history.go(-1);</script>" ; } ?>