//链接数据库
<?php
$link = mysqli_connect('localhost', 'root', '123456', 'stu');
mysqli_set_charset($link, 'utf8');
?>
登录逻辑
<?php
/*登录数据库验证 */
include 'conn.php';
//include 'sign.php';
$name=$_POST['name'];
$password=$_POST['password'];
//前面的name代表数据库中的name字段
if($name && $password)
{
$sql = "SELECT * FROM _zlj_test where name='$name'and password='$password'";
$result = mysqli_query($link, $sql);
$num=mysqli_fetch_row($result);
if($num){
echo"登录成功";
}
else{
echo"该用户不存在或者账号密码错误";
}
}
else{
echo"用户名或密码为空";
}
mysqli_close($link);
?>
注册逻辑
<?php
/*登录数据库验证 */
include 'conn.php';
//include 'sign.php';
$name=$_POST['name'];
$password=$_POST['password'];
//前面的name代表数据库中的name字段
if($name && $password)
{
$sql = "SELECT * FROM _zlj_test where name='$name'and password='$password'";
$result = mysqli_query($link, $sql);
$num=mysqli_fetch_row($result);
if($num){
echo"登录成功";
}
else{
echo"该用户不存在或者账号密码错误";
}
}
else{
echo"用户名或密码为空";
}
mysqli_close($link);
?>
登录页面
<?php
session_start();
header("Content-Type:text/html;charset=utf-8");
?>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<link href="B.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="box">
<h2>登录</h2>
<form action="check.php" method="post" enctype="multipart/form-data">
<div class="inputBox">
<input type="text" name="name" value="" required="required" placeholder=
" 请输入您的学号" title="学号为13为数字"><label>学号</label></div>
<div class="inputBox">
<input type="password" name="password" value="" required="required" placeholder=
" 请输入您的密码"><label>密码</label></div>
<input type="submit" name="submit" value="登录" >
<input type="button" onclick="window.location.href='register.php'" name="submit" value="注册" >
</form>
</div>
</body>
</html>
注册页面
<?php
header("Content-Type:text/html;charset=utf-8");
?>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
<link href="B.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="box">
<h2>注册</h2>
<!--将用户输入的user,和pass提交到login.php-->
<form action="checkregister.php" method="POST" enctype="multipart/form-data">
<div class="inputBox"><input type="text" name="name1" value="" required="required"
placeholder= "请输入您的学号" title="学号为13为数字"><label>学号</label></div>
<div class="inputBox"><input type="password" name="password1" value="" required="required"
placeholder="请输入您的密码"><label>密码</label></div>
<div class="inputBox"><input type="password" name="pass" value="" required="required"
placeholder="请重复您的密码"><label>确认密码</label></div>
<input type="submit" name="submit" value="确认注册">
<input type="button" onclick="window.location.href='sign.php'" value="返回登陆">
</form>
</div>
</body>
</html>
css样式
body {
margin: 0;
padding: 0;
font-family: sans-serif;
/*background: url(http://dik.img.kttpdq.com/pic/2/802/3dc8ae30a4433bc8.jpg);*/
background-size: cover;
}
.box {
position: absolute;
top: 20%;
left: 40%;
/*上三句连在一起用*/
/*Transform属性应用于元素的2D或3D转换
transform: tranlate(-50%, -50%);*/
width: 400px;
padding: 40px;
background: rgba(0, 0, 0, .8);
/*box-sizing 属性允许你以某种方式定义某些元素,以适应指定区域。*/
/*假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。*/
box-sizing: border-box;
box-shadow: 0 15px 25px rgba(0, 0, 0, .5);
border-radius: 10px;
}
.box h2 {
margin: 0 0 30px;
padding: 0;
color: #fff;
text-align: center;
}
/*相对定位和绝对定位的关系????*/
.box .inputBox {
position: relative;
}
.box .inputBOx input {
width: 100%;
padding: 10px 0;
font-size: 15px;
color: #fff;
/*letter-spacing 属性增加或减少字符间的空白(字符间距)*/
letter-spacing: 1px;
margin-bottom: 30px;
border: none;
border-bottom: 1px solid #fff;
outline: none;
/*背景透明*/
background: transparent;
}
/*图标 学号和密码*/
.box .inputBox label {
position: absolute;
top: 0;
left: 0;
letter-spacing: 1px;
padding: 10px 0;
font-size: 16px;
color: #fff;
/*CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target (en-US)。
其中none值能阻止点击、状态变化和鼠标指针变化:
*/
pointer-events: none;
/*transition 属性设置元素当过渡效果*/
transition: .5s;
}
/*学号密码 能上下移动的关键css 焦点*/
.box .inputBox input:focus~label {
top: -18px;
left: 0;
color: #03a9f4;
font-size: 12px;
}
.box input[type="submit"] {
background: transparent;
border: none;
outline: none;
color: #fff;
background: #03a9f4;
padding: 10px 45px;
cursor: pointer;
border-radius: 5px;
margin: 10px;
}
.box input[type="button"] {
background: transparent;
/*背景:全透明*/
border: none;
/*边框样式*/
outline: none;
color: #fff;
background: #03a9f4;
padding: 10px 45px;
/*按钮大小*/
cursor: pointer;
/*光标样式*/
border-radius: 5px;
/*边框圆角*/
margin: 10px;
}
.box img {
align: center;
margin: 10px;
}
利用上述数据库 分页
<?php
/*登录数据库验证 */
include 'conn.php';
//定义分页可能需要的参数
$pagesize=3; //每页显示数
$start_row;//定义每页的首条数据在查询中的起始位置
$pages;//总页数
$page;//当前页
//构建查询语句获取总记录数和计算总页数
$sql="select * from _zlj_test order by id ";
$result = mysqli_query($link, $sql);
/*
//返回的是数组,不能直接输出
$records=mysqli_fetch_row($result);
echo "总记录数:".$records;*/
$shuliang="select count(*) from `_zlj_test` ";
$n=mysqli_query($link,$shuliang);
if(!$n){
exit('查询sql语句执行失败');
}
$records=mysqli_fetch_assoc($n);
//将一维数组的值转换为一个字符串
$records = implode($records);
echo "总记录数:".$records;
//isset() 函数用于检测变量是否已设置并且非 NULL。
$page=isset($_GET['page'])?$_GET['page']:1;
$start_row=($page-1)*$pagesize;
$pages=ceil($records/$pagesize);
//分页显示sql1语句
$sql1="select * from _zlj_test order by id asc limit {$start_row},{$pagesize}";
$result=mysqli_query($link,$sql1);
if (!$result) {
exit('查询sql语句执行失败。错误信息:'.mysqli_error($link)); // 获取错误信息
}
$data = mysqli_fetch_all($result, MYSQLI_ASSOC);
echo "<br>总页数:".$pages;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PHP分页练习</title>
<style>
tr>td>a:link,tr>td>a:visited{
padding:5px;
color:blue;
text-decoration:none;
}
td>span{
color:black;
}
span>a{
color:silver;
}
</style>
</head>
<body>
<div style='align:center;'></div>
<table border='1' width='500' align='center' rules='all'>
<caption><h1>员工信息中心</h1></caption>
<tr align="center">
<th>编号</th>
<th>姓名</th>
<th>密码</th>
</tr>
<?php
//输出 这块出错了 要注意
foreach ($data as $key => $value)
{
foreach($value as $k => $v)
{
$arr[$k]=$v;
}
echo "<tr>";
echo "<td>{$arr['id']}</td>";
echo "<td>{$arr['name']}</td>";
echo "<td>{$arr['password']}</td>";
echo "</tr>";
}
?>
<?php
echo "<tr align='center'>";
echo "<td colspan='8'>";
//如果总页数小于9页,则正常显示吧
//只考虑第一页和最后一页的特殊情况,中间一般显示,当前页没有样式
//每页显示数 $pagesize=3;
//定义每页的首条数据在查询中的起始位置 $start_row;
//总页数 $pages;
//当前页 $page;
if($pages<=9)
{
$start=1;
$next=$page+1;
$forward=$page-1;
$end=$pages;
if($page==1){
//当前页是第1页的话,“上一页”不可用
echo "<span> <a style='disabled'>上一页</span>";
for($i=1;$i<=$pages;$i++){
if($i==$page)//当前页显示为无链接标记
{
echo "<span>$i</span>";
}
else
{
//正常显示其他页面的链接
echo "<a href=?page=$i>$i</a>";
}
}
echo "<a href=?page=$next>下一页</a>";
}
//当前页是最终页的话,“下一页”不可用
elseif($page==$pages)
{
$forward=$page-1;
echo "<a href=?page=$forward>上一页</a>";
for($i=1;$i<=$pages;$i++)
{
//当前页显示为无链接标记
if($i==$page)
{
echo "<span>$i</span>";
}
else
{
echo "<a href=?page=$i>$i</a>";
}
}
echo "<span><a style='disabled'>下一页</span>";
//当前页是最后一页的话,“下一页”不可用
}
else
{
echo "<a href=?page=$forward>上一页</a>";
for($i=1;$i<=$pages;$i++)
{
if($i==$page) //当前页显示为无链接标记
{
echo "<span>$i</span>";
}
else
{
echo "<a href=?page=$i>$i</a>";
}
}
echo "<a href=?page=$next>下一页</a>";
}
}
?>
</body>
</html>