HTML+PHP+MYSQL实现一个简单的留言板
提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加
大家好,下面将为大家展示 基于HTML PHP MYSQL的留言板的设计与实现过程,适合初学者点击观看,以下我将会以笔者自称!
废话不多说,进入正题!
提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档
文章目录
- 一、创建数据表
- (1)打开phpstudy
- (2)创建数据库
- (3)创建数据表和字段
- 二,代码的实现
- 1.登录页面
- 2.注册页面
- 3.留言板页面
- 4.管理员页面
- (1)管理员登录页面
- (2)管理员登录分流
- ⅰ管理员页面
- ⅱ站主页面
- ⅲ删除用户
- 总结
提示:这里可以添加本文要记录的大概内容:
###此留言版共可分为两个模块
- 创建数据表
- 代码的实现
——以下是留言板的实现
提示:以下是本篇文章正文内容,下面案例可供参考
一、创建数据表
(1)打开phpstudy
打开我们已经配置好的 phpstudy,在软件管理中找到SQL_Front5.3,点击安装并打开

(2)创建数据库
进来之后,鼠标右键点击localhost,新建新的数据库,我们取名为 liuyanban

(3)创建数据表和字段
右键liuyanban,新建三张数据表
1.第一张数据表为 admin 里边包含七个字段,是用来存储普通用户的注册信息的。

2.第二张数据表为 manage 里边包含四个字段,是用来存储管理员的信息的。字段wwwhost默认值设为0,并手动添加一组数据,例:adminusername和adminpassword 均为 admin ,将wwwhost值设为1。

疑问:为何单设一组数据令wwwhost值为1?
解疑:后续代码中呢,会令wwwhost值为1的数据成为站主,只有站主才能将admin表中普通用户信息,添加到 manage表中 ,实现设置管理员的功能,保证了设置管理员的权限掌握在站主手中。

3.第二张数据表为 message 里边包含三个字段,是用来存储用户留言内容的。

二,代码的实现
1.登录页面

前端 loginpage.html
登录页面
//用户名和密码不能为空
function checkform() {
$user_name = document.getElementById("username").value;
$user_pwd = document.getElementById("password").value;
if ($user_name == '') {
alert("用户名不能为空");
username.value = "";
return;
// window.history.go(-1);
}
if ($user_pwd == '') {
alert("密码不能为空");
password.value = "";
return;
// window.history.go(-1);
}
}
欢迎您的访问!
用户名:
密 码:
后端 loginpage.php
登录页面
<?php
$username = $_POST['username'];
$password = $_POST['password'];
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "select* from admin where username='$username' and password='$password'";
$result = mysqli_query($link,$sql) or die('信息读取失败');
$a = mysqli_fetch_array($result);
if($a['username']==$username && $username!='' && $a['password']==$password && $password!=''){
session_start();
$_SESSION['username'] = $username;
$_SESSION['password'] = $password;
header("location: messageh.php");
}
else{
echo <<<STR
alert("用户名或密码错误,请重新输入!")
window.location.href = 'loginpage.html';
STR;
exit;
}
?>
2.注册页面

前端 register.html
注册页面
//二次确认密码是否输入正确
function checkpassword()
{
if(password.value != repassword.value)
{
alert("两次输入密码不一致!请重新输入密码!")
repassword.value = "";
}
}
//检验不能为空
function checkempty() {
$user_username = document.getElementById("username").value;
$user_password = document.getElementById("repassword").value;
// $user_sex = document.getElementById("sex").value;
$user_grade = document.getElementById("grade").value;
$user_cls = document.getElementById("cls").value;
$user_QQ = document.getElementById("QQ").value;
if ($user_username == '' || $user_username.length 12) {
alert("用户名不能为空且用户名长度是2---12位哦");
username.value = "";
return;
}
if ($user_password == '') {
alert("密码不能为空");
return;
}
if ($user_grade == '') {
alert("年级不能为空");
return;
}
if ($user_cls == '') {
alert("班级不能为空");
return;
}
if ($user_QQ == '' || $user_QQ.length 10) {
alert("QQ为5到10位数字且不能为空");
QQ.value = "";
return;
}
var form=document.getElementById('form');
form.submit();
}
用户名:
密 码:
确认密码:
性别:
请选择你的年级
2022级
2021级
2020级
2019级
2018级
2017级
2016级
2015级
请选择你的班级
22计科
22软工安全1班
22软工安全2班
22软工数据库1班
22软工数据库2班
22软工移动1班
22软工移动2班
22软工移动3班
22软工云计算1班
22软工云计算2班
22软工云计算3班
22软工云计算4班
22软工云计算5班
22软工智能1班
22软工智能2班
22软工智能3班
22软工智能4班
22软工智能5班
22软工智能6班
22软工智能7班
22大数据
22人工智能
22网络空间安全
QQ:
返回
后端 register.php
注册页面
num_rows>0)//如果数据库内存在相同用户名,则'$result'接收到的变量为'true'所以大于1为真,则返回'用户名已存在'
{
echo "用户名已存在,请重新注册!";
echo "[返回]";
}
else //否则可以成功注册递交
{
$sql = "insert into admin(username,password,sex,grade,cls,QQ) values('{$username}','${password}','${sex}','${grade}','${cls}','${QQ}')";
$result = mysqli_query($link,$sql) or die('信息读取失败');
if (!$result)
{
printf("Error: %s\n", mysqli_error($link));
exit();
}
$sql="select username,password from admin where username='$username'";
$result = mysqli_query($link,$sql) or die('信息读取失败');
$a = mysqli_fetch_array($result);
if($a['username']==$username && $username!='')
{
echo <<<STR
alert('注册成功!');
window.location.href = 'loginpage.html';
STR;
// echo "注册成功,三秒后自动跳转至登录页面
";
// header ("Refresh:3;url=loginpage.html");
// echo'点击此处立刻跳转';
}
else
{
echo "注册失败,三秒后请重新注册账号!";
header ("Refresh:3;url=loginpage.html");
echo'点击此处立刻跳转';
}
}
?>
3.留言板页面

message.php
留言板
<?php
session_start();
$username = $_SESSION['username'];
$message = $_POST['message'];
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "insert into message(username,messages) values('$username','$message')";
$result = mysqli_query($link,$sql) or die('信息写入失败');
if($result==TRUE){
echo <<<STR
window.location.href = 'messageh.php';
STR;
}
else
echo <<<STR
alert('留言失败!');
window.location.href = 'messageh.php';
STR;
?>
展示留言 messageh.php
img1.jpg可根据自己喜好更换!
留言板
<!--
body{
background-image: url(img1.jpg);
background-size: cover;
}
-->
body{
background-image: url(img1.jpg);
background-size: cover;
}
textarea{
background:transparent;
border-style: 80px;
/* text-indent: 75px; */
}
input::-webkit-input-placeholder {
color: orange;
font-size: 12px;
}
切换账号
请您留言
<!--
-->
| 用户名 | 留言 | 操作 |
|---|---|---|
| $username | $messages | "; echo ' |
| $username | $messages | "; echo '
4.管理员页面
大家可以看到,虽然都是管理员页面,但只有站主才可以设置管理员,同时,管理员与管理员之间也是不能相互进行管理员操作的!


(1)管理员登录页面
管理员登录页面前端 admin.html
管理员登录
//用户名和密码不能为空
function checkform() {
$user_name = document.getElementById("username").value;
$user_pwd = document.getElementById("password").value;
if ($user_name == '') {
alert("用户名不能为空");
window.location.href = 'admin.html';
}
if ($user_pwd == '') {
alert("密码不能为空");
window.location.href = 'admin.html';
// window.history.go(-1);
}
}
管理员登录
用户名:
密 码:
(2)管理员登录分流
根据wwwhost的值来进行判断。值为1则认定为站主,进入站主页面;值为0则认定为普通管理员,进入管理员页面。

管理员登录页面后端分流 admin1.php
管理员页面
<?php
$adminusername = $_POST['adminusername'];
$adminpassword = $_POST['adminpassword'];
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "select * from manage where adminusername='$adminusername' and adminpassword='$adminpassword'";
$result = mysqli_query($link,$sql) or die('信息读取失败');
$a = mysqli_fetch_array($result);
if($a['adminusername']==$adminusername && $adminusername!='' && $a['adminpassword']==$adminpassword && $adminpassword!='' && $a['wwwhost'] == 1){
session_start();
$_SESSION['adminusername'] = $adminusername;
$_SESSION['adminpassword'] = $adminpassword;
header("location: wwwhost.php");
}
else if($a['adminusername']==$adminusername && $adminusername!='' && $a['adminpassword']==$adminpassword && $adminpassword!=''){
session_start();
$_SESSION['adminusername'] = $adminusername;
$_SESSION['adminpassword'] = $adminpassword;
header("location: admin.php");
}
else{
echo <<<STR
alert('非管理员不能登录!!!');
window.location.href = 'admin.html';
STR;
}
?>
ⅰ管理员页面

管理员页面 admin.php
管理员
注销登录
管理员页面
| id | 用户名 | 密码 | 性别 | 年级 | 班级 | 管理员操作 | |
|---|---|---|---|---|---|---|---|
| $row[0] | $row[1] | $row[2] | $row[3] | $row[4] | $row[5] | $row[6] | "; if($arryuser['count(*)'] == 0){ echo " "; } echo ' |
普通管理员删除留言
deletemessage.php
用户留言
<!--
body{
background-image: url(img1.jpg);
background-size: cover;
}
-->
注销登录
用户留言
| id | 用户名 | 留言 | 管理员操作 |
|---|---|---|---|
| $row[0] | $row[1] | $row[2] | "; echo ' |
delmessage.php
删除用户留言
<?php
if(isset($_GET['id']) && !empty($_GET['id'])) {
$id = $_GET['id'];
} else {
// 若没有传入id参数,直接跳转到首页
header('Location:deletemessage.php');
}
// 执行数据库删除操作
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "delete from message where id = $id";
$result = mysqli_query($link,$sql) or die('信息读取失败');
if($result == true) {
echo <<<STR
alert("该用户此条留言已删除!")
window.location.href = 'deletemessage.php';
STR;
exit;
} else {
echo <<<STR
alert("该用户此条留言删除失败!")
windows.location.href = 'deletemessage.php';
STR;
}
mysqli_close($link);
?>
普通管理员修改用户信息
update.php
修改用户信息
二次确认密码是否输入正确
function checkpassword()
{
if(password.value != repassword.value)
{
alert("两次输入密码不一致!请重新输入密码!")
// password.value = "";
repassword.value = "";
}
}
// 不能为空
function checkempty() {
$user_username = document.getElementById("username").value;
$user_password = document.getElementById("repassword").value;
// $user_sex = document.getElementById("sex").value;
$user_grade = document.getElementById("grade").value;
$user_cls = document.getElementById("cls").value;
$user_QQ = document.getElementById("QQ").value;
if ($user_username == '' || $user_username.length 12) {
alert("用户名不能为空且用户名长度是2---12位哦");
return;
}
if ($user_password == '') {
alert("密码不能为空");
return;
}
// if ($user_sex == '') {
// alert("性别不能为空");
// window.history.go(-1);
// }
if ($user_grade == '') {
alert("年级不能为空");
return;
}
if ($user_cls == '') {
alert("班级不能为空");
return;
}
if ($user_QQ == '' || $user_QQ.length 10) {
alert("QQ为5到10位数字且不能为空");
QQ.value = "";
return;
}
document.getElementById('sub').value='1';
var form=document.getElementById('form');
form.submit();
}
<?php
//建立数据库连接
$id = $_GET['id'];
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "select * from admin where id = $id";
$result = mysqli_query($link,$sql) or die('信息读取失败');
$admin = mysqli_fetch_assoc($result);
mysqli_free_result($result);
//更新留言信息
if(($_POST['sub'])==1) { // 用户已经提交表单
//获取表单数据
$username = $_POST['username'];
$password = $_POST['password'];
$sex = $_POST['sex'];
$grade = $_POST['grade'];
$cls = $_POST['cls'];
$QQ = $_POST['QQ'];
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "select * from admin where username='$username'";
$result = mysqli_query($link,$sql);
if($result->num_rows>0)//如果数据库内存在相同用户名,则'$result'接收到的变量为'true'所以大于1为真,则返回'用户名已存在'
{
echo <<<STR
alert("用户名已存在,请重新修改!")
window.location.href = 'admin.php';
STR;
exit;
}
else{
//执行sql语句
$sql = "update admin set username = '$username',password = '$password',sex = '$sex',grade = '$grade',cls = '$cls',QQ='$QQ' where id = '$id'";
if(mysqli_query($link,$sql) && mysqli_affected_rows($link) == 1) {
echo <<<STR
alert('修改成功!');
window.location.href = 'admin.php';
STR;
} else {
echo mysqli_error($link);
}
} }
?>
用户名:
密 码:
确认密码:
性别:
请选择你的新年级
2022级
2021级
2020级
2019级
2018级
2017级
2016级
2015级
请选择你的新班级
22计科
22软工安全1班
22软工安全2班
22软工数据库1班
22软工数据库2班
22软工移动1班
22软工移动2班
22软工移动3班
22软工云计算1班
22软工云计算2班
22软工云计算3班
22软工云计算4班
22软工云计算5班
22软工智能1班
22软工智能2班
22软工智能3班
22软工智能4班
22软工智能5班
22软工智能6班
22软工智能7班
22大数据
22人工智能
22网络空间安全
QQ:
返回
ⅱ站主页面

站主页面 wwwhost.php
站主页面
<!--
body{
background-image: url(img1.jpg);
background-size: cover;
}
-->
注销登录
管理员总页面
| id | 用户名 | 密码 | 性别 | 年级 | 班级 | 管理员操作 | |
|---|---|---|---|---|---|---|---|
| $row[0] | $row[1] | $row[2] | $row[3] | $row[4] | $row[5] | $row[6] | "; echo ' |
站主删除留言 hostdeletemessage.php
用户留言
<!--
body{
background-image: url(img1.jpg);
background-size: cover;
}
-->
注销登录
用户留言
| id | 用户名 | 留言 | 管理员操作 |
|---|---|---|---|
| $row[0] | $row[1] | $row[2] | "; echo ' |
hostdelmessage.php
删除用户留言
<?php
if(isset($_GET['id']) && !empty($_GET['id'])) {
$id = $_GET['id'];
} else {
// 若没有传入id参数,直接跳转到首页
header('Location:deletemessage.php');
}
// 执行数据库删除操作
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "delete from message where id = $id";
$result = mysqli_query($link,$sql) or die('信息读取失败');
if($result == true) {
echo <<<STR
alert("该用户此条留言已删除!")
window.location.href = 'hostdeletemessage.php';
STR;
exit;
} else {
echo <<<STR
alert("该用户此条留言删除失败!")
windows.location.href = 'hostdeletemessage.php';
STR;
}
mysqli_close($link);
?>
站主修改用户信息 hostupdate.php
修改用户信息
二次确认密码是否输入正确
function checkpassword()
{
if(password.value != repassword.value)
{
alert("两次输入密码不一致!请重新输入密码!")
password.value = "";
repassword.value = "";
}
}
// 不能为空
function checkempty() {
$user_username = document.getElementById("username").value;
$user_password = document.getElementById("repassword").value;
// $user_sex = document.getElementById("sex").value;
$user_grade = document.getElementById("grade").value;
$user_cls = document.getElementById("cls").value;
$user_QQ = document.getElementById("QQ").value;
if ($user_username == '' || $user_username.length 12) {
alert("用户名不能为空且用户名长度是2---12位哦");
return;
}
if ($user_password == '') {
alert("密码不能为空");
return;
}
// if ($user_sex == '') {
// alert("用户名不能为空");
// window.history.go(-1);
// }
if ($user_grade == '') {
alert("年级不能为空");
return;
}
if ($user_cls == '') {
alert("班级不能为空");
return;
}
if ($user_QQ == '') {
alert("QQ不能为空");
return;
}
document.getElementById('sub').value='1';
var form=document.getElementById('form');
form.submit();
}
<?php
//建立数据库连接
$id = $_GET['id'];
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "select * from admin where id = $id";
$result = mysqli_query($link,$sql) or die('信息读取失败');
$admin = mysqli_fetch_assoc($result);
mysqli_free_result($result);
//更新留言信息
if(($_POST['sub'])==1) { // 用户已经提交表单
//获取表单数据
$username = $_POST['username'];
$password = $_POST['password'];
$sex = $_POST['sex'];
$grade = $_POST['grade'];
$cls = $_POST['cls'];
$QQ = $_POST['QQ'];
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "select * from admin where username='$username'";
$result = mysqli_query($link,$sql);
if($result->num_rows>0)//如果数据库内存在相同用户名,则'$result'接收到的变量为'true'所以大于1为真,则返回'用户名已存在'
{
echo <<<STR
alert("用户名已存在,请重新修改!")
window.location.href = 'wwwhost.php';
STR;
exit;
// echo "用户名已存在,请重新注册!";
// header("location: admin.php");
// //echo "[返回]";
}
else{
//执行sql语句
$sql = "update admin set username = '$username',password = '$password',sex = '$sex',grade = '$grade',cls = '$cls',QQ='$QQ' where id = '$id'";
if(mysqli_query($link,$sql) && mysqli_affected_rows($link) == 1) {
echo <<<STR
alert('修改成功!');
window.location.href = 'wwwhost.php';
STR;
} else {
echo mysqli_error($link);
}
} }
?>
用户名:
密 码:
确认密码:
性别:
请选择你的新年级
2022级
2021级
2020级
2019级
2018级
2017级
2016级
2015级
请选择你的新班级
22计科
22软工安全1班
22软工安全2班
22软工数据库1班
22软工数据库2班
22软工移动1班
22软工移动2班
22软工移动3班
22软工云计算1班
22软工云计算2班
22软工云计算3班
22软工云计算4班
22软工云计算5班
22软工智能1班
22软工智能2班
22软工智能3班
22软工智能4班
22软工智能5班
22软工智能6班
22软工智能7班
22大数据
22人工智能
22网络空间安全
QQ:
返回
站主设置管理员 setmanage.php
设置管理员
<?php
if(isset($_GET['id']) && !empty($_GET['id'])) {
$id = $_GET['id'];
} else {
// 若没有传入id参数,直接跳转到首页
header('Location:wwwhost.php');
}
// 执行数据库删除操作
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
$sql = "select * from admin where id = $id";
$result = mysqli_query($link,$sql) or die('信息读取失败');
$arr = mysqli_fetch_array($result);
$sql1 = "select count(*) from manage where adminusername='$arr[1]'";
$result1 = mysqli_query($link,$sql1) or die('信息读取失败');
$arr1 = mysqli_fetch_array($result1);
if($arr1['count(*)'] == 0){
$sql1 = "insert into manage(adminusername,adminpassword) values('$arr[username]','$arr[password]')";
$result1 = mysqli_query($link,$sql1) or die('信息读取失败');
}else if($arr1['count(*)'] == 1){
$sql1 = "delete from manage where adminusername = '$arr[username]'";
$result1 = mysqli_query($link,$sql1) or die('信息读取失败');
}
if($result1 == true) {
echo <<<STR
alert("管理员修改成功!")
window.location.href = 'wwwhost.php';
STR;
exit;
}else{
echo <<<STR
alert("管理员修改失败!")
windows.location.href = 'wwwhost.php';
STR;
}
mysqli_close($link);
?>
ⅲ删除用户
删除用户所有信息 delete.php
删除用户信息
<?php
if(isset($_GET['id']) && !empty($_GET['id'])) {
$id = $_GET['id'];
} else {
// 若没有传入id参数,直接跳转到首页
header('Location:admin.php');
}
// 执行数据库删除操作
$link = mysqli_connect("localhost","root","2356789mmm","liuyanban") or die("错误,未连接到数据库");
// $sql = "delete from admin where id = $id;";
// $result = mysqli_query($link,$sql) or die('信息读取失败');
$sql = "select username from admin where id = $id";
$result = mysqli_query($link,$sql);
$arry = mysqli_fetch_array($result);
$username = $arry['username'];
$sql_0 = "delete from admin where username = '$username'";
$sql_1 = "delete from message where username = '$username'";
$sql_2 = "delete from manage where adminusername = '$username';";
$result_0 = mysqli_query($link,$sql_0) or die(mysqli_error($link));
$result_1 = mysqli_query($link,$sql_1) or die(mysqli_error($link));
$result_2 = mysqli_query($link,$sql_2) or die(mysqli_error($link));
// $address = 'admin.php';
session_start();
$adminusername = $_SESSION['adminusername'];
$sql1 = "select wwwhost from manage where adminusername = '$adminusername'";
$result1 = mysqli_query($link,$sql1);
$arry1 = mysqli_fetch_array($result1);
if($arry1['wwwhost'] == 1)//判断是否为站主,站主为1
{
$address = 'wwwhost.php';
if($result1 == true) {
echo <<<STR
alert("用户信息已删除!")
window.location.href = '$address';
STR;
exit;
} else {
echo <<<STR
alert("用户信息删除失败!")
windows.location.href = '$address';
STR;
}
}
else{
$address = 'admin.php';
if($result1 == true) {
echo <<<STR
alert("用户信息已删除!")
window.location.href = '$address';
STR;
exit;
} else {
echo <<<STR
alert("用户信息删除失败!")
windows.location.href = '$address';
STR;
}
}
mysqli_close($link);
?>
总结
提示:这里对文章进行总结:
笔者也是一初来乍到的小白,文章中不可避免的会出现错误,若网友对笔者的文章有持疑,欢迎大家在评论区讨论,至此,关于留言板的设计与实现已经完成,谢谢大家的点击!
本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://www.net2asp.com/153a7148f7.html
