MySQL前后台交互登录系统设计

1、首先我们做一个前台的注册页面

    
        
        
        
        
    
    
    
    
        
class="panel panel-primary">
            
class="panel-heading">
                
class="panel-title">用户注册
            
            
class="panel-body">
                
class="form-horizontal">
                    
class="form-group">
                        用户名
                        class="form-control" name="userName"/>
                    
                    
class="form-group">
                        密码
                        class="form-control" name="pwd" />
                    
                    
class="form-group">
                        确认密码
                        class="form-control" name="rePwd" />
                    
                    
class="form-group">
                        真实姓名
                        class="form-control" name="realName" />
                    
                    
                    
class="form-group btns">
                        class="btn btn-primary" value="确定注册" id="submit"/>
                            
                        class="btn btn-success" href="login.php"/>返回登录
                    
                    
                
            
        
    
    
    
    

注：通过Ajax向后台请求数据

2、然后是后台操作

 

 

注：这里我们对MySQL数据库中的数据进行了对比，已注册的用户无法注册

3、下面我们再做一个简单的前台登录页面

 

	
		
		
		
		
	
	
	
	
		

			

				
用户登录
			
			

				

					

						用户名
						
					
					

						密码
						
					
					
					

						
						    
						注册账号
					
					
				
			
		
	
	
	
	

注：也是通过的Ajax，这里我们登录成功后直接进入主页

4、登录页的后台

php

    header("Content-Type:text/html;charset=utf-8");
    @session_start();
    
    include_once("mysqlshujuku.php");
    
    $userName = $_POST["userName"];
    $pwd = $_POST["pwd"];
    
    $loginSql = <<<login
    select * from yzdl where username="{$userName}" and pwd = "{$pwd}";
login;

    $res = mysqli_query($conn, $loginSql);
    
    if($row = mysqli_fetch_row($res)){
        $_SESSION["user"] = $row;

        echo "登录成功";
    }else{
        echo "登录失败";
    }

    
    mysqli_free_result($res);
    mysqli_close($conn);php

    header("Content-Type:text/html;charset=utf-8");
    @session_start();
    
    include_once("mysqlshujuku.php");
    
    $userName = $_POST["userName"];
    $pwd = $_POST["pwd"];
    
    $loginSql = <<<login
    select * from yzdl where username="{$userName}" and pwd = "{$pwd}";
login;

    $res = mysqli_query($conn, $loginSql);
    
    if($row = mysqli_fetch_row($res)){
        $_SESSION["user"] = $row;

        echo "登录成功";
    }else{
        echo "登录失败";
    }

    
    mysqli_free_result($res);
    mysqli_close($conn);

5、最后是主页，主页的具体内容可以自己补充

    
        
        
    
    
    
    
        
我是主页
        php
            session_start();
                        
            if(isset($_SESSION["user"])){
                echo "欢迎您，{$_SESSION['user'][3]}";
            }else{
                $str = <<<js
                
js;
                echo $str;
            }
         ?>
         
         退出系统
    

 

这样一个简单的前后台交互登录注册系统就完成了，如有问题请留言。

 

转载于:https://www.cnblogs.com/adaia/p/7106995.html