首先连接数据库:
connect.php
<?php
header('content-type:text/html;charset=utf-8');
$mysql_conf = array(
'host'=>'localhost:3306', // 地址
'db_user'=>'root', // 用户名
'db_pass'=>'root', // 密码
'db'=>'1111' // 数据库名);
// 连接数据库(登录) mysqli
$mysqli = new mysqli($mysql_conf['host'],$mysql_conf['db_user'],$mysql_conf['db_pass']);
// 判断是否连接成功 // die()函数 用于终止代码执行
if($mysqli->connect_errno){
die('连接错误'.$mysqli->connect_errno);}
// 设置查询字符集
$mysqli->query('set names utf8');
// 选择数据库
$select_db = $mysqli->select_db($mysql_conf['db']);
// 判断数据库是否选择成功
if(!$select_db){
die('数据库选择错误'.$mysqli->error);
}
?>
简易注册界面设计:
reg.html
该界面使用了bootstrap框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./bootstrap.css">
</head>
<body>
<div class="container">
<div class="h1 text-center">注册页面</div>
<form action="./reg.php" method="POST">
<div class="form-group">
<label for="username">用户名</label>
<input type="text" class="form-control" id="username" placeholder="username" name="username">
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="text" class="form-control" id="password" placeholder="password" name="password">
</div>
<div class="form-group">
<label for="email">邮箱</label>
<input type="text" class="form-control" id="email" placeholder="email" name="email">
</div>
<div class="form-group">
<label for="phone">电话</label>
<input type="text" class="form-control" id="phone" placeholder="phone" name="phone">
</div>
<div class="form-group">
<label for="add">地址</label>
<input type="text" class="form-control" id="add" placeholder="add" name="add">
</div>
<div class="form-group">
<input type="submit" class="btn btn-primary btn-block">
</div>
</form>
</div>
</body>
</html>
注册操作程序:
reg.php
<?php
// 注册的业务逻辑
// 1. 连接数据库
include('./conn.php');
// 2. 接收前端发过来的数据
// 3. 验证数据(用户名是否存在)
// 4. 根据验证的结果进行下一步
// 用户名存在 提示用户 用户名已存在 跳转回注册页
// 用户名不存在 将用户提交的数据 写入数据库
// 2. 接收数据
$username = $_REQUEST['username'];
$password = $_REQUEST['password'];
$email = $_REQUEST['email'];
$phone = $_REQUEST['phone'];
$add = $_REQUEST['add'];
// 3. 查询用户名数据库中是否存在
$sql = "select * from users where user_name='$username'";
// 执行sql语句
$result = $mysqli->query($sql);
if($result->num_rows>0){
// 判断结果中数据大于0行
// 说明查询到了这个用户名
echo '<script>alert("用户名已存在");</script>';
echo '<script>location.href="./eg03.reg.html";</script>';
$mysqli->close();
die;
}
// 将用户传递过来的数据 写入数据库
$insertUser = "insert into users(user_name,user_password,user_email,user_phone,user_add)values('$username','$password','$email','$phone','$add')";
$res = $mysqli->query($insertUser);
$mysqli->close();
if($res){
echo '<script>alert("注册成功");</script>';
echo '<script>location.href="./login.html";</script>';//跳转至登录页面
}
?>
简易登录界面设计
login.html
该界面使用了bootstrap框架
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./bootstrap.css">
</head>
<body>
<div class="container">
<div class="h1 text-center">登录页</div>
<form action="eg04.reg.php" method="POST">
<div class="form-group">
<label for="username">用户名</label>
<input type="text" class="form-control" id="username" placeholder="username" name="username">
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="text" class="form-control" id="password" placeholder="password" name="password">
</div>
<div class="form-group">
<input type="submit" class="btn btn-success btn-block">
</div>
</div>
</body>
</html>
登录操作程序
login.php
<?php
// 登录的业务逻辑
// 1. 连接数据库
nclude('./conn.php')
// 2. 接收前端发过来的数据
// 3. 验证数据(用户名密码是否正确)
// 4. 根据验证的结果进行下一步
// 2. 接收数据
$username = $_REQUEST['username'];
$password = $_REQUEST['password'];
// 3. 查询用户名数据库中是否存在
$sql1 = "select * from users where user_name='$username'and user_password='$password'";
// 执行sql语句
$result2 = $mysqli->query($sql1);
if($result2->num_rows>0){
// 判断结果中数据大于0行
// 说明查询到了这个用户名
echo '<script>alert("登录成功");</script>';
$mysqli->close();
}else{
echo '<script>alert("用户名或者密码错误");</script>';
echo '<script>location.href="./login.html";</script>';
}
?>
至此简易的注册登录就完成了!