您的位置：首页 > 编程语言 > PHP开发

php实现登录页面的简单实例

2019-09-29 16:15 1106 查看

开始自然是从最简单的功能起步，我第一个任务选择了做一个登录操作，其实也没想象中那么简单。

1、首先自然是连接和创建数据库

这部分我写在model.php中

$userName='root';

$passWord='';

$host='localhost';

$dataBase='login';

//创建连接

$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

2、写前台页面，为了熟练前端框架，使用layui框架界面，前面有一段js代码，来判断用户名密码输入是否为空。

<!DOCTYPE html>

<html>

<script src="layui.js";></script>

<link rel="stylesheet" href="layui.css" rel="external nofollow" ;>

<head>

<meta charset="UTF-8">

<title>注册登录</title>

</head>

<script language=JavaScript>

function InputCheck()

{

if (Login.username.value == "")

{

alert("请输入用户名!");

Login.username.focus();

return (false);

}

if (Login.password.value == "")

{

alert("请输入密码!");

Login.password.focus();

return (false);

}

}

</script>

<body style="background: #1E9FFF">

<div style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px">

<div style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" >

<div>

<form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()">

<div style="color: gray">

<h2>注册登录系统</h2>

</div>

<hr>

<div>

<label>用户名</label>

<div>

<input type="text" name="username" id="username" placeholder="用户名"

autocomplete="off">

</div>

</div>

<div>

<label>密  码</label>

<div>

<input type="password" name="password" id="password" placeholder="密码"

autocomplete="off">

</div>

</div>

<div>

<div;>

<input type="submit" value="登录">

<input type="button" value="注册">

</div>

</div>

</form>

</div>

</div>

</div>

</body>

</html>

3、login.php 用来判断用户名密码的正确性，关于这一点我看了网上的很多方法，五花八门，在我没遇到障碍之前，我决定先用简单的形式，就是用sql语句查询用户名配上密码的结果集，结果集为空，则不存在该用户。

<?php

//数据库连接

require_once 'model.php';

//从登录页接受来的数据

$name=$_POST['username'];

$pwd=$_POST['password'];

$sql="select id,username,password from user where username='$name' AND password='$pwd';";

$result=mysqli_query($conn,$sql);

$row=mysqli_num_rows($result);

if(!$row){

echo "<script>alert('密码错误，请重新输入');location='login.html'</script>";

}

else{

echo "<script>alert('登录成功');location='123'</script>";

};

4、文件目录

5、效果如下：

以上就是php如何实现登录页面的详细内容，感谢大家对脚本之家的支持。

您可能感兴趣的文章:

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： php 登录页面

相关文章推荐

新的分享

章节导航