PHP+HTML简单实现BBS论坛与回帖
本文主要讲述如何通过PHP+HTML简单实现BBS论坛和发帖/回帖的功能，这是提取我们php项目的部分内容。主要内容包括：
1.通过JavaScript和Iframe实现局部布局界面
2.PHP如何定义类实现访问数据库功能
3.实现简单的BBS论坛和发帖/回帖功能
由于这个项目是十个人在寒假完成，所以采用了SAE搭建在线的后台数据库，其他人在通过Apache本地设计网页、访问数据库的方法实现，相当于简单的BS三端访问。
源码下载地址：http://download.csdn.net/detail/eastmount/8501443
访问http://localhost:8080/testphp/index.php效果如下图所示：
一. 首页布局搭建
首先是搭建首页的布局，主要布局分为head、main_left和main_right。其中右边显示部分采用的是iframe实现的局部显示，而左边采用JavaScript实现点击隐藏和显示功能。其中index.php首页代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>《分布式系统》精品课程学习</title>
<link href="css/mycss.css" type="text/css" rel="stylesheet"/>
<style type="text/css">
/* 这个链接改变颜色 */
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
</style>
</head>
<body>
<!-- 布局顶部登录状态 -->
<div id="main">
<TABLE cellSpacing=0 cellPadding=0 width="100%"
background="images/header_bg.gif" border=0>
<!--头部图片-->
<TR height=80>
<TD width=260>
<IMG height=80 src="images/logo.png" width=260>
</TD>
<TD style="FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #000;
PADDING-TOP: 20px; PADDING-RIGHT: 20px" align=right>
您还未登录! |
<A class="one" href="login.php" >登录</A>|
<A class="one" href="register_student.php" >学生注册</A>|
<A class="one" href="register_teacher.php" >教师注册</A>
</TD>
</TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#1c5db6 height=4>
<TD></TD></TR>
</TABLE>
<br />
<!-- 布局中部 -->
<div id="middle">
<!-- 布局中部右边 -->
<div id="index_right">
<iframe height="100%" width="100%" border="0" frameborder="0"
src="main_right.php" name="rightFrame" id="rightFrame" title="rightFrame">
</iframe>
</div>
<!-- 布局中部左边 -->
<div id="index_left">
<?php
include("main_left.php");
?>
</div>
</div>
这里的CSS代码布局调用css文件中的mycss.css实现：
html, body {
height: "100%";
width: "100%";
}
/*头部布局*/
#main{
margin-left:200px;
width:950px;
}
/*中部布局*/
#middle{
width:950px;
height:500px;
background-color:#b6effa;
}
/*中部左边*/
#index_left{
float:left;
margin-top:10px;
margin-left:10px;
width:180px;
height:480px;
}
/*中部右边*/
#index_right{
float:right;
margin-top:10px;
margin-right:20px;
width:720px;
height:480px;
border-style:double;
}
/*中部右边*/
#logout_middle{
float:right;
margin-top:100px;
margin-right:220px;
width:500px;
height:300px;
border-style:double;
background-color:#ffffff;
}
在Iframe中主要的代码是<iframe src="main_right.php" name="rightFrame" id="rightFrame">，调用时“BBS论坛”声明target为rightFrame即可。同时隐藏显示设置style.display为block或none。
其中main_left.php代码如下，此时即可实现上面的布局。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<LINK href="css/admin.css" type="text/css" rel="stylesheet">
<SCRIPT language=javascript>
function expand(el) {
childObj = document.getElementById("child" + el);
if (childObj.style.display == "none") {
childObj.style.display = "block";
} else {
childObj.style.display = "none";
}
return;
}
</SCRIPT>
</HEAD>
<BODY>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width=170
background=images/menu_bg.jpg border=0 align=left>
<TR>
<TD vAlign=top align=middle>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD height=10></TD></TR>
</TABLE>
<!-- 第一选项 -->
<TABLE cellSpacing=0 cellPadding=0 width=150 border=0>
<TR height=30>
<TD style="PADDING-LEFT: 20px; FONT-SIZE: 15px" background=images/menu_bt.jpg>
<A class=menuParent onclick=expand(1)
href="javascript:void(0);">课程首页</A></TD></TR>
<TR height=4>
<TD></TD></TR>
</TABLE>
<TABLE id=child1 style="DISPLAY: none" cellSpacing=0 cellPadding=0
width=150 border=0>
<TR height=20>
<TD align=middle width=30><IMG height=9
src="images/menu_icon.gif" width=9></TD>
<TD><A href="main_right1-1.php"
target="rightFrame">首页介绍</A></TD></TR>
<TR height=4>
<TD colSpan=2></TD></TR>
</TABLE>
<!-- 第二选项 -->
<TABLE cellSpacing=0 cellPadding=0 width=150 border=0>
<TR height=30>
<TD style="PADDING-LEFT: 20px; FONT-SIZE: 15px" background=images/menu_bt.jpg>
<A class=menuParent onclick=expand(2)
href="javascript:void(0);">课程概况</A></TD></TR>
<TR height=4>
<TD></TD></TR>
</TABLE>
<TABLE id=child2 style="DISPLAY: none" cellSpacing=0 cellPadding=0
width=150 border=0>
<TR height=20>
<TD align=middle width=30><IMG height=9
src="images/menu_icon.gif" width=9></TD>
<TD><A href="guest/main_right2-1.php"
target="rightFrame">课程简介</A></TD></TR>
<TR height=20>
<TD align=middle width=30><IMG height=9
src="images/menu_icon.gif" width=9></TD>
<TD><A href="guest/main_right2-2.php"
target="rightFrame">教师团队</A></TD></TR>
<TR height=20>
<TD align=middle width=30><IMG height=9
src="images/menu_icon.gif" width=9></TD>
<TD><A href="guest/main_right2-3.php"
target="rightFrame">教学条件</A></TD></TR>
<TR height=4>
<TD colSpan=2></TD></TR>
</TABLE>
<!-- 第三选项 -->
<TABLE cellSpacing=0 cellPadding=0 width=150 border=0>
<TR height=30>
<TD style="PADDING-LEFT: 20px; FONT-SIZE: 15px" background=images/menu_bt.jpg>
<A class=menuParent onclick=expand(3)
href="javascript:void(0);">互动交流</A></TD></TR>
<TR height=4>
<TD></TD></TR>
</TABLE>
<TABLE id=child3 style="DISPLAY: block" cellSpacing=0 cellPadding=0
width=150 border=0>
<TR height=20>
<TD align=middle width=30><IMG height=9
src="images/menu_icon.gif" width=9></TD>
<TD><A href="main_right3-1.php"
target="rightFrame">BBS论坛</A></TD></TR>
<TR height=20>
<TD align=middle width=30><IMG height=9
src="images/menu_icon.gif" width=9></TD>
<TD><A href="main_right3-2.php"
target="rightFrame">通知公告</A></TD></TR>
<TR height=4>
<TD colSpan=2></TD></TR>
</TABLE>
</BODY>
</HTML>
显示的效果如下：
二. 实现BBS论坛及回复
论坛主要通过自定义类database文件夹下Httppost.php实现，其中main_right3-1.php是显示所有BBS论坛帖子的主题，而main_right3-1-content.php是对应帖子的内容，包括回复内容等。
其中main_right3-1.php的代码如下：
<?php
header("Content-Type: text/html; charset=utf-8");
//注意：include一个php文件不能重复，要递归检查是否重复引用
include ("../database/httppost.php");
?>
<!-- 需要注意在Html中“..”表示回到上一级目录 而css与main_right3-1.php同级目录 -->
<link rel="stylesheet" href="css/main.css" type="text/css" />
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TR height=28>
<TD >当前位置: BBS论坛</TD>
<TD align=right><A href="main_right.php" class="one"> 返回 </A></TD>
</TR>
<TR>
<TD bgColor=#b1ceef height=1 colspan="2"></TD></TR>
<TR height=10>
<TD background=images/shadow_bg.jpg colspan="2"></TD></TR>
</TABLE>
<div class="middle">
<div class="wrap">
<div class="wrap_left">
<div class="wenda-head">
<a href="#" class="quealltab onactive" >最新</a>
<a href="#" class="quealltab " >热门</a>
<a href="#" class="quealltab " >等待回复</a>
</div>
<?php
//查询贴
$hgi=new HttpPostInf();
$result=$hgi->doquery("2","select * from BBS_Post;");
//解析json
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++){
?>
<div class="wenda-list">
<div class="headslider">
<img src="images/bbs3.jpg" class="wenda_list_head" width="40" height="40" />
<a href="" title="name" class="wenda-nickname"><?php echo $dj[$i]["BP_Pid"]; ?></a>
</div>
<div class="qaslider">
<ul>
<li><img src="images/bbs1.jpg" class="icon"/><a
href="main_right3-1-content.php?bbsid=<?php echo $dj[$i]["BP_Pid"]; ?>"
class="wendatitle"><?php echo $dj[$i]["BP_Ptitle"]; ?></a></li>
<li><img src="images/bbs2.png" class="icon2"/><span class="replydet">发帖身份：
<?php
if($dj[$i]["BP_Ptype"]==0) echo "教师";
if($dj[$i]["BP_Ptype"]==1) echo "学生";
?>
| 发帖人编号：
<?php echo $dj[$i]["BP_Puserid"]; ?></span></li>
<li><span class="time">提问时间：<?php echo $dj[$i]["BP_Ptime"]; ?></span>
</ul>
</div><!--qaslider-->
</div><!--wenda-list-->
<?php
//结束循环
}
?>
</div><!--wrap-->
</div><!--wrap_right-->
</div><!--middle-->
<TABLE cellSpacing=0 cellPadding=2 width="95%" align=center border=0 >
<TR height=20>
<TD></TD>
</TR>
</TABLE>
这里需要指出HTML代码"../database/httppost.php"中".."表示返回上一级目录，该代码的目录如下图所示，源代码放在Apache中htdocs文件夹中。
其中main_right3-1-content.php代码如下：
<?php
header("Content-Type: text/html; charset=utf-8");
include ("../database/human.php");
session_start();
?>
<link rel="stylesheet" href="css/main.css" type="text/css" />
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TR height=28>
<TD background=images/title_bg1.jpg>当前位置: BBS论坛</TD>
<TD align=right><A href="main_right6-1.php" class="one"> 返回 </A></TD>
</TR>
<TR>
<TD bgColor=#b1ceef height=1 colspan="2"></TD></TR>
<TR height=10>
<TD background=images/shadow_bg.jpg colspan="2"></TD></TR>
</TABLE>
<!-- PHP数据库中获取内容 -->
<?php
//查询BBS
$hgi=new HttpPostInf();
$result=$hgi->doquery("2","select * from BBS_Post where BP_Pid="".$_GET["bbsid"]."";");
//解析json
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++){
$_SESSION["bbsid"]=$dj[$i]["BP_Pid"];
?>
<div class="middle">
<div class="wrap">
<div class="wrap_left">
<div class="wenda-head">
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0 bgcolor="blue">
<TR height=10>
<TD></TD></TR>
<TR height=22>
<TD style="PADDING-LEFT: 10px; FONT-WEIGHT: bold; COLOR: #ffffff"
align=left>[贴] <?php echo $dj[$i]["BP_Ptitle"]; ?></TD></TR>
<TR height=10>
<TD></TD></TR>
</TABLE>
</div>
<!-- 楼主内容 -->
<TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<tr>
<td valign="top"><div align="middle" width=150><BR /><BR /><img
src="images/tx.jpg" width="60" height="60" />
<BR /><BR />楼主 1# <BR />
<?php echo $dj[$i]["BP_Puserid"]; ?>
<BR />身份
<?php
if($dj[$i]["BP_Ptype"]==0) echo "教师";
if($dj[$i]["BP_Ptype"]==1) echo "学生";
?><BR /><?php echo $dj[$i]["BP_Ptime"]; ?></div></td>
<!-- 多行文本输入控件 disabled="disabled"不可编辑 -->
<td ><textarea rows="15" type="text" width="400px" style="resize:none;font-size:16px;"
maxlength="2000" name="content" cols="60" disabled="disabled"><?php echo $dj[$i]["BP_Cont"]; ?></textarea></td>
</tr>
<TR height=4>
<TD colspan="3"></TD>
</TR>
<tr>
<td colspan="2"><hr width="100%" size="2" color="#FF0000"></td>
</tr>
</TABLE>
<!--上面的php中while循环并没有结束,还有右括号-->
<?php
}
//查询BBS
$hgi=new HttpPostInf();
$result=$hgi->doquery("2","select * from BBS_Reply where BR_Pid="".$_GET["bbsid"]."";");
//解析json
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++){
?>
<!-- 楼层回复内容 -->
<TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<tr>
<td valign="top"><div align="middle" width=150><BR /><BR />
<img src="images/tx.jpg" width="60" height="60" />
<BR /><BR />楼层 <?php $_SESSION["bbshfid"]=time(); echo $i+2;?># <BR />
<?php echo $dj[$i]["BR_Ruserid"]; ?>
<BR />身份
<?php
if($dj[$i]["BR_Rtype"]==0) echo "教师";
if($dj[$i]["BR_Rtype"]==1) echo "学生";
?>
<BR /><?php echo $dj[$i]["BR_Ptime"]; ?>
<BR />回复楼层<?php echo $dj[$i]["BR_Pfloor"]; ?>#</div></td>
<!-- 多行文本输入控件 disabled="disabled"不可编辑 -->
<td ><textarea rows="15" type="text" width="400px" style="resize:none;font-size:16px;"
maxlength="2000" name="content" cols="60" disabled="disabled"><?php echo $dj[$i]["BR_Cont"]; ?></textarea></td>
</tr>
<TR height=4>
<TD colspan="3">
</TD>
</TR>
<tr>
<td colspan="2"><hr width="100%" size="2" color="#FF0000"></td>
</tr>
</TABLE>
<?php
}
?>
<!-- 回复内容 -->
<form id="form1" name="form1" method="post" action="main_right3-1-content.php">
<TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
<tr>
<td colspan="2"> 回复楼层
<input type="text" name="lc" id="lc" value="" style=width:150pt; maxlength="50"/>
</td>
</tr>
<tr>
<td valign="top"><div align="middle" width=150>
<BR /><BR /> 回复 <BR /></div></td>
<!-- 多行文本输入控件 disabled="disabled"不可编辑 -->
<td ><textarea rows="10" type="text" width="400px" style="resize:none;font-size:16px;" maxlength="2000"
name="bbscontent" cols="60" ></textarea></td>
</tr>
<tr>
<td colspan="2" align="middle">
<input type="submit" style="font-size:22px" name="Submit" value="提交回复"/>
</td>
</tr>
<TR height=4><TD colspan="3"></TD></TR>
<tr>
<td colspan="2"><hr width="100%" size="2" color="#FF0000"></td>
</tr>
</TABLE>
</form>
</div><!--wrap-->
</div><!--wrap_right-->
</div><!--middle-->
<TABLE cellSpacing=0 cellPadding=2 width="95%" align=center border=0>
<TR height=20>
<TD></TD></TR>
</TABLE>
<!-- 提交当前页面POST数据库表单处理 -->
<?php
if (!empty($_POST["bbscontent"]))
{
if($_SESSION["radio"]==1) $a=1; //学生
if($_SESSION["radio"]==2) $a=0; //老师
//SQL更新
$sql = "INSERT INTO BBS_Reply (BR_Rid,BR_Pid,BR_Ruserid,BR_Rtype,BR_Ptime,BR_Pfloor,BR_Cont) VALUES (";
$sql .= """.$_SESSION["bbshfid"]."",";
$sql .= """.$_SESSION["bbsid"]."",";
$sql .= """.$_SESSION["number"]."",";
$sql .= """.$a."",";
$sql .= """.date("Y-m-d")."",";
$sql .= """.$_POST["lc"]."",";
$sql .= """.$_POST["bbscontent"].""";
$sql .= ");";
//更新信息
//echo $sql;
$hgi=new HttpPostInf();
$result=$hgi->doquery("1",$sql);
//echo "<script>alert("恭喜你修改成功!");</script>";
header("Location:main_right3-1.php");
}
?>
发帖回复显示效果如下图所示：
发帖的代码就不贴出来了，可以查看源代码。写到此处可能你会疑惑数据库访问部分的内容，下面进行简单讲解吧！
三. PHP定义类及成员函数
在PHP中我们通常课程学习时完成的网站都是基于面向过程的方法，从而忽略了它的面向对象知识，我显然也犯了这样的错误。
PS:由于该项目是《面向对象分析与开发》课程作业，所以需要用面向对象的知识去分析和实现。突然有一天我发现PHP以前用的都是HTML和PHP布局后台实现的，没用用到类、封装、继承的知识，但查阅相关资料后发现它都是有这些东西的。
后来在实现这个项目过程中我们定义了不同的类(感谢PU哥)，这里仅仅举例数据库方面和Human类。
<?php
header("Content-Type: text/html; charset=utf-8");
class HttpPostInf{
function __construct(){ //无参构造函数
}
function doquery($type , $sql){ //网路通信函数
$data = array ("sqlType" => $type , "sqlExe" => $sql);
$data = http_build_query($data);
$opts = array ("http" => array ("method" => "POST","header"=>
"Content-type: application/x-www-form-urlencoded
" ."Content-Length: "
. strlen($data) . "
","content" => $data));
$context = stream_context_create($opts);
$html = file_get_contents("http://courseweb.sinaapp.com/courseweb.php", false, $context);
return $html;
}
}
?>
同时定义Human类，而继承该类的Student和Teacher是两种身份的登陆用户。其中构造函数、实例化都已经在成员函数中写好。
<?php
header("Content-Type: text/html; charset=utf-8");
include_once("httppost.php");
//人类，拥有教师和学生的共同属性和方法
class Human{
private $hid; //唯一编号
private $pwd; //密码
private $name; //名字
private $sex; //性别
private $email; //邮箱
function __construct(){ //无参构造函数
}
//静态验证函数
static function id_vf($id,$spwd,$type){ //类静态方法 type=1为学生，2为老师
$hpi=new HttpPostInf();
if($type==1)
{
$result=$hpi->doquery("2","select * from Student_Info where Sinf_id="".$id."";");
if($result =="error" || $result=="null"){ //返回无值
return -1; //没有用户，返回0
}
else{
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++){
//只有一个密码
$right_pwd=$dj[$i]["SInf_Pwd"]; //学生登录密码
}
if($spwd == $right_pwd) return 1; //验证成功，可以登陆
else return 0;//密码错误
}
}
else if($type==2)
{
$result=$hpi->doquery("2","select * from Teacher_Info where TI_id="".$id."";");
if($result =="error" || $result=="null"){ //返回无值
return -1; //没有用户，返回0
}
else{
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++){
//只有一个密码
$right_pwd=$dj[$i]["TI_Pwd"]; //学生登录密码
}
if($spwd==$right_pwd) return 1; //验证成功，可以登陆
else return 0;//密码错误
}
}
}
}
class Student extends Human{
private $bir; //出生日期
private $maj; //专业
private $eym; //入学年份
private $score; //得分
function __construct($sid){ //1参构造函数
$this->hid=$sid;
$stu=new HttpPostInf();
$result=$stu->doquery("2","select * from Student_Info where Sinf_ID="".$sid."";");
//echo "result:".$result;
//解析json
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++){
//只返回1个，所以只取一个即可，jcount=1
$this->bir=$dj[$i]["SInf_Bir"];
$this->maj=$dj[$i]["SInf_Maj"];
$this->eym=$dj[$i]["SInf_Eym"];
$this->score=$dj[$i]["SInf_Score"];
//或者写：$score=$dj->Sinf_Bir;
$this->pwd=$dj[$i]["SInf_Pwd"];
$this->name=$dj[$i]["SInf_Name"];
$this->sex=$dj[$i]["SInf_Sex"];
$this->email=$dj[$i]["SInf_Email"];
}
}
function getname(){return $this->name;}
function getsex(){return $this->sex;}
function getemail(){return $this->email;}
function getpwd(){return $this->pwd;}
function getbir(){return $this->bir;}
function getmaj(){return $this->maj;}
function geteym(){return $this->eym;}
function getscore(){return $this->score;}
}
class Teacher extends Human{
private $ptitle; //职称
private $res; //成果
private $award; //获奖
function __construct($tid){ //1参构造函数
$this->hid=$tid;
$stu=new HttpPostInf();
$result=$stu->doquery("2","select * from Teacher_Info where TI_ID="".$tid."";");
//echo "result:".$result;
//解析json
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++){
//只返回1个，所以只取一个即可，jcount=1
$this->ptitle=$dj[$i]["TI_Ptitle"];
$this->res=$dj[$i]["TI_Res"];
$this->award=$dj[$i]["TI_Award"];
//或者写：$score=$dj->Sinf_Bir;
$this->pwd=$dj[$i]["TI_Pwd"];
$this->name=$dj[$i]["TI_Name"];
$this->sex=$dj[$i]["TI_Sex"];
$this->email=$dj[$i]["TI_Email"];
}
}
function getname(){return $this->name;}
function getsex(){return $this->sex;}
function getemail(){return $this->email;}
function getpwd(){return $this->pwd;}
function getptitle(){return $this->ptitle;}
function getres(){return $this->res;}
function getaward(){return $this->award;}
}
?>
再调用上面定义的类HttpPostInf和Human，实现访问数据库的简单代码如下所示：
<?php
//查询贴
$hgi=new HttpPostInf();
$result=$hgi->doquery("2","select * from BBS_Post;");//SQL语句
//解析json
$dj=json_decode($result,true);
$jcount=count($dj);
for($i=0; $i<$jcount; $i++) {
echo $dj[$i]["BP_Pid"];
}
?>
而当用户登录后会使用Session记录用户的id，然后通过类实例化即可实现获取该用户的所有信息，简单的代码如下：
$h1=new Student("2220140598");
echo $h1->getname(); echo "
";
echo $h1->getsex(); echo "
";
echo $h1->getemail(); echo "
";
最后希望文章对大家有所帮助，尤其发现PHP方面搭建的文章比较少！相对多的文章是PHP关于某个细节处理，同时更希望大家学习下PHP类相关的知识。总感觉自己写博客有些问题，但自己说不出来，希望大家提出不足之处！该代码数据库是布局在SAE上的，所以直接运行可以出现上面所有图形的效果。
（By：Eastmount 2015-3-14 下午4点 http://blog.csdn.net/eastmount/）