jquery 2024-02-25 16:59

实时在线聊天插件java，php等

WAChat实时在线聊天说明：

在学习完前端之后结合目前学习的后台技术实现的一个实时在线聊天程序，使用了websocket但是没有考虑他的可承受的连接数，所以只能作为一个小工具。作为一个经历过每个学期末的课程设计的煎熬的一个软工大学生。部分项目还是需要一个实时聊天的功能来加加分什么的。该程序只适合作为课程设计中前端的一个插件。

功能

好友的基本添加删除和分组功能

好友分组的添加删除

私聊和群聊功能（只实现了文字的信息）

创建和删除群聊

个人的信息修改（头像，描述）

使用步骤在要实现的页面上添加结构

<html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="chat/css/chat.min.css"/> <script src="chat/js/jquery.min.js" type="text/javascript" charset="utf-8"></script> </head> <style type="text/css"> </style> <body>  <div id="chatlogo"> <span class="iconfont" ></span> </div>  <button class="chat_add_friend" user_id='204b6a6d-4773-44c3-8f42-bfef015977db'>加好友</button> <script src="chat/js/chat.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var chat = new Chat({ //用户需要提供一个接口来提供已登录的用户信息以及在wachat上申请的一个websign网站标识 //UUID一个唯一标识需要参数 uUID username usercode url:"http://zouhongwei.com:8800/WAChat/user/login.action", //资源路径 chat文件夹放置的位置 sourcepath:'' }); </script> </body> </html> 添加 chat 文件夹获取websign标识每个标识只允许30个注册用户量

http://zouhongwei.com:8800/WAChat/

实现接口修改以上代码中的url参数返回参数为json （例子大概写的）

除了websign其他都是自己实现生成的。

同一账号的uUID和usercode是惟一的 username可修改

注意 uUID 大小写不能错

{uUID:"154b6a6d-4773-44c3-8f42-bfef015977db",usercode:"1562813192",username:"张三",websign:"获取的到websign"}

java 定义一个实体类user 可用 fastjson 将对象生成json字符串

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.setContentType("text/json;charset=UTF-8 "); String UUID = "154b6a6d-4773-44c3-8f42-bfef015977db"; String username = "李四"; user u =new user(UUID,username,"zouhongwei","1562813995"); String json = JSON.toJSONString(u); response.getWriter().write(json); }

@RequestMapping(value = "/loginchat.action",method = RequestMethod.GET) @ResponseBody public String loginchat(HttpServletRequest request){ HttpSession session = request.getSession(); User user = (User) session.getAttribute("user"); Map<String,String> map = new HashMap<>(); map.put("uUID",user.getUuid()); map.put("username",user.getUsername()); map.put("usercode",user.getMail()); map.put("websign",websign); return JSON.toJSONString(map); }

php

if(session('user')){ $data = array( 'uUID'=>'154b6a6d-4773-44c3-8f42-bfef015977db', 'username'=>'张三', 'usercode'=>'1562813995', 'websign'=>'zouhongwei.com' ); echo json_encode($data); } 图片展示

主面板（点击头像换头像，点击描述修改）