php简略多人聊天界面的设计代码
php简单多人聊天界面的设计代码
下面来简单介绍一个最简单的登录多人聊天系统的设计，只有四个文件，分别是登录页面login.php、多人聊天界面chat.php、设计数据库操作的Sql.php文件以及注册页面regester.php，其中注册页面和登录页面的代码有%98的代码是雷同的。都是采用同样的结构。难点其实还是在Sql.php文件中，因为这个是涉及到数据库操作的文件，所以很多问题基本都是由这个页面引起的，当然还有那个多人聊天界面也是很容易出问题。总体说来其实无非就是从数据库中根据用户名和接收者的名字取出相应的对话内容。这个缺点挺大的，在实际应用中几乎是毫无用武之地的，仅仅是为了学习才会想到这样做的，对话内容放在数据库里，那也是很耗费系统资源的行为。不过保存少量的对话信息应该还是可以的。闲话就不多说了，只要能够看懂Sql.php文件的代码基本上就看懂了这整个多人聊天系统，注意我的四个文件全部都是放在一个文件下，所以当你要复制这个系统时，请务必保证这四个文件都是处于同一个文件夹下，并且最好再次确保这四个文件是用utf-8编码，如果不是请修改为UTF-8编码。要不然就会出现中文乱码现象。一个汉字在GBK编码下占用2个字符，而在UTF-8编码下占用三个字符，这一点可以用strlen()函数检验。这里要建立两个表，两个数据表如下所示：
这个表名叫comm，是专门用于存放用户对话信息的数据表：
下面的表名叫rege,是专门用于存放用户注册信息的：
下面是登录页面login.php
<span style="font-size:18px; color:#333333"><meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>welcom to login page</title>
<style type="text/css">body { margin:auto;width:500px;background:url('table.jpg')no-repeat 200px;}div { width:550px;padding-top:200px; overflow:hidden;}form { padding:3px; border:dashed 1px green; font-size:23px; color:red; background:white;}form input { height:25px;}form span { width:150px;height:40px;text-align:center; display:inline-block;}form span.pic { font-size:12px; display:inline;}form img{ position: relative; left: 10px; top: 15px; padding-right:3px;}#show {display:inline;height:20px;margin-left:20px;font-size:12px;}#user {display:inline;font-size:14px;}#pwd {display:inline;font-size:14px;}.login {font-size:21px;align:center;display:block;height:26px;margin-left:150px;}</style>
<div>
<form action="login.php" method="post">
<span>用户名：</span><input type="text" size="20" name="user"><span id="user"></span><br><span>密码：</span><input type="text" size="20" name="pwd"><span id="pwd"></span><br><span>请输入验证码:</span><input type="text" size="10" name="check"><img src="/static/imghw/default1.png" data-src="tupian.php" class="lazy" style="max-width:90%" onclick="javascript:this.+Math.random()" alt="php简略多人聊天界面的设计代码" > <span class="pic">看不清点击图片换一张</span><br><span id="show"></span><input class="login" type="submit" value="登录">
</form>
<h2 id="a-href-regester-php-点击注册-a"><a href="regester.php">点击注册</a></h2>
</div>
<?php session_id("yanzhen"); session_start(); $chars=strtolower($_SESSION['yanzhen']);//获得验证码; if(isset($_POST['check'])){ if(trim($_POST['check'])==""){ echo "<script type=text/javascript>"; echo "document.getElementById('show').innerHTML='请输入验证码'"; echo "";exit(); } if($chars!=trim($_POST['check'])){ echo "<script type="text/javascript">"; echo "document.getElementById('show').innerHTML='验证码输入错误'"; echo "</script>";exit(); } } if(isset($_POST['user'])){ //check the user name $user=trim($_POST['user']); if($user==""){ echo "<script type="text/javascript">"; echo "document.getElementById('user').innerHTML='用户名为空'"; echo "</script>";exit(); } if(preg_match("/^[\x7f-\xff]+$/", $user)==0){ echo "<script type="text/javascript">"; echo "document.getElementById('user').innerHTML='用户名只允许汉字'"; echo "</script>";exit(); } if(isset($_POST['pwd'])){ $pwd=trim($_POST['pwd']); if(preg_match("/^[a-z0-9\-]+$/i", $pwd)==0){ echo "<script type="text/javascript">"; echo "document.getElementById('pwd').innerHTML='密码只允许数字、下划线和字母'"; echo "</script>";exit(); } if($pwd==''){ echo "<script type="text/javascript">"; echo "document.getElementById('pwd').innerHTML='密码为空'"; echo "</script>"; }else { include_once 'Sql.php'; $sql = new Sql(); if($sql->checkPassword($user, $pwd)){ //$_SESSION["$user"]=true; header("location:chat.php?name=".urlencode($user)); } else { echo "<script type="text/javascript">"; echo "document.getElementById('show').innerHTML='{$sql->infor}'"; echo "</script>"; } } } }</span>下面是注册页面regester.php
<span style="font-size:18px; color:#333333"><meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>welcom to login page</title>
<style type="text/css">body { margin:auto;width:500px;background:url('table.jpg')no-repeat 200px;}div { width:550px;padding-top:200px; overflow:hidden;}form { padding:3px; border:dashed 1px green; font-size:23px; color:red; background:white;}form input { height:25px;}form span { width:150px;height:40px;text-align:center; display:inline-block;}form span.pic { font-size:12px; display:inline;}form img{ position: relative; left: 10px; top: 15px; padding-right:3px;}#show {display:inline;height:20px;margin-left:20px;font-size:12px;}.login {font-size:21px;align:center;display:block;height:26px;margin-left:150px;}</style>
<div><form action="regester.php" method="post">
<span>用户名：</span><input type="text" size="20" name="user"><span id="user"></span><br><span>密码：</span><input type="text" size="20" name="pwd"><span id="pwd"></span><br><span>请输入验证码:</span><input type="text" size="10" name="check"><img src="/static/imghw/default1.png" data-src="tupian.php" class="lazy" style="max-width:90%" onclick="javascript:this.+Math.random()" alt="php简略多人聊天界面的设计代码" > <span class="pic">看不清点击图片换一张</span><br><span id="show"></span><input class="login" type="submit" value="注册">
</form></div>
<?php require_once 'Sql.php';if(isset($_POST['user'])){ //check the user name $user=trim($_POST['user']); if($user==""){ echo "<script type=text/javascript>"; echo "document.getElementById('user').innerHTML='用户名为空'"; echo "";exit(); } if(strlen($user)>6){ echo "<script type="text/javascript">"; echo "document.getElementById('user').innerHTML='用户名太长'"; echo "</script>";exit(); } if(preg_match("/^[\x7f-\xff]+$/", $user)==0){ echo "<script type="text/javascript">"; echo "document.getElementById('user').innerHTML='用户名只允许汉字'"; echo "</script>";exit(); } if(isset($_POST['pwd'])){ $pwd=trim($_POST['pwd']); if(preg_match("/^[a-z0-9\-]+$/i", $pwd)==0){ echo "<script type="text/javascript">"; echo "document.getElementById('pwd').innerHTML='密码只允许数字、下划线和字母'"; echo "</script>";exit(); } if($pwd==''){ echo "<script type="text/javascript">"; echo "document.getElementById('pwd').innerHTML='密码为空'"; echo "</script>";exit(); }elseif (strlen($pwd)>=19){ echo "<script type="text/javascript">"; echo "document.getElementById('pwd').innerHTML='密码长度太长'"; echo "</script>";exit(); } else { include_once 'Sql.php'; $sql = new Sql(); $sql->regerster($user, $pwd); } } } ?></span>下面是操作数据库的Sql.php文件
<span style="font-size:18px; color:#333333"><?phpheader ("charset=utf-8");class Sql { protected $conn; public $infor=''; public function __construct(){ $this->conn=mysql_connect("localhost","like","admin"); mysql_select_db("test"); if(!$this->conn) die("fail to connect the mysql database"); } public function queryInfor($receiver){ $arr=array(); $receiver=iconv("utf-8","gbk",$receiver); $query="select * from `comm` where recever='$receiver' order by id desc"; mysql_query("set names gbk"); $result=mysql_query($query,$this->conn) or die("fuck error"); while($row=mysql_fetch_row($result)){ $arr[]=$row; } if(count($arr)>5){//保存的信息超过五条，就删除掉多余信息 for($i=count($arr)-1;$i>4;$i--){ mysql_query("delete from `comm` where id={$arr[$i][0]}") or die("fail to delete the extra information"); unset($arr[$i]); } } mysql_free_result($result); for($i=0;$i<count for return public function queryquery from where sendor="$sendor" order by id desc mysql_query names gbk>conn) or die("fuck error"); while($row=mysql_fetch_row($result)){ $arr[]=$row; } if(count($arr)>5){//保存的信息超过五条，就删除掉多余信息 for($i=count($arr)-1;$i>4;$i--){ mysql_query("delete from `comm` where id={$arr[$i][0]}") or die("fail to delete the extra information"); unset($arr[$i]); } } mysql_free_result($result); for($i=0;$i<count for return public function setdatabase h:i:s mysql_query names gbk>conn); $query="insert into `comm`(sendor,time,recever,content)values('$sender','$timestamp','$receiver','$content')"; mysql_query($query,$this->conn) or die("insert error"); } public function getSenderAll($name){ $arr= array(); $name=iconv("utf-8","gbk",$name); $query="select user from `rege` where 1 order by id desc"; mysql_query("set names gbk",$this->conn); $result=mysql_query($query,$this->conn) or die("no data in database"); while($row=mysql_fetch_row($result)){ $arr[]=$row[0]; } for($i=0;$i<count return public function logout set status="0" where user="$name" mysql_query names gbk>conn) or die("注销失败"); } public function checkPassword($name,$password=null){ $name=iconv("utf-8","gbk",$name); $queryP="select * from `rege` where user='$name' and password='$password' limit 1"; $queryQ="select * from `rege` where user='$name' limit 1"; mysql_query("set names gbk",$this->conn); if($password!=null){ mysql_query($queryP,$this->conn) or die("ass error"); if(mysql_affected_rows($this->conn)>0){ $result=mysql_query("select status from `rege` where user='$name'"); $row=mysql_fetch_row($result); if($row[0]) { $this->infor="该用户已经登录"; return false; } $query="update `rege` set status=true where user='$name'"; mysql_query($query,$this->conn); return true; }else{ $this->infor="用户名或密码错误"; return false; } } else { mysql_query($queryQ,$this->conn) or die("sorry error"); if(mysql_affected_rows($this->conn)>0){ $this->infor="该用户名已被注册"; return false; } return true; } } public function regerster($name,$pwd){ $name=iconv("utf-8","gbk",$name); $query="INSERT INTO `rege`(`user`,`password`) VALUES ('$name','$pwd')"; mysql_query("set names gbk",$this->conn); mysql_query($query,$this->conn) or die("注册失败"); $this->infor="注册成功"; } public function close(){ mysql_close($this->conn); }}</count></count></count></span>下面是用户登录之后的多人聊天界面chat.php，说是多人聊天，其实是很粗糙的界面，就是一个ul标签列出了所有人传达给你的最新五条信息，多余信息会被自动删除，然后你可以选择任意一个人写下对他/她说的话，然后就是刷新显示。其实原理挺简单的。
<span style="font-size:18px; color:#333333"><?php require_once 'Sql.php'; session_id("yanzhen"); session_start(); if(isset($_GET['id'])&&isset($_GET['log'])){ if($_GET['id']==1){ $og= new Sql(); $sess_name=urldecode($_GET['log']); $og->logout($sess_name); $_SESSION["$sess_name"]=false; header("content-type=text/html;charset=utf-8"); echo "注销成功"; echo "<a href="login.php">返回到登录页面</a>"; exit(); } } if(isset($_GET['name'])){ $user=urldecode($_GET['name']); $user=$_GET['name']; } else{ header("location:login.php"); } if(isset($_POST['content'])){ $tmp_content=$_POST['content']; $tmp_user=$_POST['user']; $tmp_receive=$_POST['selec']; $tmp=new Sql(); $tmp->setDatabase($tmp_user, $tmp_receive, $tmp_content); $tmp=$tmp_content=$tmp_user=$tmp_receive=null; }?><meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<title>welcom to chat page</title>
<style type="text/css">#area {margin:auto;width:500px;color:red;background-color:grey;}#area ul li{height:20px;list-style-type:none;}form {margin:auto;width:500px;height:35px;color:white; background-color:black;}h3 {padding-left:200px;} </style>
<h3 id="a-href-chat-php-id-amp-log-lt-php-echo-urlencode-user-gt-注销-a"><a href="chat.php?id=1&log=<?php%20echo%20urlencode(%24user);?>">注销</a></h3>
<div id="area"><ul>
<?php $sql= new Sql(); $arr=array(); $arr=$sql->queryInfor($user); for($i=count($arr)-1;$i>=0;$i--){ echo "<li>".$arr[$i][1]."在" .$arr[$i][2]."对你说过:</li>
<br>"; echo "<li>".$arr[$i][4]."</li>
<br>"; } $arr=$sql->queryQuery($user); for($i=count($arr)-1;$i>=0;$i--){ echo "<li style="text-align:right;color:green">"."你在".$arr[$i][2]."对" .$arr[$i][3]."说过:</li>
<br>"; echo "<li style="text-align:right;color:green">".$arr[$i][4]."</li>
<br>"; }?></ul></div>
<form action="chat.php?name=<?php%20echo%20urlencode(%24user);?>" method="post">
<input type="hidden" name="user" value="<?php echo $user; ?>"><?php echo $user;?>想对<select name="selec"><?php $arr=$sql->getSenderAll($user); for($i=0;$i<count if echo value='\"$arr[$i]\"'>$arr[$i]"; }?></count></select>说：<input name="content" type="text" size="30" maxlength="30/"><input type="submit" value="发送">
</form>
<?php //show the information when chatting?></span>聊天界面图：
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
What are the differences between Huawei GT3 Pro and GT4?
Dec 29, 2023 pm 02:27 PM
Many users will choose the Huawei brand when choosing smart watches. Among them, Huawei GT3pro and GT4 are very popular choices. Many users are curious about the difference between Huawei GT3pro and GT4. Let’s introduce the two to you. . What are the differences between Huawei GT3pro and GT4? 1. Appearance GT4: 46mm and 41mm, the material is glass mirror + stainless steel body + high-resolution fiber back shell. GT3pro: 46.6mm and 42.9mm, the material is sapphire glass + titanium body/ceramic body + ceramic back shell 2. Healthy GT4: Using the latest Huawei Truseen5.5+ algorithm, the results will be more accurate. GT3pro: Added ECG electrocardiogram and blood vessel and safety
Fix: Snipping tool not working in Windows 11
Aug 24, 2023 am 09:48 AM
Why Snipping Tool Not Working on Windows 11 Understanding the root cause of the problem can help find the right solution. Here are the top reasons why the Snipping Tool might not be working properly: Focus Assistant is On: This prevents the Snipping Tool from opening. Corrupted application: If the snipping tool crashes on launch, it might be corrupted. Outdated graphics drivers: Incompatible drivers may interfere with the snipping tool. Interference from other applications: Other running applications may conflict with the Snipping Tool. Certificate has expired: An error during the upgrade process may cause this issu simple solution. These are suitable for most users and do not require any special technical knowledge. 1. Update Windows and Microsoft Store apps
Five selected Go language open source projects to take you to explore the technology world
Jan 30, 2024 am 09:08 AM
In today's era of rapid technological development, programming languages are springing up like mushrooms after a rain. One of the languages that has attracted much attention is the Go language, which is loved by many developers for its simplicity, efficiency, concurrency safety and other features. The Go language is known for its strong ecosystem with many excellent open source projects. This article will introduce five selected Go language open source projects and lead readers to explore the world of Go language open source projects. KubernetesKubernetes is an open source container orchestration engine for automated
Go language development essentials: 5 popular framework recommendations
Mar 24, 2024 pm 01:15 PM
"Go Language Development Essentials: 5 Popular Framework Recommendations" As a fast and efficient programming language, Go language is favored by more and more developers. In order to improve development efficiency and optimize code structure, many developers choose to use frameworks to quickly build applications. In the world of Go language, there are many excellent frameworks to choose from. This article will introduce 5 popular Go language frameworks and provide specific code examples to help readers better understand and use these frameworks. 1.GinGin is a lightweight web framework with fast
Laravel development: How to implement WebSockets communication using Laravel Echo and Pusher?
Jun 13, 2023 pm 05:01 PM
Laravel is a popular PHP framework that is highly scalable and efficient. It provides many powerful tools and libraries that allow developers to quickly build high-quality web applications. Among them, LaravelEcho and Pusher are two very important tools through which WebSockets communication can be easily implemented. This article will detail how to use these two tools in Laravel applications. What are WebSockets? WebSockets
Detailed explanation of the role and usage of the echo keyword in PHP
Jun 28, 2023 pm 08:12 PM
Detailed explanation of the role and usage of the echo keyword in PHP PHP is a widely used server-side scripting language, which is widely used in web development. The echo keyword is a method used to output content in PHP. This article will introduce in detail the function and use of the echo keyword. Function: The main function of the echo keyword is to output content to the browser. In web development, we need to dynamically present data to the front-end page. At this time, we can use the echo keyword to output the data to the page. e
How to Fix Can't Connect to App Store Error on iPhone
Jul 29, 2023 am 08:22 AM
Part 1: Initial Troubleshooting Steps Checking Apple’s System Status: Before delving into complex solutions, let’s start with the basics. The problem may not lie with your device; Apple's servers may be down. Visit Apple's System Status page to see if the AppStore is working properly. If there's a problem, all you can do is wait for Apple to fix it. Check your internet connection: Make sure you have a stable internet connection as the "Unable to connect to AppStore" issue can sometimes be attributed to a poor connection. Try switching between Wi-Fi and mobile data or resetting network settings (General > Reset > Reset Network Settings > Settings). Update your iOS version:
What are the most popular golang frameworks on the market?
Jun 01, 2024 pm 08:05 PM
The most popular Go frameworks at present are: Gin: lightweight, high-performance web framework, simple and easy to use. Echo: A fast, highly customizable web framework that provides high-performance routing and middleware. GorillaMux: A fast and flexible multiplexer that provides advanced routing configuration options. Fiber: A performance-optimized, high-performance web framework that handles high concurrent requests. Martini: A modular web framework with object-oriented design that provides a rich feature set.
