PHP表白墙源码(前端+后台)
前端页面以及代码展示
页面及功能:表白信息展示,添加表白信息,删除表白信息,修改表白信息,表白信息模糊查询等
一、表白信息展示
页面截图展示
代码展示
页面部分代码如下:
<div class="top" style="background-color:lightpink;">
<div class="topbox">
<h3 style="float: left;color: red;">表白墙</h3>-山野千里,你是我藏在微风中的欢喜!
<form action="cxqiang.php" method="post" style="display: inline-block;">
<input type="text" placeholder="请输入被表白人姓名" class="name" id="name" name="name"/>
<a href="cxqiang.php"><input type="submit" value="查询被表白信息" id="sub"/></a>
</form>
<a href="admin/login.php" class="topa">请登录!</a><span class="topspan">管理员,</span>
</div>
</div>
<div class="mid" style="height: 250px">
<a href="biaobai.php"><img src="logo.png" alt="" style="width: 100%;height: 100%"></a>
</div>
<div class="but" style="background-color:rgba(255,255,255,.1);">
<ul>
<?php foreach ($news as $key=>$value){ ?>
<li>
<div class="bb" style="background-color:rgb(250,168,248);">
<div class="bbtop" style="color: crimson;">
亲爱的<?php echo $value['name1']?>:
</div>
<div class="bbmid" style="color: #ff7200">
<?php echo $value['content']?><br>
<img src="./uploads/<?php echo $value['photo']?>" alt=""><br>
记得联系我呀,tel:<?php echo $value['tel']?>
</div>
<div class="bbbut">
<?php date_default_timezone_set("PRC") ?>
<span style="font-size: xx-small;color: #447391;">发表时间:<?php echo date('Y-m-d H:i',$value['btime'])?></span>
<a class="gs" href="xiugai.php?id=<?php echo $value['id']?>">修改</a>
<a class="gs" href="shanchu.php?id=<?php echo $value['id']?>">删除</a>
<span id="name2" style="color: dodgerblue">爱你的<?php echo $value['name2']?></span>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
数据库部分代码如下:
$link=@mysqli_connect('localhost','root','root','bbq') or
die('连接失败:'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="select * from qiang";
$res=mysqli_query($link,$sql);
if (!$res){
die('查询失败');
}
$news=mysqli_fetch_all($res,MYSQLI_ASSOC);
mysqli_close($link);
二、添加表白信息
页面截图展示
代码展示
页面部分代码如下:
<h3>心动不如行动,表白你爱的ta!</h3>
<form action="./bbadd.php" method="post" enctype="multipart/form-data">
ta的名字:<input type="text" name="name1" class="name" placeholder="请输入你要表白的人">
你的名字:<input type="text" name="name2" class="name" placeholder="请输入你的尊姓大名">
<textarea name="content" id="" class="content" placeholder="请输入表白的内容"></textarea><br>
你的电话:<input type="text" name="tel" class="name" placeholder="请输入你的电话号码">
ta的照片:<input type="file" name="pic" id="pic" style="width: 170px">
<input type="submit" class="submit" value="提交">
<a href="qiang.php" class="submit" style="display: inline-block;color: black;background-color:white;text-decoration: none;line-height: 30px">取消</a>
</form>
数据库部分代码如下:
$name1=$_POST['name1'];
$name2=$_POST['name2'];
$tel=$_POST['tel'];
$content=$_POST['content'];
$file_info=$_FILES['pic'];
$file_name=$file_info['name'];
move_uploaded_file($file_info['tmp_name'],'./uploads/'.$file_name);
$link=@mysqli_connect('localhost','root','root','bbq') or
die('连接失败'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="insert into qiang (name1,name2,content,tel,btime,photo) values ('{$name1}','{$name2}','{$content}','{$tel}',UNIX_TIMESTAMP(),'{$file_name}')";
$res=mysqli_query($link,$sql);
if($res){
header("location:qiang.php");
}else{
echo '添加失败';
header("refresh:1;url=qiang.php");
}
三、删除表白信息
页面截图展示
代码展示
页面部分代码如下:
<a class="gs" href="shanchu.php?id=<?php echo $value['id']?>">删除</a>
数据库部分代码如下:
$id=$_GET['id'];
$link=mysqli_connect('localhost','root','root','bbq') or
die('连接失败'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="delete from qiang where id={$id}";
$res=mysqli_query($link,$sql);
if ($res){
header('location:qiang.php');
}
mysqli_close($link);
四、修改表白信息
页面截图展示
代码展示
页面部分代码如下:
<h3>表白信息修改</h3>
<form action="xiugai2.php" method="post">
<input type="hidden" name="id" value="<?php echo $id ?>">
你要表白的人:<input type="text" name="name1" class="name" placeholder="请输入你要表白的人" value="<?php echo $arr['name1'] ?>">
<textarea name="content" id="" class="content" placeholder="请输入表白的内容"><?php echo $arr['content'] ?></textarea><br>
你的名字:<input type="text" name="name2" class="name" placeholder="请输入你的尊姓大名" value="<?php echo $arr['name2'] ?>">
你的电话:<input type="text" name="tel" class="name" placeholder="请输入你的电话号码" value="<?php echo $arr['tel'] ?>">
<input type="submit" class="submit" value="提交修改">
</form>
数据库部分代码如下:
//接收修改前待修改信息
$id=$_GET['id'];
$link=mysqli_connect('localhost','root','root','bbq') or
die('连接失败'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="select * from qiang where id={$id}";
$res=mysqli_query($link,$sql);
$arr=mysqli_fetch_assoc($res);
mysqli_close($link);
//修改信息
$id=$_POST['id'];
$name1=$_POST['name1'];
$name2=$_POST['name2'];
$tel=$_POST['tel'];
$content=$_POST['content'];
$link=mysqli_connect('localhost','root','root','bbq') or
die('连接失败'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="update qiang set name1='$name1',content='$content',name2='$name2',tel='$tel',btime=UNIX_TIMESTAMP() where id=$id";
$res=mysqli_query($link,$sql);
if ($res){
header('location:qiang.php');
}
else{
echo '更新失败';
header('refresh:1;url=qiang.php');
}
mysqli_close($link);
五、表白信息模糊查询
页面截图展示
代码展示
页面部分代码如下:
//查询框
<form action="cxqiang.php" method="post" style="display: inline-block;">
<input type="text" placeholder="请输入被表白人姓名" class="name" id="name" name="name"/>
<a href="cxqiang.php"><input type="submit" value="查询被表白信息" id="sub"/></a>
</form>
//查询结果页
<div class="top" style="background-color:lightpink;">
<div class="topbox">
<h3 style="float: left;color: red;">被表白信息查询结果</h3>
</div>
</div>
<div class="but" style="background-color:rgba(255,255,255,.1);">
<ul>
<?php foreach ($news as $key=>$value){ ?>
<li>
<div class="bb" style="background-color:rgb(250,168,248);">
<div class="bbtop" style="color: crimson;">
亲爱的<?php echo $value['name1']?>:
</div>
<div class="bbmid" style="color: #ff7200">
<?php echo $value['content']?><br>
<img src="./uploads/<?php echo $value['photo']?>" alt=""><br>
记得联系我呀,tel:<?php echo $value['tel']?>
</div>
<div class="bbbut">
<?php date_default_timezone_set("PRC") ?>
<span style="font-size: xx-small;color: #447391;">发表时间:<?php echo date('Y-m-d H:i',$value['btime'])?></span>
<a class="gs" href="xiugai.php?id=<?php echo $value['id']?>">修改</a>
<a class="gs" href="shanchu.php?id=<?php echo $value['id']?>">删除</a>
<span id="name2" style="color: dodgerblue">爱你的<?php echo $value['name2']?></span>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
数据库部分代码如下:
$name=$_POST['name'];
$link=@mysqli_connect('localhost','root','root','bbq') or
die('连接失败:'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="select * from qiang where name1 like '%$name%'";
$res=mysqli_query($link,$sql);
if (!$res){
die('查询失败');
}
$news=mysqli_fetch_all($res,MYSQLI_ASSOC);
mysqli_close($link);
后台页面以及代码展示
页面及功能:注册登录,表白信息列表展示,删除表白信息,批量删除表白信息,列表展示管理员信息,增加删除修改管理员信息等
一、注册登录
页面截图展示
代码展示
页面部分代码如下:
//登陆页面为例
<div class="title">
<span class="login colorRed"><a href="" style="color: white">登录</a></span>
<span class="register"><a href="register.php" style="color: red">注册</a></span>
</div>
<form action="login2.php" method="post" class="login">
<ul>
<li>
<label for="account">账 号</label>
<input type="text" placeholder="请输入账号" class="name" id="name" name="name"/>
<span class="error"></span>
</li>
<li>
<label for="password">密 码</label>
<input type="password" class="password" id="password" placeholder="请输入密码" name="password"/>
<span class="error"></span>
</li>
<li>
<label for="authCode">验证码</label>
<input type="text" class="sraddphotokey" id="authCode" placeholder="请输入验证码" name="code"/>
<a id="kanbuq" href="javascript:;">看不清,点击图片切换</a><img src="./vcode.php" id="pic">
<script>
var pic=document.getElementById("pic");
pic.onclick=function () {
pic.src="./vcode.php?t="+new Date();
}
</script>
<span class="error"></span>
</li>
<div class="submit">
<input type="submit" value="立即登录"/>
</div>
</ul>
</form>
数据库部分代码如下:
//登录页面
$account=$_POST['name'];
$pass=$_POST['password'];
$code=$_POST['code'];
session_start();
$vcode=$_SESSION['vcode'];
if(empty($account)||empty($pass)||empty($code)){
echo '登录失败,所有内容不能为空';
header('refresh:1;url=./login.php');
die();
}
if ($code!=$vcode){
echo '登陆失败,验证码不正确';
header('refresh:1;url=./login.php');
die();
}
$reg1='/^[a-zA-Z0-9]{5,12}$/';
$reg2='/^[a-zA-Z0-9]{3,8}$/';
$result1=preg_match($reg1,$name);//验证账号是否符合规则
$result2=preg_match($reg2,$pass);//验证账号是否符合规则
if($result1==0){
header("Location:register.php?error=账号不符合规则");
return;//终止后续代码的执行
}
if($result2==0){
header("Location:register.php?error=密码不符合规则");
return;//终止后续代码的执行
}
$link=mysqli_connect('localhost','root','root','bbq') or
die('连接失败'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="select * from user where name='$account' and password='$pass'";
$res=mysqli_query($link,$sql);
$num=mysqli_num_rows($res);
if ($num>0){
echo '登录成功';
header('location:admin.php');
}
else{
echo '登陆失败,账号密码输入错误';
header('refresh:1;url=./login.php');
}
mysqli_close($link);
//注册页面
$name=$_POST['name'];
$password=$_POST['password'];
$link=@mysqli_connect('localhost','root','root','bbq') or
die('连接失败'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="insert into user (name,password) values ('{$name}','{$password}')";
$res=mysqli_query($link,$sql);
if($res){
echo '注册成功,请登录!';
header("location:login.php");
}else{
echo '注册失败,请重新注册!';
header("refresh:2;url=./register.php");
}
二、表白信息列表展示
页面截图展示
代码展示
页面部分代码如下:
<div class="top">
<div class="topbox">
<span>表白墙后台管理系统</span>
</div>
</div>
<div class="under">
<form action="./plsc.php" method="post" style="display: inline-block;float: right">
<div class="right">
<span class="topspan">表白信息展示表</span>
<span class="but1">反向选择</span>
<input type="submit" value="批量删除" class="but2"/>
<table>
<thead>
<tr class="tr1">
<th><input id="ckall" type="checkbox" /></th>
<th>编号</th>
<th>被表白人</th>
<th>表白人</th>
<th>表白人手机号</th>
<th>表白时间</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<?php foreach ($news as $key=>$value){ ?>
<tr>
<td><input type="checkbox" name="checkbox[]" value="<?php echo $value['id']?>"/></td>
<td><?php echo $value['id']?></td>
<td><?php echo $value['name1']?></td>
<td><?php echo $value['name2']?></td>
<td><?php echo $value['tel']?></td>
<td><?php echo date('Y-m-d H:i',$value['btime'])?></td>
<td>
<a class="gs" href="shanchu.php?id=<?php echo $value['id']?>">删除</a>
</td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</form>
<div class="left">
<ul>
<li>表白信息-></li>
<a href="admin2.php"><li>人员管理-></li></a>
</ul>
</div>
</div>
数据库部分代码如下:
$link=@mysqli_connect('localhost','root','root','bbq') or
die('连接失败:'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="select * from qiang";
$res=mysqli_query($link,$sql);
if (!$res){
die('查询失败');
}
$news=mysqli_fetch_all($res,MYSQLI_ASSOC);
mysqli_close($link);
三、删除表白信息
同前台页面删除功能
四、批量删除表白信息
页面截图展示
代码展示
数据库部分代码如下:
$ckbox=$_POST['checkbox'];
$str=implode(',',$ckbox);
$link=@mysqli_connect('localhost','root','root','bbq') or
die('连接失败:'.mysqli_connect_error());
mysqli_set_charset($link,'utf8');
$sql="delete from qiang where id in($str)";
$res=mysqli_query($link,$sql);
if ($res){
echo '批量删除成功';
header("location:admin.php");
}else{
echo '批量删除失败';
header("Refresh:1;url='admin.php'");
}
mysqli_close($link);
五、列表展示管理员信息
同表白信息列表展示
六、增加删除修改管理员信息
同前台表白信息增加删除修改
数据库信息展示
两篇数据表:前台表白信息数据表(qiang.sql)和后台管理员数据表(user.sql)
一、前台表白信息数据表
截图展示
二、后台管理员数据表
截图展示
源码压缩包下载
表白墙源码(php+mysql).zip :https://download.csdn.net/download/chuenst/13087869
github免费下载地址