PHP小型论坛 制作

最新推荐文章于 2024-11-05 08:40:31 发布
最新推荐文章于 2024-11-05 08:40:31 发布
阅读量158 收藏 1
点赞数
文章标签： php 网络 html Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kiihuang/article/details/129747820
版权

  • 登录前端页面

<!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>登录页面</title>
</head>
<script src="../base/jquery-3.4.1.min.js"></script>
<style>
fieldset{width: 300px;
height: 400px;
position:absolute;
right: 20%;
border: 1px solid rgb(94, 94, 94);
border-radius: 5px;
box-shadow: 0 0 8px rgb(19, 17, 59);
background-color: #f0f0f0b0;
top: 100px;
    }
body{
background-image: url(../tupian/登入背景页面.jpg);
    }
h1{
font-size: 50px;
text-align: center;
font-family:楷体 ;
    }
#username{
font-size: 20px;
border-radius: 5px;
border: 1px solid rgb(125, 125, 125);
    }
#paw{
font-size: 20px;
border-radius: 5px;
border: 1px solid rgb(125, 125, 125);
    }
#yan{
border-radius: 5px;
border: 1px solid rgb(125, 125, 125);
width: 100px;
display: inline-block; vertical-align:bottom;
    }
#an{
font-size: 19px;
background-color: rgba(8, 189, 253);
color: #fff;
width: 300px;
height: 40px;
border-radius: 6px;
border: none;
    }
#canvas{border: 1px solid;
width: 100px;
height: 50px;
display: inline-block; vertical-align: top;
    }
a{
text-decoration: none;
font-size: 12px;
    }
span{
font-size: 12px;
    }
</style>
<body>
<fieldset>
<h1>登 录</h1>
<p><input type="text"
        name="user"
        id="username" placeholder="账号"></p>
<input type="password" name="pass" id="paw" placeholder="密码">
<p></p>
<p></p><input type="button" id="an" value="登录" onclick="fun()" >
<span>没有账户？</span><a href="./reg.html">点击注册</a>
</fieldset>
</body>
<script>
function fun(){
var user=$('#username').val();
var password=$('#paw').val();
// alert(user+password);
if (user==""||password=="") {
alert("请按规则填写")
    }else{
var date="user="+user+"&password="+password;
$.post(
'enter.php',
date,
function(date){
alert(date);
if (date=='登入成功') {
location.href='home new.php';
                }else{
location.href='enter.html';
                }
            }
        )        
    }
}
</script>
</html>

  • 登录页面后端

<?php
session_start();
$user=$_POST['user'];
$password=$_POST['password'];
include '../blog/dp.php';   #是引用的PHP文件用于数据库连接
$sql="select * from blog.users where username='$user' and password='$password'";
$num=dql_nums($sql);
if($num==1){
//定制session文件
$_SESSION['username']=$user;  //判断登录文件，进行保存
$_SESSION['isLogin']=true;    
echo '登入成功';
// echo "<script>location.href='home.php'</script>";
}
else{
echo '登入失败';
// echo "<script>location.href='enter.html'</script>";
}
?>

  • 注册页面前端

<!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>注册页面</title>
</head>
<script src="../base/jquery-3.4.1.min.js"></script>
<style>
fieldset{width: 400px;
height: 600px;
position:absolute;
right: 120px;
top: 100px;
text-align: center;
border: 1px solid rgb(121, 121, 121);
border-radius: 10px;
box-shadow: 0 0 8px rgb(74, 74, 74);
background-color: #f0f0f0b5;
    }
body{
background-image:url(../tupian/注册页面.jpg);
    }
fieldset input{
border: 1px solid rgb(121, 121, 121);
width: 200px;
height: 25px;
border-radius:8px;
    }
fieldset label {
display: inline-block;
vertical-align: middle;
width: 100px;
text-align:left;
    }
fieldset input[type="text"] {
display: inline-block;
vertical-align:middle;
width: 200px;
height: 25px;
border-radius: 8px;
    }
span{
font-size:10px;
    }
</style>
<body>
<fieldset>
<h1 for="">欢迎注册</h3><br>
<label for="username">用户名:</label><input type="text" name="username" id="user"><br>
<p></p>
<br>
<label for="password">密码:</label><input type="password" name="password" id="passd" ><br>
<p></p>
<br>
<label for="passwords">确认密码:</label><input type="password" name="passwords" id="passds" ><br>
<p></p>
<br>
<label for="tel">手机号:</label><input type="tel" id="tel" name="tel"><br>
<p></p>
<br>
<input type="button" value="注册" onclick="fn()" style="width:300px;height:40px;background-color: rgba(203, 247, 250, 0.937);">
<br>
<p></p>
<input type="checkbox" name="text" id="text" style="width: 15px;height:15px;"><span>阅读并接受<a href="https://www.4399.com/" style="text-decoration: none;font-size:10px;">《论坛用户协议》</a>、<a href="https://www.4399.com/" style="text-decoration: none;font-size:10px;">《儿童个人信息保护声明》</a>及<a href="https://www.4399.com/" style="text-decoration: none;font-size:10px;">《论坛隐私权保护声明》</a></span>
<p></p>
<br>
<span>已经有账户了？</span><a href="enter.html" style="text-decoration: none;font-size:10px;">欢迎登入</a>
</fieldset>
</body>

</html>

  • JS部分

<script>
function fn() {
var user=$('#user').val();
var passd=$('#passd').val();
var passds=$('#passds').val();
var tel=$('#tel').val();
var text=$('#text');
// 使用var的方式通过函数提交前端的数据
if (!text.is(":checked")){
alert("没有同意用户协议"); //对复选框进行判断
            }else{
if (passd!=passds) {
alert("前后密码不一致") //对前后密码进行判断
            }else{
var pant=/1[3-9][0-9]{9}/;
if (!pant.test(tel)) {
alert("不是正确手机号码"); //对注册手机号判断
                }else{
if ((user=="")||(passd=="")) {
alert("用户名或者密码不能为空"); //防止空,其实最好是写在后端，前端的安全验证都是不安全的，可以随便绕过进行攻击
                    }else{
var data="user="+user+"&passd="+passd+"&tel="+tel;
$.post(
'reg.php',
data,
function(data){
alert(data);
location.href='home new.php';
                            }
                         )
                    }
                }
            }
        }
    }
</script>

  • 注册页面后端

<?php
$user = $_POST['user'];
$passd = $_POST['passd'];
$tel = $_POST['tel'];
// echo $user.$passd.$tel;
include "../blog/dp.php";
$sql="select * from blog.users where username='$user'";  //将$sql引用进去
$num=dql_nums($sql);  //dql_nums返回一个值由$num接受
//根据数据库返回信息执行
if($num==1){
die ('该用户名以存在');
}
$sql="select * from blog.users where tel='$tel'";
$num1=dql_nums($sql);
if ($num1==1) {
die ('该手机号码已注册');
}
$sql="insert into users(username,password,tel) values('$user','$passd','$tel')";
$num2=mysql_dml($sql);
if ($num2==1) {
echo '注册成功';
}
?>

  • 发帖功能后端

<?php
$title=$_POST['title'];
$word=$_POST['word'];
$sele=$_POST['sele'];
// echo $title.$word.$sele;
include '../blog/dp.php';
$sql="insert blog.ther(title,content,area) values('$title','$word','$sele') ;";
$num=mysql_dml($sql);
if ($num==1) {
echo '发表成功';
}
?>

  • 回帖功能后端

<?php
$word=$_POST['word'];
$ther_id=$_POST['ther_id'];
// echo $word.$ther_id;
include '../blog/dp.php';
$sql="insert blog.rep(ther_id,content) values('$ther_id','$word');";  //通过外键和帖子id绑定来确定应该放置在哪
$num=mysql_dml($sql);
if ($num==1) {
echo '回复成功';
}

  • 发送区域帖子的概况后端port

<?php
session_start();
if(@$_SESSION['isLogin']!=1){
die ("未登入");
}
include '../blog/dp.php';
$sql="select * from blog.ther;";
$res= dql_datail($sql);
echo json_encode($res); 
?>

  • 发送帖子回复区的后端port2

<?php
session_start();
if(@$_SESSION['isLogin']!=1){
die ("未登入");
}
include '../blog/dp.php';
$sql="select * from blog.rep;";
$res= dql_datail($sql);
echo json_encode($res); 
?>

  • 发送帖子回复区的后端port3

<?php

include '../blog/dp.php';
$sql="select ther_id,count(ther_id) from rep GROUP BY ther_id;";
$num= dql_datail($sql);
echo json_encode($num);

?>

  • 点击帖子详情展示

<?php
session_start();
if(@$_SESSION['isLogin']!=1){
die ("未登入");
} //判断是否登录
?>
<!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>内容</title>
</head>
<style>
body{
background-image: url(../tupian/R-C.png);
background-size: 100%;
    }
.pull{border: 1px solid;
width: 40%;
margin: auto;
border-radius: 15px;
background-color: white;
    }
.pull div{
border: 1px solid;
margin: 10px;
border-radius: 5px;
    }
#content{
height: 80px;
    }
#show{
color: blue;
border: none;
text-align: right;
    }
#block {
width: 400px;
margin: 0 auto;
background-color: #f4f4f4;
padding: 20px;
display: none;
    }
#time{
border: none;
font-size: 1px;
text-align: right;
color: #ccc;
    }
</style>
<script src="../base/jquery-3.4.1.min.js"></script>
<body onload="port()">
<div class="pull">
<?php
include '../blog/dp.php';
$id=$_GET['id'];  //获取get的id
$sql="select title,content,id,time from blog.ther where id=$id"; //根据帖子id查询帖子内容
$result=dql_datail($sql);
// print_r($result[0]);
// echo $result[0]['title'];
?>
<h1 style="text-align: center;"><?php echo $result[0]['title'] ?></h1>
<div id="time"><?php echo $result[0]['time'] ?></div>
<div id="content"><?php echo $result[0]['content'] ?></div> 
<!-- 根据标题展示不同内容 -->
<div id="out">
<b>评论区</b>
<!-- <div>说的</div> -->
</div>
<div id="show" onclick="show()">[回复帖子]</div>
</div>
<!-- 回帖功能点击启用 -->
<div id="block">
<textarea name="" id="word" cols="30" rows="10"></textarea>
<input type="button" value="回复" onclick="pub()">
</div>
</body>
<script>
function show(){
if (document.getElementById("block").style.display=="none") {
document.getElementById("block").style.display="block";
            } //判断原本属性的是否为隐藏状态，进行转换
else{
document.getElementById("block").style.display="none";
            }
        }
function pub(){   //回复功能
var word=$('#word').val();
var ther_id="<?php echo $id; ?>"
// alert(word+ther_id);
if (word=="") {
alert(内容不能为空)
            }else{
var data="word="+word+"&ther_id="+ther_id;
$.post(
'rep.php',
data,
function(data){
alert(data);
window.location.reload();
                    }
                )
            }
        }
var num=0;  //设置原本数值为0
function port(){
$.get('port2.php',(data)=>{
// alert(data);
var da=eval(data);
var id=<?php echo $id; ?>
// alert(da);
da.forEach((d) => {if(d.ther_id==id){   //后台传递过来的数值进行遍历，将回帖的ther_id和主贴的id进行对比，相同的则进行展示
num++    //通过num进行楼层叠加
var word=d['content'];
var con=`<div>${num}楼:${word}</div>`
$('#out').append(con);
            }
        })
    })
}
</script>
</html>

  • 讨论区前端，和其它区域共享port后端，获取数据，进行展示

<?php
session_start();
if(@$_SESSION['isLogin']!=1){
die ("未登入");
}
// 对登录进行判断
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>论坛</title>
<style type="text/css">
/*对网页进行第二次修饰*/
body{font-size: 12px;
            }
/*对整个标签,和表格 设置宽度为990像素*/
#discuss,#discuss-datas{
width: 990px;
margin: auto;
            }
#discuss div.mt{
/*高度,边框,背景*/
height: 30px;
border: 1px solid #DDDDDD;
border-top: 2px solid #999999;
background: #f7f7f7;
            }
#discuss-content{
border-bottom: 1px solid #DDDDDD;
            }
#discuss-datas tr.header td{
/*加粗 上下内边距 下边框*/
font-weight: bold;
padding: 5px 0;
border-bottom: 1px solid #DDDDDD;
color: #666666;
            }
#discuss-datas td{
/*内容水平居中对齐*/
text-align: center;
            }
#discuss-datas td.col1{
/*宽度,文本左对齐*/
width: 620px;
text-align: left;
            }
#discuss-datas tbody td{
/*文本颜色*/
color: #9c9c9c;
            }
#discuss a{
/*改链接颜色 去掉下划线*/
text-decoration: none;
color: #005aa0;
            }
#discuss a:hover{
text-decoration: underline;
            }
#discuss-datas tbody td{
/*上下内边距 下边框*/
padding: 5px 0px;
border-bottom: 1px dotted #DDDDDD;
            }
/*给论坛内容加标签 加图标*/
#discuss i{
/*左内边距 下内边距高度 背景图*/
padding-left: 21px;
padding-bottom: 5px;
background:url(img/c63802c9ee7e4ddec0e53e152e665ea.png) no-repeat;
background-size: 100%;
            }
#discuss div.mt a{
float:left;
width: 100px;
height: 30px;
text-align: center;
line-height: 30px;
            }
#discuss div.mt a:hover{
text-decoration: none;
color: #E4393C;
            }
#discuss div.mt a.current{
border: 1px solid #DDDDDD;
border-top: 2px solid #E4393C;
border-bottom: 0;
background: #ffffff;
margin-top: -6px;
height: 35px;
line-height: 35px;
color: #E4393C;
            }
#search{
float: right;
            }
#show{
color: blue;
            }
#block {
width: 400px;
margin: 0 auto;
background-color: #f4f4f4;
padding: 20px;
display: none;
            }
#block label {
font-size: 18px;
color: #333;
            }
#block input[type="text"], #block textarea {
width: 100%;
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
            }
#block select {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
            }
#block input[type="button"] {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
            }
</style>
<script src="../base/jquery-3.4.1.min.js"></script>
</head>
<body onload="port()">
<!--论坛div-->
<div id="discuss">
<!--页签菜单栏-->
<div class="mt">
<a href="home hot.php">热度贴</a>
<a href="home new.php">新发帖</a>
<a href="home dis.php" class="current">讨论区</a>
<a href="home wat.php" >灌水区</a>
</div>
<!--讨论内容-->
<div id="discuss-content">
<!--表格内容-->
<table id="discuss-datas">
<!--标题栏-->
<tr class="header">
<td class="col1">主题</td>
<!-- <td>作者</td> -->
<td>时间</td>
</tr>
<!--内容栏-->
<tbody id="out">
</tbody>
</table>
<!--显示的拓展内容-->
<div id="discuss-total">
<div class="new_discuss" align="right">
                        有问题要与其他用户讨论
<div id="show" onclick="show()">[发表帖子]</div>
<div id="block">
<label for="">标题:</label>
<input type="text" id="title"><br>
<textarea name="" id="word" cols="30" rows="10"></textarea>
<select name="" id="sele">
<option value="dis">讨论区</option>
<option value="wat">灌水区</option>
</select>
<input type="button" value="发表" onclick="pub()">
</div>
</div>
</div>
</div>
</div>
</body>

</html>

  • 讨论区JS

function show(){   
if (document.getElementById("block").style.display=="none") {
document.getElementById("block").style.display="block";
            } //判断原本属性的是否为隐藏状态，进行转换
else{
document.getElementById("block").style.display="none";
            }
        }
function pub(){   //发帖功能
var title=$('#title').val();
var word=$('#word').val();
var sele=$('#sele').val();
// alert(title+word+sele);
if (title=="") {
alert('标题不能为空')
            }else{
if (word=="") {
alert('内容不能为空')
                }else{
var data="title="+title+"&word="+word+"&sele="+sele;
$.post(
'pub.php',
data,
function(data){
alert(data);
location.href='home dis.php';
                        }
                    )
                }
            }
        }
function port(){   //获取mysql里的数据
$.get('port.php',(data)=>{
// alert(data);
var da=eval(data);
// alert(da);
da.forEach(d => {if(d.area=='dis'){  //设置if条件判断键值
var title=d['title']
var time=d['time']
var content=d['content']
var id=d['id']
var area=d['area']
//根据键获取值
var con=`<tr>
                            <td class="col1">
                                <i class="sheng"></i>
                                <a href="./vies.php?id=${id}">${title}</a>
                            </td>
                            <td>${time}</td>
                        </tr>`
$('#out').append(con); //将样式添加到指定地方进行展示
                }
            })
        })
    }

  • 热度区域，和其它区域共享port后端，获取数据，进行展示，同时获取port3，获取回帖数量，进行排序

<?php
session_start();
if (@$_SESSION['isLogin'] != 1) {
die("未登入");
}
// 对登录进行判断
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>论坛</title>
<style type="text/css">
/*对网页进行第二次修饰*/
body {
font-size: 12px;
        }
/*对整个标签,和表格 设置宽度为990像素*/
#discuss,
#discuss-datas {
width: 990px;
margin: auto;
        }
#discuss div.mt {
/*高度,边框,背景*/
height: 30px;
border: 1px solid #DDDDDD;
border-top: 2px solid #999999;
background: #f7f7f7;
        }
#discuss-content {
border-bottom: 1px solid #DDDDDD;
        }
#discuss-datas tr.header td {
/*加粗 上下内边距 下边框*/
font-weight: bold;
padding: 5px 0;
border-bottom: 1px solid #DDDDDD;
color: #666666;
        }
#discuss-datas td {
/*内容水平居中对齐*/
text-align: center;
        }
#discuss-datas td.col1 {
/*宽度,文本左对齐*/
width: 620px;
text-align: left;
        }
#discuss-datas tbody td {
/*文本颜色*/
color: #9c9c9c;
        }
#discuss a {
/*改链接颜色 去掉下划线*/
text-decoration: none;
color: #005aa0;
        }
#discuss a:hover {
text-decoration: underline;
        }
#discuss-datas tbody td {
/*上下内边距 下边框*/
padding: 5px 0px;
border-bottom: 1px dotted #DDDDDD;
        }
/*给论坛内容加标签 加图标*/
#discuss i {
/*左内边距 下内边距高度 背景图*/
padding-left: 21px;
padding-bottom: 5px;
background: url(img/c63802c9ee7e4ddec0e53e152e665ea.png) no-repeat;
background-size: 100%;
        }
#discuss div.mt a {
float: left;
width: 100px;
height: 30px;
text-align: center;
line-height: 30px;
        }
#discuss div.mt a:hover {
text-decoration: none;
color: #E4393C;
        }
#discuss div.mt a.current {
border: 1px solid #DDDDDD;
border-top: 2px solid #E4393C;
border-bottom: 0;
background: #ffffff;
margin-top: -6px;
height: 35px;
line-height: 35px;
color: #E4393C;
        }
#search {
float: right;
        }
#show {
color: blue;
        }
#block {
width: 400px;
margin: 0 auto;
background-color: #f4f4f4;
padding: 20px;
display: none;
        }
#block label {
font-size: 18px;
color: #333;
        }
#block input[type="text"],
#block textarea {
width: 100%;
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
        }
#block select {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
        }
#block input[type="button"] {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
        }
</style>
<script src="../base/jquery-3.4.1.min.js"></script>
</head>
<body onload="port()">
<!--论坛div-->
<div id="discuss">
<!--页签菜单栏-->
<div class="mt">
<a href="home hot.php" class="current">热度贴</a>
<a href="home new.php">新发帖</a>
<a href="home dis.php">讨论区</a>
<a href="home wat.php">灌水区</a>
</div>
<!--讨论内容-->
<div id="discuss-content">
<!--表格内容-->
<table id="discuss-datas">
<!--标题栏-->
<tr class="header">
<td class="col1">主题</td>
<!-- <td>作者</td> -->
<td>时间</td>
</tr>
<!--内容栏-->
<tbody id="out">
</tbody>
</table>
<!--显示的拓展内容-->
<div id="discuss-total">
<div class="new_discuss" align="right">
                    有问题要与其他用户讨论
<div id="show" onclick="show()">[发表帖子]</div>
<div id="block">
<label for="">标题:</label>
<input type="text" id="title"><br>
<textarea name="" id="word" cols="30" rows="10"></textarea>
<select name="" id="sele">
<option value="dis">讨论区</option>
<option value="wat">灌水区</option>
</select>
<input type="button" value="发表" onclick="pub()">
</div>
</div>
</div>
</div>
</div>
</body>
<script>

</script>
</html>

  • 热度区JS

function show() {
if (document.getElementById("block").style.display == "none") {
document.getElementById("block").style.display = "block";
        } //判断原本属性的是否为隐藏状态，进行转换
else {
document.getElementById("block").style.display = "none";
        }
    }
function pub() {
var title = $('#title').val();
var word = $('#word').val();
var sele = $('#sele').val();
// alert(title+word+sele);
if (title == "") {
alert('标题不能为空')
        } else {
if (word == "") {
alert('内容不能为空')
            } else {
var data = "title=" + title + "&word=" + word + "&sele=" + sele;
$.post(
'pub.php',
data,
function(data) {
alert(data);
location.href = 'home hot.php';
                    }
                )
            }
        }
    }
var arr = [];
function port() {
$.get('port3.php', (data2) => {  //通过port3传递回帖数量
// alert(data2)
var data2 = eval(data2);
arr = data2
// console.log(data2);
        });
$.get('port.php', (data) => {
// alert(data);
var da = eval(data);
// alert(da);
da.forEach(item => {  
arr.forEach(i => {
if (i.ther_id == item.id) {
item['count(ther_id)'] = i['count(ther_id)']  //使用foreach进行遍历，两个数组同时遍历，ther_id=id时将回帖数，赋予到port.php传递过来的值上
                    }
                })
            })
// console.log(da);
da.sort((a, b) => {
return (b['count(ther_id)']) - (a['count(ther_id)']);
            });  //使用sort进行排序根据回帖数量排序
da.forEach(d => {
var title = d['title']
var time = d['time']
var content = d['content']
var id = d['id']
var area = d['area']
//根据键获取值
var con = `<tr>
                            <td class="col1">
                                <i class="sheng"></i>
                                <a href="./vies.php?id=${id}">${title}</a>
                            </td>
                            <td>${time}</td>
                        </tr>`
$('#out').append(con);
            })
        })
    }

  • 新帖区域，和其它区域共享port后端，获取数据，进行展示，根据时间进行排序

<?php
session_start();
if (@$_SESSION['isLogin'] != 1) {
die("未登入");
}
// 对登录进行判断
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>论坛</title>
<style type="text/css">
/*对网页进行第二次修饰*/
body {
font-size: 12px;
        }
/*对整个标签,和表格 设置宽度为990像素*/
#discuss,
#discuss-datas {
width: 990px;
margin: auto;
        }
#discuss div.mt {
/*高度,边框,背景*/
height: 30px;
border: 1px solid #DDDDDD;
border-top: 2px solid #999999;
background: #f7f7f7;
        }
#discuss-content {
border-bottom: 1px solid #DDDDDD;
        }
#discuss-datas tr.header td {
/*加粗 上下内边距 下边框*/
font-weight: bold;
padding: 5px 0;
border-bottom: 1px solid #DDDDDD;
color: #666666;
        }
#discuss-datas td {
/*内容水平居中对齐*/
text-align: center;
        }
#discuss-datas td.col1 {
/*宽度,文本左对齐*/
width: 620px;
text-align: left;
        }
#discuss-datas tbody td {
/*文本颜色*/
color: #9c9c9c;
        }
#discuss a {
/*改链接颜色 去掉下划线*/
text-decoration: none;
color: #005aa0;
        }
#discuss a:hover {
text-decoration: underline;
        }
#discuss-datas tbody td {
/*上下内边距 下边框*/
padding: 5px 0px;
border-bottom: 1px dotted #DDDDDD;
        }
/*给论坛内容加标签 加图标*/
#discuss i {
/*左内边距 下内边距高度 背景图*/
padding-left: 21px;
padding-bottom: 5px;
background: url(img/c63802c9ee7e4ddec0e53e152e665ea.png) no-repeat;
background-size: 100%;
        }
#discuss div.mt a {
float: left;
width: 100px;
height: 30px;
text-align: center;
line-height: 30px;
        }
#discuss div.mt a:hover {
text-decoration: none;
color: #E4393C;
        }
#discuss div.mt a.current {
border: 1px solid #DDDDDD;
border-top: 2px solid #E4393C;
border-bottom: 0;
background: #ffffff;
margin-top: -6px;
height: 35px;
line-height: 35px;
color: #E4393C;
        }
#search {
float: right;
        }
#show {
color: blue;
        }
#block {
width: 400px;
margin: 0 auto;
background-color: #f4f4f4;
padding: 20px;
display: none;
        }
#block label {
font-size: 18px;
color: #333;
        }
#block input[type="text"],
#block textarea {
width: 100%;
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
        }
#block select {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
        }
#block input[type="button"] {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
        }
</style>
<script src="../base/jquery-3.4.1.min.js"></script>
</head>
<body onload="port()">
<!--论坛div-->
<div id="discuss">
<!--页签菜单栏-->
<div class="mt">
<a href="home hot.php">热度贴</a>
<a href="home new.php" class="current">新发帖</a>
<a href="home dis.php">讨论区</a>
<a href="home wat.php">灌水区</a>
</div>
<!--讨论内容-->
<div id="discuss-content">
<!--表格内容-->
<table id="discuss-datas">
<!--标题栏-->
<tr class="header">
<td class="col1">主题</td>
<!-- <td>作者</td> -->
<td>时间</td>
</tr>
<!--内容栏-->
<tbody id="out">
</tbody>
</table>
<!--显示的拓展内容-->
<div id="discuss-total">
<div class="new_discuss" align="right">
                    有问题要与其他用户讨论
<div id="show" onclick="show()">[发表帖子]</div>
<div id="block">
<label for="">标题:</label>
<input type="text" id="title"><br>
<textarea name="" id="word" cols="30" rows="10"></textarea>
<select name="" id="sele">
<option value="dis">讨论区</option>
<option value="wat">灌水区</option>
</select>
<input type="button" value="发表" onclick="pub()">
</div>
</div>
</div>
</div>
</div>
</body>
<script>

</script>
</html>

  • 新帖区域JS

function show() {
if (document.getElementById("block").style.display == "none") {
document.getElementById("block").style.display = "block";
        } //判断原本属性的是否为隐藏状态，进行转换
else {
document.getElementById("block").style.display = "none";
        }
    }
function pub() {
var title = $('#title').val();
var word = $('#word').val();
var sele = $('#sele').val();
// alert(title+word+sele);
if (title == "") {
alert('标题不能为空')
        } else {
if (word == "") {
alert('内容不能为空')
            } else {
var data = "title=" + title + "&word=" + word + "&sele=" + sele;
$.post(
'pub.php',
data,
function(data) {
alert(data);
location.href = 'home new.php';
                    }
                )
            }
        }
    }
function port() {
$.get('port.php', (data) => {
// alert(data);
var da = eval(data);
// alert(da);
da.sort((a, b) => {
return new Date(b.time) - new Date(a.time);
            });  //使用sort进行排序，根据时间进行排序
da.forEach(d => {
var title = d['title']
var time = d['time']
var content = d['content']
var id = d['id']
var area = d['area']
//根据键获取值
var con = `<tr>
                            <td class="col1">
                                <i class="sheng"></i>
                                <a href="./vies.php?id=${id}">${title}</a>
                            </td>
                            <td>${time}</td>
                        </tr>`
$('#out').append(con);
            })
        })
    }

  • 灌水区前端，和其它区域共享port后端，获取数据，进行展示

<?php
session_start();
if(@$_SESSION['isLogin']!=1){
die ("未登入");
}
// 对登录进行判断
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>论坛</title>
<style type="text/css">
/*对网页进行第二次修饰*/
body{font-size: 12px;
            }
/*对整个标签,和表格 设置宽度为990像素*/
#discuss,#discuss-datas{
width: 990px;
margin: auto;
            }
#discuss div.mt{
/*高度,边框,背景*/
height: 30px;
border: 1px solid #DDDDDD;
border-top: 2px solid #999999;
background: #f7f7f7;
            }
#discuss-content{
border-bottom: 1px solid #DDDDDD;
            }
#discuss-datas tr.header td{
/*加粗 上下内边距 下边框*/
font-weight: bold;
padding: 5px 0;
border-bottom: 1px solid #DDDDDD;
color: #666666;
            }
#discuss-datas td{
/*内容水平居中对齐*/
text-align: center;
            }
#discuss-datas td.col1{
/*宽度,文本左对齐*/
width: 620px;
text-align: left;
            }
#discuss-datas tbody td{
/*文本颜色*/
color: #9c9c9c;
            }
#discuss a{
/*改链接颜色 去掉下划线*/
text-decoration: none;
color: #005aa0;
            }
#discuss a:hover{
text-decoration: underline;
            }
#discuss-datas tbody td{
/*上下内边距 下边框*/
padding: 5px 0px;
border-bottom: 1px dotted #DDDDDD;
            }
/*给论坛内容加标签 加图标*/
#discuss i{
/*左内边距 下内边距高度 背景图*/
padding-left: 21px;
padding-bottom: 5px;
background:url(img/c63802c9ee7e4ddec0e53e152e665ea.png) no-repeat;
background-size: 100%;
            }
#discuss div.mt a{
float:left;
width: 100px;
height: 30px;
text-align: center;
line-height: 30px;
            }
#discuss div.mt a:hover{
text-decoration: none;
color: #E4393C;
            }
#discuss div.mt a.current{
border: 1px solid #DDDDDD;
border-top: 2px solid #E4393C;
border-bottom: 0;
background: #ffffff;
margin-top: -6px;
height: 35px;
line-height: 35px;
color: #E4393C;
            }
#search{
float: right;
            }
#show{
color: blue;
            }
#block {
width: 400px;
margin: 0 auto;
background-color: #f4f4f4;
padding: 20px;
display: none;
            }
#block label {
font-size: 18px;
color: #333;
            }
#block input[type="text"], #block textarea {
width: 100%;
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
            }
#block select {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
            }
#block input[type="button"] {
font-size: 16px;
padding: 12px 20px;
margin: 8px 0;
box-sizing: border-box;
            }
</style>
<script src="../base/jquery-3.4.1.min.js"></script>
</head>
<body onload="port()">
<!--论坛div-->
<div id="discuss">
<!--页签菜单栏-->
<div class="mt">
<a href="home hot.php">热度贴</a>
<a href="home new.php">新发帖</a>
<a href="home dis.php">讨论区</a>
<a href="home wat.php" class="current">灌水区</a>
</div>
<!--讨论内容-->
<div id="discuss-content">
<!--表格内容-->
<table id="discuss-datas">
<!--标题栏-->
<tr class="header">
<td class="col1">主题</td>
<!-- <td>作者</td> -->
<td>时间</td>
</tr>
<!--内容栏-->
<tbody id="out">
</tbody>
</table>
<!--显示的拓展内容-->
<div id="discuss-total">
<div class="new_discuss" align="right">
                        有问题要与其他用户讨论
<div id="show" onclick="show()">[发表帖子]</div>
<div id="block">
<label for="">标题:</label>
<input type="text" id="title"><br>
<textarea name="" id="word" cols="30" rows="10"></textarea>
<select name="" id="sele">
<option value="dis">讨论区</option>
<option value="wat">灌水区</option>
</select>
<input type="button" value="发表" onclick="pub()">
</div>
</div>
</div>
</div>
</div>
</body>
<script>

</script>
</html>

  • 灌水区JS

function show(){
if (document.getElementById("block").style.display=="none") {
document.getElementById("block").style.display="block";
            } //判断原本属性的是否为隐藏状态，进行转换
else{
document.getElementById("block").style.display="none";
            }
        }
function pub(){
var title=$('#title').val();
var word=$('#word').val();
var sele=$('#sele').val();
// alert(title+word+sele);
if (title=="") {
alert('标题不能为空')
            }else{
if (word=="") {
alert('内容不能为空')
                }else{
var data="title="+title+"&word="+word+"&sele="+sele;
$.post(
'pub.php',
data,
function(data){
alert(data);
location.href='home wat.php';
                        }
                    )
                }
            }
        }
function port(){
$.get('port.php',(data)=>{
// alert(data);
var da=eval(data);
// alert(da);
da.forEach(d => {if(d.area=='wat'){
var title=d['title']
var time=d['time']
var content=d['content']
var id=d['id']
var area=d['area']
//根据键获取值
var con=`<tr>
                            <td class="col1">
                                <i class="sheng"></i>
                                <a href="./vies.php?id=${id}">${title}</a>
                            </td>
                            <td>${time}</td>
                        </tr>`
$('#out').append(con);
                }
            })
        })
    }

  • 最终效果

gg_Go_game
关注
php 制作简易论坛,Dreamweaver打造PHP网站之简易论坛教程
weixin_33435115的博客
03-10 1603
今天陕西的天气有点冷哈、虽然手冻的红红的，但依旧不减写这个PHP简易论坛教程的热情。这个论坛没有采用任何美工、只是给介绍下、用DW做PHP论坛的方法以及操作、只要认真看本教程，在加上你优秀的审美观，相信你一定可以做一个不但漂亮并且功能完善的PHP论坛程序。关于配置PHP与MYSQL环境 相信网上有很多教程。而本人使用的是WampServer、集成环境.一、网站架构本论坛只是为了介绍方法所以由6页面...
小型bbs论坛系统开发2 模板页首页制作
12-15 3714
PS：这套系统我是在边学边做，大致的思路就是像织梦，wordpress做一个安装程序。然后自动按照模板去安装。按照视频上所授，大概是要做差不多10个模板页面，之前就发现自己有偏执症，尤其是仿站的时候特别明显。。差一像素我都要调试很久。本来学习的思路是以php+mysql为主。我写了一个晚上竟然才写了一个首页的布局。。还遇到了很多奇葩的问题。比如子元素设置浮动的时候，父元素的背景不见了。于是看了一晚上
php网页论坛制作教程,PHP开发 小型论坛教程之登录HTML页面
weixin_32789583的博客
03-25 647
我们的登录页面使用了表格进行布局加上一些简单的CSS样式，最终的效果如下图我们给登录页面做了简单的JS判断，如果用户名和密码没有填写登录，会给出相关的提示信息具体代码如下html>用户登录html>登陆界面functionfoo(){if(myform.username.value==""){alert("请输入用户名");myform.username.focus();return...
小型论坛php,PHP练手：一个小型论坛（带后台）_PHP教程
weixin_33286939的博客
03-09 501
注册相关函数$value){if (!isset($key) || ($value=='')){return false;}return true;}}//验证邮箱是否有效function verifyemail($email){if (@ereg('^[a-zA-Z0-9_.-]+@([a-zA-Z0-9][a-zA-Z0-9-]*.)+[a-zA-Z]+$', $email)){return ...
怎么用php编写论坛,php编写简单论坛总结
weixin_39865204的博客
03-28 1026
前言前一阵子被该死的柔力球折磨死了,一直没有学习新的东西。自己跟着学长学习php，运用php开发了一个简单的论坛，由于没写css，导致样式非常难看，所以就不放图片了，感兴趣可以上e盘取。思路介绍php开发论坛，其实非常简单，只要会用php连接MySQL的一些基本语句就可以完成一些论坛基本有的功能了。先从我最原始的思路谈起，论坛必须有注册和登录功能，所以我在网上搜索了一下，在一篇文章中有详细的教程，...
基于php小型酒店管理系统
laojin1234的博客
08-17 890
phpStudy是一个PHP调试环境的程序集成最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer,一次性安装，无须配置即可使用，是非常方便、好用的PHP调试环境。1.宾馆经理：打扫人员管理（增删改查）、收银员管理（增删改查），增删房间类型，增删房间，修改住宿费，订单的查看，日期统计费用等；本系统采用phpstudy开发平台，采用PHP和MySQL数据库进行开发，开发工具为HBuilder。3.收银员：负责旅客的登记、分配房间，宿费，退房 换房。......
帮我用php制作一个可以使用的论坛
weixin_35749545的博客
01-06 587
好的，我们可以使用 PHP 和 MySQL 来制作一个论坛。 首先，你需要准备好 PHP 和 MySQL 环境。你可以在本地搭建开发环境，也可以找一个主机商租用一个服务器。 然后，你需要建立一个数据库，用于存储论坛的帖子、用户信息、版块信息等。你可以使用 MySQL 的建表语句来建立这些数据表。 接着，你需要编写 PHP 代码来实现论坛的各种功能。例如，发帖、回复、修改帖子、查看帖子列表、注册、登...
php小型购物网站,PHP实现一个多功能购物网站
weixin_31582915的博客
03-09 1466
本篇文章主要介绍如何用PHP实现一个多功能购物网站，感兴趣的朋友参考下，希望对大家有所帮助。一、需要实现的页面：Index.aspx：浏览商品页面，显示商品列表，用户可以点击“加入购物车“。ViewCart.aspx：查看购物车页面，显示已购买的商品信息，可以点击“删除“和“提交添加订单购买”商品ViewAccount.aspx：查看个人账户余额Login.aspx：登录页面二、实现功能：1.显示...
基于PHP的简单BBS论坛系统
专注PHP源码
07-03 2275
前言 项目可包部署 Q 1115487855 交流群：758350964(已满) 交流群2：511496356 一 项目介绍 基于PHP的简单BBS论坛系统 系统分为普通用户和管理员 帖子可以展示访问数量和评论数 技术栈 php+mysql 可搭建在phpstudy下快速部署 二 主要功能 用户 1 注册/登录 2 个人中心 3 查看/发布帖子 4 评论帖子 5 退出登录 管理员 1 登录 2 置顶帖子 3 取消置顶帖子 4 删除帖子 三 系统界面 四 源码目录及部署事项 1 数据库配置文件 c
php论坛搭建,PHP建设论坛：Discuz!论坛快速架设指南
weixin_42372510的博客
03-10 992
背景：随着域名的降价，托管服务器的价格也越来越便宜了，很多网友都希望能架设个自己的网站，其中有70%左右的用户首先选择的是架设一个自己的论坛，所以在此我们将就论坛架设进行介绍。Discuz!，国内最流行的PHP论坛程序，特别是在其推行免费策略后，更是在网络间掀起了一阵Discuz!建论坛的热潮。难能可贵的是，虽然Discuz!功能强大，但其门槛却相当低，整个安装/设置过程，均在图形化界面中完成，而...
php制作小型论坛。
04-09
【PHP制作小型论坛详解】 在IT领域，PHP是一种广泛使用的服务器端脚本语言，尤其适合构建动态网页和web应用程序。本教程将深入探讨如何利用PHP、MySQL和Apache这三种技术来创建一个简单的小型论坛。 1. **环境搭建...
PHP+MySQL制作的一个小型的系统原型.zip
01-17
PHP+MySQL制作的一个小型的系统原型，主要完成客房服务的管理，其中自建了PHP架构模型用于控制中间层的分发请求和封装 软件开发设计：应用软件开发、系统软件开发、移动应用开发、网站开发Node.js、C++、Java、...
一款简洁的PHP社区论坛系统源码.zip
05-27
【标题】：“一款简洁的PHP社区论坛系统源码” 该标题揭示了我们正在讨论的是一款基于PHP编程语言的社区论坛系统。"简洁"一词暗示这个论坛系统设计精简，易于理解和使用，可能是针对初学者或者希望快速搭建简单论坛...
php制作小型投票系统
03-01
在本文中，我们将深入探讨如何使用PHP来制作一个小型投票系统。PHP是一种广泛使用的服务器端脚本语言，尤其适用于Web开发，它可以帮助我们构建动态、交互式的网页应用，如投票系统。 首先，我们需要理解投票系统的...
PHP-FPM 性能配置优化
最新发布
陈万洲的专栏
11-05 762
FastCGI 是的简称，是一种交互程序（此处是 PHP）与 Web 服务器之间的 通信协议。FastCGI 是早期通用网关接口（CGI）的增强版本。注意 FastCGI 和 CGI 都是一种通信协议，独立于任何语言。Web 服务器无须对语言有任何了解。除 PHP 有 php-fpm 外，像 Python, Ruby, Perl, Tcl, C/C++, 和 Visual Basic 都有其各自的 CGI 和 FastCGI 实现。
微信小程序寓言童话创作APP设计与实现
qq2295116502的博客
11-05 538
本文通过对现有寓言童话创作APP的调研和分析，取其精华去其糟粕，遵循软件工程方法进行系统分析、总体设计和详细设计，最终设计开发基于Android的寓言童话创作APP。本系统分为管理员、作者、用户三种用户。管理员用户可以通过本系统进行寓言童话管理、用户管理、审批作品管理。用户可以通过本系统进行题目的查询、登录、阅读寓言童话等内容。1.系统登录登录过程是通过web服务器，在后台的数据库通过用户名称密码进行査询。有该注册用户方可使用该系统。2.信息查询。
Automattic 和 Matt Mullenweg 要求驳回 WP Engine 诉讼案中的关键索赔
WP站长
11-03 1047
Automattic 和 Matt Mullenweg 已提交回应，要求法院驳回 WP Engine 诉讼中的第 1-6 项和第 9-11 项指控。WP Engine 于 2024 年 10 月 18 日向北加州法院提交了一份动议，要求获得初步禁令，寻求恢复对 WordPress.org 的访问，并恢复到 2024 年 9 月 20 日的状态。作为回应，Automattic 提交了三份关键文件：驳回 WP Engine 投诉的动议、撤销动议以及反对 WP Engine 初步禁令的动议。
n1book web1信息收集
shierbai的博客
11-03 261
2..index.php.swp这样的会触发下载，需要使用vim -r index.php.swp去做修复才能看。可以使用dirsearch的--delay n和-t n控制延时和线程数量避免429。访问robots.txt，访问里面给出的接口拿到第一部分flag。最后使用curl -o 1.swp xxxxxx（靶场url）1.使用目录扫描工具会遇到429请求过多。再vim -r 1.swp得到第三段。访问index.php~得到第二段。使用dirsearch扫描。
基于PHP的设云尘资讯网站设计与实现
程序猿麦小七
11-04 419
本系统设计是基于PHP的信息资讯网站的设计与实现，可以提供给用户便捷的平台。用PHP主流技术建设云尘资讯网站实现信息化的传播，采用THML以及CSS样式建立WEB网页，使得用户访问前端页面优美丰富，能够分享社会事迹、娱乐资讯、科学探究以及搞笑趣事等信息，充分的发挥现在信息化技术的优势，提供给用户闲暇时的阅读和了解，简单快速的获取自己想要的信息。使用到的工具和技术都是开源免费的。首页、登录注册、失物找寻、社会纪实、搞笑专栏、娱乐资讯、科学探究。网站首页、网站管理、内容管理、扩展管理、模板插件、系统管理。
PHP驱动的小型企业网站开发与实现
"基于PHP的小型企业网站设计与实现，利用MySQL作为数据库，Apache2.0作为Web服务器，旨在展示企业形象，清晰展示产品，并便于管理者更新网站内容。研究重点包括后台数据库设计、整体架构设计及代码编写，涉及页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值