PHP+HTML简单实现BBS论坛与回帖-php教程-PHP中文网

本文主要讲述如何通过PHP+HTML简单实现BBS论坛和发帖/回帖的功能，这是提取我们php项目的部分内容。主要内容包括：
1.通过JavaScript和Iframe实现局部布局界面
2.PHP如何定义类实现访问数据库功能
3.实现简单的BBS论坛和发帖/回帖功能
由于这个项目是十个人在寒假完成，所以采用了SAE搭建在线的后台数据库，其他人在通过Apache本地设计网页、访问数据库的方法实现，相当于简单的BS三端访问。
源码下载地址：
访问 http://localhost:8080/testphp/index.php效果如下图所示：

一. 首页布局搭建

首先是搭建首页的布局，主要布局分为head、main_left和main_right。其中右边显示部分采用的是iframe实现的局部显示，而左边采用JavaScript实现点击隐藏和显示功能。其中index.php首页代码如下：

<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>	<!-- 布局顶部登录状态 --><div id="main">
<table cellspacing="0" cellpadding="0" width="100%" background="images/header_bg.gif" border="0">	<!--头部图片-->  <tr height="80">    <td width="260">    	<img     style="max-width:90%" src="images/logo.png"  style="max-width:90%" alt="PHP+HTML简单实现BBS论坛与回帖" >    </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实现：    <br>    <pre name="code" class="sycode">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中主要的代码是