PHP + Mysql + Ajax怎么实现淘宝客服或阿里旺旺聊天功能

  介绍

这篇文章主要介绍了PHP + Mysql + Ajax怎么实现淘宝客服或阿里旺旺聊天功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

首先来看一下我已经实现的效果图:

消费者页面:

(1)会显示店主的头像

(2)当前用户发送信息显示在右侧,接受的信息,显示在左侧

 PHP + Mysql + Ajax怎么实现淘宝客服或阿里旺旺聊天功能

店主或客服页面:(下一篇随笔)

(1)在左侧有一个列的表,会显示所有与店主对话的顾客;该列表可以移动;有新消息时会提示;也可以清空该聊天记录

(2)点击列表里的顾客进入右边的对话框界面,显示与该顾客的聊天信息

 PHP + Mysql + Ajax怎么实现淘宝客服或阿里旺旺聊天功能

,在实现功能之前,来说一下我用到的两张表:

 PHP + Mysql + Ajax怎么实现淘宝客服或阿里旺旺聊天功能

,解释一下:bkid在此处没有用到;isok列是用来判断消息是否已读、未读为0;

现在,来说一下步骤:(分前台和后台两部分)

在这篇随笔中我们首先来说一下前台页面是如何实现的:(李四登录)

 PHP + Mysql + Ajax怎么实现淘宝客服或阿里旺旺聊天功能

用会话存取一下lisi;便于后面从用户表中取数据

1,布局页面代码以及读取数据代码:

& lt; !——中间内容——比;   ,& lt; div  id=皕hongjian"比;   & lt;才能div  id=発uangjia",在   ,,& lt; div  id=皀eirong",在   ,,,& lt; div 比;//取才能店主用户名,显示店主的头像和姓名& lt; br>php & lt; ?   ,,uid 美元;=,$ _SESSION [“uid"];,,   ,,sql 美元;=,“select  *,得到users  where  uid=& # 39; zhangsan& # 39;“;   ,,arr 美元;=,$ db→查询($ sql);   ,,foreach (arr 美元;as  v)美元   ,,{,,,   ,,echo “   ,,& lt; div 风格=& # 39;高度:100 px;浮动:左;宽度:100 px;浮动:左;& # 39;比;   ,,,& lt; div 风格=& # 39;边界:2 px  solid 灰色;高度:84 px;宽度:84 px;保证金:7 px 汽车;,border - radius: 10 px;溢出:隐藏# 39;比;   ,,,& lt; img  src=https://www.yisu.com/zixun/{$ v[6]}的高度=80 px的宽度=80 px的/>   
  
        亲爱的店主