程式師世界 >> 編程語言 >> 網頁編程 >> PHP編程 >> PHP綜合 >> 簡單的php+mysql聊天室實現方法(附源碼)

簡單的php+mysql聊天室實現方法(附源碼)

編輯：PHP綜合

本文實例講述了簡單的php+mysql聊天室實現方法。分享給大家供大家參考，具體如下：

這裡介紹的程序分為 8 個文件：

frameset框架頁面:index.php

顯示聊天室內容頁：show.php

用戶登陸頁面：login.php

用戶發言頁面：speak.php

數據庫配置文件：config.php

頁面美化樣式：style.css

數據庫文件：chat.sql

發言表情包：face/

分別介紹如下：

一、數據庫文件chat.sql如下：

SET FOREIGN_KEY_CHECKS=0;
-- ----------------------------
-- Table structure for `chat`
-- ----------------------------
DROP TABLE IF EXISTS `chat`;
CREATE TABLE `chat` (
 `chtime` datetime default NULL,
 `nick` char(10) NOT NULL,
 `words` char(150) default NULL,
 `face` int(11) default NULL
) ENGINE=InnoDB DEFAULT CHARSET=gb2312;
-- ----------------------------
-- Records of chat
-- ----------------------------
INSERT INTO chat VALUES ('2013-03-21 04:15:14', 'smiling', '測試顯示發言', '3');
INSERT INTO chat VALUES ('2013-03-21 04:46:26', 'smiling', '時間有問題，', '5');
INSERT INTO chat VALUES ('2013-03-21 04:47:28', 'php新手', '新手來了。', '1');
INSERT INTO chat VALUES ('2013-03-21 04:55:19', 'php新手', '顯示正確啦', '6');
INSERT INTO chat VALUES ('2013-03-21 17:12:47', 'php新手', '正確顯示時間', '5');
INSERT INTO chat VALUES ('2013-03-21 17:23:19', 'php新手', '時間顯示正確。', '7');
INSERT INTO chat VALUES ('2013-03-21 17:23:29', 'php新手', '哈哈', '1');
INSERT INTO chat VALUES ('2013-03-22 08:28:00', '', '今天再來看看。', '3');

二、框架頁面如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>簡單的php+mysql聊天室--框架頁</title>
</head>
<frameset rows="*,80" cols="*" framespacing="0" bordercolor="#E1D1AE">
 <frameset rows="*" cols="*,284">
  <frame src="show.php" name="mainFrame"/>
  <frame src="login.php" name="rightFrame"/>
 </frameset>
 <frame src="speak.php" name="bottomFrame"/>
</frameset>
<noframes><body>
</body>
</noframes>
</html>

三、用戶登陸頁面login.php如下：

<html>
<head>
<title>簡單的php+mysql聊天室--登陸頁</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td> </td>
 </tr>
</table>
<table width="250" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#CBB486">
 <tr>
  <td height="30" align="center" bgcolor="#F5E6C1">
    <?php 
    if($_GET["tj"] == "out"){
    setcookie ("nick", "", time() - 3600);
    header("refresh:0; URL='login.php'");
    }
    if($_POST["submit"]){
    setcookie("nick",$nick); //用cookie記錄用戶昵稱,也可以用SESSION
    header("refresh:0; URL='login.php'");
    }
    ?>
    <?php if($_COOKIE["nick"]){echo "歡迎您 ".$_COOKIE["nick"]." <a href=?tj=out>退出房間</a>";}else{echo "請輸入您的昵稱";}?></td>
 </tr>
 <tr>
  <td bgcolor="#F5E6C1">
<form action="" method="post">
<input type="text" name="nick" cols="20">
<input type="submit" name="submit" value="登錄">
</form></td>
 </tr>
</table>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td> </td>
 </tr>
</table>
<table width="250" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#CBB486">
 <tr>
  <td height="70" bgcolor="#F5E6C1" class="login">程序說明：因本聊天室是作者僅花了一天時間而寫的程序，所以僅適合新手練習研究，高手可以進行繞行，新手可以在本基礎上進行增加發言IP和其它字段功能，最主要的是理解本程序的制作原理。歡迎新手朋友加入夏日源碼交流群：<SPAN id="qid">101140934</SPAN></td>
 </tr>
</table>
</body>
</html>

四、用戶發言頁面speak.php如下：

<html>
<head>
<title>簡單的php+mysql聊天室--發言頁</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="80%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <td height="2"></td>
 </tr>
</table>
<form action="show.php" target="mainFrame" method="post">
  發言表情：
<input type="radio" value="1" name="face" checked="checked" />
<img src="face/PIC1.GIF" width="20" height="20" border="0" />
<input type="radio" value="2" name="face" />
<img src="face/PIC2.GIF" width="20" height="20" border="0" />
<input type="radio" value="3" name="face" />
<img src="face/PIC3.GIF" width="20" height="20" border="0" />
<input type="radio" value="4" name="face" />
<img src="face/PIC4.GIF" width="20" height="20" border="0" />
<input type="radio" value="5" name="face" />
<img src="face/PIC5.GIF" width="20" height="20" border="0" />
<input type="radio" value="6" name="face" />
<img src="face/PIC6.GIF" width="20" height="20" border="0" />
<input type="radio" value="7" name="face" />
<img src="face/PIC7.GIF" width="20" height="20" border="0" />　
<input type="text" name="words" cols="20">
<input type="submit" value="發言">
</form>
</body>
</html>

五、顯示聊天室內容頁show.php如下：

<?php require_once('config.php'); ?>
<?php
if($words){
$query="insert into chat(chtime,nick,words,face)values(now(),'$nick','$words','$face')";//插入SQL語句
mysql_query($query,$link_ID); //發送留言到數據庫
header("refresh:0; URL='show.php'"); }
?>
<html>
<head>
<title>簡單的php+mysql聊天室--顯示留言頁</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<meta http-equiv="refresh" content="5;url=show.php">
</head>
<body>
<?php 
    //最新發言顯示在最下面
    $sql="select * from chat order by chtime asc";
    $result=mysql_query($sql);
    $total=mysql_num_rows($result);
    $info=($total/15-1)*15;
    if($total<15){
    $str="select * from chat order by chtime asc;" ; //查詢字符串
    }else{
    $str="select * from chat order by chtime asc limit $info,15;" ; //查詢字符串
    }
     $result=mysql_query($str,$link_ID); //送出查詢
     while($row=mysql_fetch_array($result)){
?>
<table width="700" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#CBB486">
 <tr>
  <td width="33" align="left" bgcolor="#F5E6C1" class="font">昵稱:</td>
  <td width="41" align="center" bgcolor="#F5E6C1" class="font"><?php if($row[nick] == ""){echo "游客";}else{echo $row[nick];}?></td>
  <td width="42" align="center" bgcolor="#F5E6C1" class="font"><img src="face/PIC<?php echo $row[face];?>.GIF" width="20" height="20"></td>
  <td width="56" align="left" bgcolor="#F5E6C1" class="font">發言內容:</td>
  <td width="160" align="left" bgcolor="#F5E6C1" class="font"><?php echo $row[words];?></td>
  <td width="56" align="left" bgcolor="#F5E6C1" class="font">發言
完整實例代碼點擊此處本站下載。
希望本文所述對大家PHP程序設計有所幫助。