首页 > > 网络编程 > Php编程 >

利用PHP连接数据库——实现用户登录注册功能以及…

2018-06-22 05:27:41来源：未知 阅读 ()

新老客户大回馈,云服务器低至5折

1.用户注册页面

页面效果：

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="bootstrap/js/jquery-1.11.2.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
                
        <style>
        .title{
            margin-left: 550px;
            margin-top: 50px;
        }
        .quanju{
                margin-left: 400px;
                margin-top: -50px;
            }
        .uid,.pwd,.name{
            max-width: 120px;
        }
        .yangshi1{
            margin-top: 100px;
        }
        .code{
                max-width: 120px;
        }
        .birthday{
            max-width: 120px;
        }
    </style>
  
    <body>        
    <form class="form-horizontal" role="form" action="zhucechuli.php" method="post">
        <h3 class="title">用户注册</h3>
        <div class="quanju">            
            <div class="form-group yangshi1">
                <label for="firstname" class="col-sm-2 control-label">用户名:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control uid" name="uid" placeholder="请输入用户名">
                </div>
            </div>
            <div class="form-group yangshi2">
                <label for="lastname" class="col-sm-2 control-label">密码:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control pwd" name="pwd"  placeholder="请输入密码">
                </div>
            </div>
            <div class="form-group yangshi2">
                <label for="lastname" class="col-sm-2 control-label">姓名:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control name" name="name" placeholder="请输入姓名">
                </div>
            </div>                    
            <div class="form-group yangshi2">
                <label for="lastname" class="col-sm-2 control-label">生日:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control birthday" name="birthday" placeholder="请输入生日">
                </div>
            </div>
            <div class="form-group yangshi2">
                <label for="lastname" class="col-sm-2 control-label">工号:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control code" name="code" placeholder="请输入工号">
                </div>
            </div>                
            <div class="form-group yangshi2">
                <label for="lastname" class="col-sm-2 control-label">性别:</label>
                <div class="col-sm-10">
                     <label class="radio-inline">
                      <input type="radio" name="sex" value="男" checked="checked"> 男
                     </label>
                     <label class="radio-inline">
                      <input type="radio" name="sex" value="女" > 女
                     </label>
                </div>
            </div>                
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-success" value="注册" onclick="return zhuce()">
                    立即注册
                    </button>
                </div>
            </div>            
        </div>
    </form>
    </body>
    <script>
        function zhuce(){
            var uid = document.getElementsByTagName("input")[0].value;
            if(uid==""){
                alert("输入的用户名有误!");
                return false;
            }
            var pwd = document.getElementsByTagName("input")[1].value;
            if(pwd==""){
                alert("输入的密码有误!");
                return false;
            }
            var name = document.getElementsByTagName("input")[2].value;
            if(name==""){
                alert("输入的姓名有误!");
                return false;
            }
            var birthday = document.getElementsByTagName("input")[3].value;
            if(birthday==""){
                alert("输入的生日有误!");
                return false;
            }
            var code = document.getElementsByTagName("input")[4].value;
            if(code==""){
                alert("输入的工号有误!");
                return false;
            }
            
        }
    </script>
</html>

php处理

<?php
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
$name = $_POST["name"];
$sex = $_POST["sex"];
$birthday = $_POST["birthday"];
$code = $_POST["code"];

require_once "./DBDA.class.php";
$db =  new DBDA();
$sql  ="insert into userinfo values('{$uid}','{$pwd}','{$name}','{$sex}','{$birthday}','{$code}',0)";
$r = $db->query($sql,1);
if($r){
    header("location:login.php");
}else{
    echo "登录失败!";
}

2.用户登录页面

页面效果：

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="bootstrap/js/jquery-1.11.2.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    </head>
    <style>
        .title{
            margin-left: 550px;
            margin-top: 150px;
        }
        .quanju{
            margin-left: 400px;
            margin-top: -150px;
        }
        .name,.pwd{
            max-width: 120px;
        }
        .yangshi1{
            margin-top: 200px;
        }
    </style>
    
    
    <body>
        
<form class="form-horizontal" role="form" action="loginchuli.php" method="post">
    <h3 class="title">用户登录</h3>
    <div class="quanju">
            <div class="form-group yangshi1">
                <label for="firstname" class="col-sm-2 control-label">用户名:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control name" name="uid" placeholder="请输入用户名">
                </div>
            </div>
            <div class="form-group yangshi2">
                <label for="lastname" class="col-sm-2 control-label">密码:</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control pwd" name="pwd" placeholder="请输入密码">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <div class="checkbox">
                        <label>
                        <input type="checkbox">
                        保存密码 </label>
                        <label>
                        <input type="checkbox">
                        下次自动登录 </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-warning" value="登录" onclick="return login()" >
                    登录
                    </button>
                    
                </div>
            </div>
        </div>    
    </form>
    <a href="register.php">
            <button type="submit" value="立即注册" class="btn btn-link" style="margin-left: 630px; margin-top: -80px;">
            立即注册
            </button>
        </a>        
    </body>
    <script>
        function login(){
            var uid = document.getElementsByTagName("input")[0].value;
            if(uid==""){
                alert("请输入用户名!");
                return false;
            }
            var pwd = document.getElementsByTagName("input")[1].value;
            if(pwd==""){
                alert("请输入密码!");
                return false;
            }
        }
        
    </script>
</html>

php处理

<?php
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];

require_once "./DBDA.class.php";
$db =  new DBDA();
$sql = "select * from userinfo where uid='{$uid}'";
$arr = $db->query($sql,0);
if($arr[0][1]==$pwd && !empty($pwd)){
    if($arr[0][6]){        
    echo "登录成功!";
}else{
    echo "该账号未通过审核!";
}
}else{
    echo "用户名或密码错误!";
}

3.管理员审核页面

页面效果：

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="bootstrap/js/jquery-1.11.2.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
        <h3 style="margin-left: 550px; margin-top: 100px;">用户审核</h3>
        <table class="table table-bordered" style="max-width: 800px; margin-left: 250px;">
            <thead>
                <tr>
                    <th>用户名</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>生日</th>
                    <th>工号</th>
                    <th>审核状态</th>
                </tr>
            </thead>
            <tbody>
                <?php
    require_once "./DBDA.class.php";
    $db =  new DBDA();    
    $sql = "select * from userinfo";
    $arr = $db->query($sql,0);
    foreach($arr as $v){

　　//使用三元运算符进行审核状态的判断
        $status = $v[6]?"<span style=''>已通过</span>":"<a href='reviewchuli.php?uid={$v[0]}' style='color: blue'>通过</a>";
        echo "<tr>
      <td>{$v[0]}</td>
      <td>{$v[1]}</td>
      <td>{$v[2]}</td>
      <td>{$v[3]}</td>
      <td>{$v[4]}</td>
      <td>{$v[5]}</td>
      <td>{$status}</td>
    </tr>";
    }
                ?>
            </tbody>
        </table>

    </body>
</html>

php处理

<?php
$uid = $_GET["uid"];

require_once "./DBDA.class.php";
$db =  new DBDA();
$sql = "update userinfo set status=1 where uid='{$uid}'";
$arr = $db->query($sql,1);
if($arr){
    header("location:administrators.php");
}else{
    echo "审核失败!";
}

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

上一篇：ThinkPHP5 正则验证中有“|”时提示“规则错误”的解决方案

下一篇：PHP中关于PDO数据访问抽象层的功能操作

相关文章

IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设

网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源

网站联盟： 联盟新闻 联盟介绍 联盟点评 网赚技巧

行业资讯： 搜索引擎 网络游戏 电子商务 广告传媒

网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它

服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护

软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷

网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash

程序设计： Java技术 C/C++ VB delphi

网络知识： 网络协议 网络安全 网络管理 组网方案 Cisco技术

操作系统： Win2000 WinXP Win2003 Mac OS Linux FreeBSD

热门词条
最新资讯
热门关注
热门标签