zoukankan      html  css  js  c++  java
  • php+mysql实现简单登录注册修改密码网页

    本文为php+mysql实现简单登录注册修改密码网页,原文网址:http://www.jb51.net/article/98673.htm,感谢写此代码的人,亲测有效。感谢感谢

    对于php和mysql的连接在许多blog上都有说明,为了将mysql中的查询,修改,插入等操作掌握,本文介绍了一下如何采用mysql做一个登录注册修改密码的网页。

    其中,如下

    1.登录-即为对数据库中的内容给予查询,并验证html中的信息与数据库是否匹配;
    2.注册-即为对数据库中的内容进行插入,注册帐号与密码;
    3.修改密码-即为对数据库中的内容进行修改。

    这三个操作,我用了8个php和html文本来建立 具体见代码部分
    1.登录的主界面index.html:

    <p> 
      </p><pre name="code" class="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" name="username" id="username"><br> 密码<input
          type="password" name="password" id="password"><br> <input
          type="submit" value="登录">  <input type="button"
          value="注册" onclick="register();"> 
      
      </form> 
      
      <script type="text/javascript"> 
        function enter() 
        { 
          var username=document.getElementById("username").value;//获取form中的用户名 
          var password=document.getElementById("password").value; 
          var regex=/^[/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}' and isdelete =0;");//查出对应用户名的信息,isdelete表示在数据库已被删除的内容
    //user_info为所创建的表 
        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="exit.php">退出登录</a> 
    <?php
    } else {//code不存在,调用exit.php 退出登录 
      ?> 
    <script type="text/javascript"> 
      alert("退出登录"); 
      window.location.href="exit.php"; 
    </script> 
    <?php
    } 
    ?> 
    <br> 
      <a href="alter_password.html">修改密码</a> 
      
    </body> 
    </html> 

    4.修改密码的主界面alter_password.html:

    <!DOCTYPE html> 
    <html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>修改密码</title> 
    <style type="text/css"> 
      form{ 
        text-align: center; 
      } 
    </style> 
    </head> 
    <body> 
      <?php 
        session_start(); 
      ?> 
      <form action="alter_password.php" method="post" onsubmit="return alter()"> 
        用户名<input type="text" name="username" id ="username" /><br/> 旧密码<input
          type="password" name="oldpassword" id ="oldpassword"/><br/> 新密码<input
          type="password" name="newpassword" id="newpassword"/><br/> 确认新密码<input
          type="password" name="assertpassword" id="assertpassword"/><br/> <input
          type="submit" value="修改密码" onclick="return alter()"> 
      </form> 
        <script type="text/javascript"> 
          document.getElementById("username").value="<? php echo "${_SESSION["username"]}";?>" 
        </script> 
      
      <script type="text/javascript"> 
        function alter() { 
            
          var username=document.getElementById("username").value; 
          var oldpassword=document.getElementById("oldpassword").value; 
          var newpassword=document.getElementById("newpassword").value; 
          var assertpassword=document.getElementById("assertpassword").value; 
          var regex=/^[/s]+$/; 
          if(regex.test(username)||username.length==0){ 
            alert("用户名格式不对"); 
            return false; 
          } 
          if(regex.test(oldpassword)||oldpassword.length==0){ 
            alert("密码格式不对"); 
            return false; 
          } 
          if(regex.test(newpassword)||newpassword.length==0) { 
            alert("新密码格式不对"); 
            return false; 
          } 
          if (assertpassword != newpassword||assertpassword==0) { 
            alert("两次密码输入不一致"); 
            return false; 
          } 
          return true; 
      
        } 
      </script>  
    </body> 
    </html> 

    5.修改密码的后台操作alter_password.php:

    <!doctype html> 
    <html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>正在修改密码</title> 
    </head> 
    <body> 
      <?php
      session_start (); 
      $username = $_REQUEST ["username"]; 
      $oldpassword = $_REQUEST ["oldpassword"]; 
      $newpassword = $_REQUEST ["newpassword"]; 
        
      $con = mysql_connect ( "localhost", "root", "root" ); 
      if (! $con) { 
        die ( '数据库连接失败' . $mysql_error () ); 
      } 
      mysql_select_db ( "user_info", $con ); 
      $dbusername = null; 
      $dbpassword = null; 
      $result = mysql_query ( "select * from user_info where username ='{$username}' and isdelete =0;" ); 
      while ( $row = mysql_fetch_array ( $result ) ) { 
        $dbusername = $row ["username"]; 
        $dbpassword = $row ["password"]; 
      } 
      if (is_null ( $dbusername )) { 
        ?> 
      <script type="text/javascript"> 
        alert("用户名不存在"); 
        window.location.href="alter_password.html"; 
      </script>  
      <?php
      } 
      if ($oldpassword != $dbpassword) { 
        ?> 
      <script type="text/javascript"> 
        alert("密码错误"); 
        window.location.href="alter_password.html"; 
      </script> 
      <?php
      } 
      mysql_query ( "update user_info set password='{$newpassword}' where username='{$username}'" ) or die ( "存入数据库失败" . mysql_error () );//如果上述用户名密码判定不错,则update进数据库中 
      mysql_close ( $con ); 
      ?> 
      
      
      <script type="text/javascript"> 
        alert("密码修改成功"); 
        window.location.href="index.html"; 
      </script> 
    </body> 
    </html> 

    6.注册帐号的主界面register.html:

    <!doctype html> 
    <html> 
    <head> 
    <meta charset="UTF-8"> 
    <title>注册系统</title> 
    <style type="text/css"> 
    form { 
      text-align: center; 
    } 
    </style> 
    </head> 
    <body> 
      
      <form action="register.php" method="post" name="form_register"
        onsubmit="return check()"> 
        用户名<input type="text" name="username" id="username"><br> 
        密码<input type="password" name="password" id="password"><br> 
        确认密码<input type="password" name="assertpassword" id="assertpassword"><br> 
        <input type="submit" value="注册"> 
      
      </form> 
      
      <script type="text/javascript"> 
        function check() { 
          var username=document.getElementById("username").value; 
          var password=document.getElementById("password").value; 
          var assertpassword=document.getElementById("assertpassword").value; 
          var regex=/^[/s]+$/; 
            
          if(regex.test(username)||username.length==0){ 
            alert("用户名格式不对"); 
            return false; 
          } 
          if(regex.test(password)||password.length==0){ 
            alert("密码格式不对"); 
            return false;     
          } 
          if(password!=assertpassword){ 
            alert("两次密码不一致"); 
            return false; 
          } 
        } 
      </script> 
    </body> 
    </html> 

    7.注册帐号的后台操作register.php:

    <!doctype html> 
    <html> 
    <head> 
    <meta charset="UTF-8"> 
      <title>注册用户</title> 
    </head> 
    <body> 
      <?php 
        session_start(); 
        $username=$_REQUEST["username"]; 
        $password=$_REQUEST["password"]; 
      
        $con=mysql_connect("localhost","root","root"); 
        if (!$con) { 
          die('数据库连接失败'.$mysql_error()); 
        } 
        mysql_select_db("user_info",$con); 
        $dbusername=null; 
        $dbpassword=null; 
        $result=mysql_query("select * from user_info where username ='{$username}' and isdelete =0;"); 
        while ($row=mysql_fetch_array($result)) { 
          $dbusername=$row["username"]; 
          $dbpassword=$row["password"]; 
        } 
        if(!is_null($dbusername)){ 
      ?> 
      <script type="text/javascript"> 
        alert("用户已存在"); 
        window.location.href="register.html"; 
      </script>  
      <?php 
        } 
        mysql_query("insert into user_info (username,password) values('{$username}','{$password}')") or die("存入数据库失败".mysql_error()) ; 
        mysql_close($con); 
      ?> 
      <script type="text/javascript"> 
        alert("注册成功"); 
        window.location.href="index.html"; 
      </script> 
        
        
            
          
          
    </body> 
    </html> 

    8.非法登录时退出登录的操作exit.php:

    <!doctype html> 
    <html> 
    <head> 
    <meta charset="UTF-8"> 
    </head> 
    <body> 
    <?php
    session_start ();//将session销毁时调用destroy 
    session_destroy (); 
    ?> 
    <script type="text/javascript"> 
     window.location.href="index.html"; 
    </script> 
    </body> 
    </html> 

    9.mysql数据库搭建部分:

     
  • 相关阅读:
    构造月份选择框
    自定义验证
    设置队列中文件上的“X”号的点击事件+uploadLimit动态加1
    easyui在table单元格中添加进度条
    js里生成guid
    宽高
    获取iframe中的tree
    form表单
    position详解
    java通过jdbc连接数据库并更新数据(包括java.util.Date类型数据的更新)
  • 原文地址:https://www.cnblogs.com/HuangDaDa/p/7349565.html
Copyright © 2011-2022 走看看