基于PHP、Mysql、ajax、设计的类PC版微信模式聊天系统

资源地址：https://download.youkuaiyun.com/download/2302_79553009/89881404

系统介绍

        基于PHP、Mysql、ajax、设计的类PC版微信模式聊天系统。用户完成注册和登录即可进入聊天主页面。如图2-1所示。主页包括菜单侧边栏、对话栏、聊天框。整体采用ajax进行局部刷新。

点击对话栏在聊天框中展示对应好友互相发送的聊天记录。还可进行聊天记录查看与以时间或关键字进行查询。对话栏中包括所有已注册好友以及群组，群组中展示所有用户在该群众的发言。并且登陆者可发布以自己为作者的群公告。

点击联系人可查询好友详细信息，当前登录者可完成对自己信息的编辑操作或者对其他好友的删除操作。

系统效果展示：

系统功能

        用户注册

        用户进入系统，首先判定是否有用户完成登录，若无用户则自动跳转至用户注册页面。用户注册需提交相应用户数据，并通过密码，邮箱等格式检查即可完成注册。

        用户是否登录判定关键代码如下所示。

<?php
 session_start();
 if(!isset($_SESSION["userid"])) {
   header("Location:ChatLogin.php");
   exit();
 }
?>

        用户登录

        用户登录进行账号与密码的检验，通过则完成登录进入聊天主页面。

 

侧边菜单

        点击左侧菜单聊天，即可利用ajax完成会话侧边栏的局部刷新。点击好友则会完成好友侧边栏的局部刷新。点击下方菜单按钮，可进行退出登录操作。

         Ajax完成局部刷新关键代码如下

    <script>  
        $(document).ready(function() {  
            $('#loadtalking').click(function() {  
                $.ajax({  
                    url: 'talking.php',  
                    type: 'GET',  
                    success: function(data) {  
                        $('#middlecontent').html(data);   
                    },  
                    error: function() {  
                        alert('加载内容失败！');  
                    }  
                });  
            }); 
            
             $('#loadfriends').click(function() {  
                $.ajax({  
                    url: 'friends.php',  
                    type: 'GET',  
                    success: function(data) {  
                        $('#middlecontent').html(data);   
                    },  
                    error: function() {  
                        alert('加载内容失败！');  
                    }  
                });  
            });  
            
        $('#myForm').on('submit', function(event) {
            alert('aa');
        event.preventDefault(); 
        var formData = $(this).serialize(); // 序列化表单数据
        $.ajax({
            url: 'chatbox.php', // 处理表单数据的PHP文件路径
            type: 'POST', // 提交方式
            data: formData, // 要发送的数据
            success: function(response) {
                $('#rightcontent').html(response);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log('Error: ' + textStatus + ' ' + errorThrown);
            }
        });
    });
          
            
    });  
        
    </script>  

 

会话侧边栏

        会话侧边栏包括所有已完成注册的用户，以及群组。

         会话条目可通过上面搜索框按照关键字进行检索。

         会话查询代码如下

  <?
            require "conn.php";
            $search = @$_POST['search'];
            if($search!=""){
                $sql = "select id,title,lasttime,avatar,record,isgroup,contact_id from talking where title like '%{$search}%'";
                $result=mysqli_query($conn,$sql);    
            }else{
                $sql = "select id,title,lasttime,avatar,record,isgroup,contact_id from talking";
                $result=mysqli_query($conn,$sql);
            }
                
            
            echo "<div class='m_body'>";
            while($row1 = mysqli_fetch_array($result))
            {
                list($id,$title,$lasttime,$avatar,$record,$isgroup,$contact_id)=$row1;
                
                if($isgroup