web登录实现带php

小咪咪 2021-09-30 03:44 262阅读 0赞

![20181223230203760.jpg][]   承接微信小程序开发。扫码加微信。

微信小程序开发交流qq群   581478349 ；

自己刚研究，，不太会所以都打了标注

个人建议登录用表单提交  
欢迎大佬来指导

前端

<!DOCTYPE html>
    <html lang="en">
    
    	<head>
    
    		<meta charset="utf-8">
    		<title>登录</title>
    		
    		<link rel="stylesheet" type="text/css" href="loging.css" />
    		
    		<link rel="stylesheet" href="../layui/css/layui.css">
    		
    		<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    	</head>
    
    	<body>
    
    		<div id="particles-js">
    
    			<div class="login">
    
    				
    
    				<div class="login-center-input">
    					<div class="login-center-input-text">账 号 :</div>
    					<input id="hao" class="input" name="name" value="" placeholder="请输入您的用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'" />
    				</div>
    
    				<div class="login-center-input">
    					<div class="login-center-input-text"> 密 码 :</div>
    					<input class="input" id="ma" type="" name="pass" value="" placeholder="请输入您的密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'" />
    				</div>
    
    				<div class="login-button">
    
    					<button class="layui-btn layui-btn-sm">登录</button></div>
    			</div>
    
    			<div class="sk-rotating-plane"></div>
    		</div>
    		<script type="text/javascript">
    			document.querySelector(".login-button").onclick = function() {
    				//获取账号输入框的value
    				var name = $("input[ name='name' ]").val();
    				//获取密码输入框的value
    				var  pass = $("input[ name='pass' ]").val();
    				//请求接口
    				var url = 'http://localhost/LEARN/php/login.php';
    
    				$.ajax({
    					//请求
    					url: url,
    					//需要向后端传的参数
    					data: {
    						name: name,
    						pass: pass 
    					},
    					//返回数据
    					success: function(result) {
    						console.log(result)
    						if(result==0){
    							alert ('登录成功')
    						}else{
    							alert ('账号密码错误')
    						}
    					}
    				});
    			}
    		</script>
    	</body>
    
    </html>

php

<?php  
    	header("Content-Type:text/html; charset=utf-8");
    	header("Access-Control-Allow-Origin: *"); //解决跨域
    	header('Access-Control-Allow-Methods:post');// 响应类型  
        $link=mysql_connect("localhost","root","root"); 
        mysql_select_db("web_douying", $link); //选择数据库
        mysql_query("SET NAMES utf8");//解决中文乱码问题
        
        // 接收前端传过来的参数
        $name = $_GET['name'];
        $pass = $_GET['pass'];
        // 判断传过来的参数在数据库中是否有符合的
        $result = mysql_query("SELECT * FROM user
    	WHERE name='$name' and passwd='$pass' limit 1");
    	
    	  if($row = mysql_fetch_array($result)){
    		 echo '1'; 
    	  }else{
    		 echo '2'; 
    	  }
    ?>

[20181223230203760.jpg]: https://img-blog.csdnimg.cn/20181223230203760.jpg