对于php和mysql的连接在许多blog上都有说明,为了将mysql中的查询,修改,插入等操作掌握,本文介绍了一下如何采用mysql做一个登录注册修改密码的网页。
其中,如下
1.登录-即为对数据库中的内容给予查询,并验证html中的信息与数据库是否匹配;
2.注册-即为对数据库中的内容进行插入,注册帐号与密码;
3.修改密码-即为对数据库中的内容进行修改。
这三个操作,我用了8个php和html文本来建立 具体见代码部分
1.登录的主界面index.html:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>登录注册修改密码系统主页</title> <style type="text/css"> form { text-align: center; } </style> </head> <body> <form action="enter.php" method="post" onsubmit="return enter()"> 用户名<input type="text"><br> 密码<input type="password"><br> <input type="submit" value="登录"> <input type="button" value="注册"> </form> <script type="text/javascript"> function enter() { var username=document.getElementById("username").value;//获取form中的用户名 var password=document.getElementById("password").value; var regex=https://www.jb51.net/^[/s]+$/;//声明一个判断用户名前后是否有空格的正则表达式 if(regex.test(username)||username.length==0)//判定用户名的是否前后有空格或者用户名是否为空 { alert("用户名格式不对"); return false; } if(regex.test(password)||password.length==0)//同上述内容 { alert("密码格式不对"); return false; } return true; } function register() { window.location.href="register.html";//跳转到注册页面 } </script> </body> </html>
2.登录的后台操作enter.php:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>登录系统的后台执行过程</title> </head> <body> <?php session_start();//登录系统开启一个session内容 $username=$_REQUEST["username"];//获取html中的用户名(通过post请求) $password=$_REQUEST["password"];//获取html中的密码(通过post请求) $con=mysql_connect("localhost","root","root");//连接mysql 数据库,账户名root ,密码root if (!$con) { die('数据库连接失败'.$mysql_error()); } mysql_select_db("user_info",$con);//use user_info数据库; $dbusername=null; $dbpassword=null; $result=mysql_query("select * from user_info where username ='$username';");//查出对应用户名的信息 while ($row=mysql_fetch_array($result)) {//while循环将$result中的结果找出来 $dbusername=$row["username"]; $dbpassword=$row["password"]; } if (is_null($dbusername)) {//用户名在数据库中不存在时跳回index.html界面 ?> <script type="text/javascript"> alert("用户名不存在"); window.location.href="index.html"; </script> <?php } else { if ($dbpassword!=$password){//当对应密码不对时跳回index.html界面 ?> <script type="text/javascript"> alert("密码错误"); window.location.href="index.html"; </script> <?php } else { $_SESSION["username"]=$username; $_SESSION["code"]=mt_rand(0, 100000);//给session附一个随机值,防止用户直接通过调用界面访问welcome.php ?> <script type="text/javascript"> window.location.href="welcome.php"; </script> <?php } } mysql_close($con);//关闭数据库连接,如不关闭,下次连接时会出错 ?> </body> </html>
3.登录成功后的欢迎界面welcome.php:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>欢迎登录界面</title> </head> <body> <?php session_start (); if (isset ( $_SESSION ["code"] )) {//判断code存不存在,如果不存在,说明异常登录 ?> 欢迎登录<?php echo "${_SESSION["username"]}";//显示登录用户名 ?><br> 您的ip:<?php echo "${_SERVER['REMOTE_ADDR']}";//显示ip ?> <br> 您的语言: <?php echo "${_SERVER['HTTP_ACCEPT_LANGUAGE']}";//使用的语言 ?> <br> 浏览器版本: <?php echo "${_SERVER['HTTP_USER_AGENT']}";//浏览器版本信息 ?> <a href="https://www.jb51.net/exit.php">退出登录</a> <?php } else {//code不存在,调用exit.php 退出登录 ?> <script type="text/javascript"> alert("退出登录"); window.location.href="https://www.jb51.net/exit.php"; </script> <?php } ?> <br> <a href="https://www.jb51.net/alter_password.html">修改密码</a> </body> </html>
4.修改密码的主界面alter_password.html: