前后端分离
用户访问的都是html文件,php用作处理后台或者给管理员看
前端html提交表单(index.html)
基础
<form action="logincheck.php" method="POST">
用户名<input type="text" name="username">
密码 <input type ="text" name="password">
<input type ="submit" value="登录">
</form>
加上bootstrap样式
<form action="logincheck.php" method="POST">
<div class="modal-dialog" style="margin-top: 10%;">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-center" id="myModalLabel">登录数码广场</h4>
</div>
<div class="modal-body" id = "model-body">
<div class="form-group">
<input type="text" class="form-control"placeholder="用户名" autocomplete="off" name="username">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="密码" autocomplete="off" name="password">
</div>
</div>
<div class="modal-footer">
<div class="form-group">
<button type="submit" class="btn btn-primary form-control">登录</button>
</div>
<div class="form-group">
<button type="button" class="btn btn-default form-control">注册</button>
</div>
</div>
</div><!-- /.modal-content -->
</div>
</form>
后台php链接数据库处理(logincheck.php)
注意:localhost:3306
注意:验证密码账号是 我根据查询数据库 改的,验证逻辑上有漏洞
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<?php
$one=$_POST["username"];
error_reporting( E_ALL ^ E_NOTICE );
$dbhost = 'localhost:3306';
$dbuser = 'root';
$dbpass = '123456';
$conn = mysqli_connect( $dbhost, $dbuser, $dbpass );
mysqli_query( $conn, 'set names utf8' );
mysqli_select_db( $conn, 'student' );
$sql = "select password FROM user where username='$_POST[username]' ";//要用 双引号:"abc"
$retval = mysqli_query( $conn, $sql );
while( $row = mysqli_fetch_array( $retval ) )
{
// echo
// "{$row['password']}";
if($row['password']==$_POST[password])
{
// header('content-type:text/html;charset=uft-8);
//重定向页面
header('location:index1.html');
}
else
{
}
}
mysqli_close( $conn );
?>
</body>
</html>