【版主分享】融云教程第八篇 群组管理（建群，加群）

川哥哥

融云即时通信系列和教程
1、【版主分享】融云教程第一篇 登录（获取token）
2、【版主分享】融云教程第二篇 消息发送与接收（文字消息）
3、【版主分享】融云教程第三篇 消息发送与接收（图像消息）
4、【版主分享】融云教程第四篇 消息发送与接收（语音消息）
5、【版主分享】融云教程第五篇 聊天记录
6、【版主分享】融云教程第六篇 会话列表（最近会话消息）
7、【版主分享】融云教程第七篇 群组会话（文字消息）
8、【版主分享】融云教程第八篇 群组会话（图像语音消息）
9、【版主分享】融云教程第八篇 群组管理（建群，加群）




一、软件界图



创建群组



搜索群组



加入群组



群聊天




二、测试地址（搜索群id  5421或者1111）




三、源码下载






为了更好的了解群组创建、群组管理以及群成员管理等逻辑，这里就需要用到数据库。本项目使用平台提供的云端数据库，需要自己手动开通。
云端数据的操作可以用mcm模块，比较简单。当我们开通云端数据库后mcm模块就自动添加了，如果调试需要重新生成自定义loader。







这里需要创建两张表分别是qun  和 qun_user
qun这张表新增字段以及类型如图



qun_user这张表新增字段以及类型如图





1、群组的创建
在设置页面 里面的群组管理 增加一个点击事件然后跳转到群组列表页win_qun_gl.html







群列表页主要是获取云端qun表里面的数据  本节暂时不细讲，右顶部+号图标 进入到创建群页面win_qun_add.html







这个页面主要有头像上传以及向云端数据库中写入数据，这里主要讲云端数据库的插入代码，详细代码可以在源码里下载





头像上传涉及到图像剪辑，这里主要讲照片上传代码，详细代码可以在源码里下载





2、加入群组
加入群一般都需要通过搜索然后再加入该群，然后在群里面发送群消息。

前面讲的群聊教程都是直接在首页main.html页面先加入了四个群，然后进行群聊，所以这里就把首页加群的代码删除
在好友页面点击+号，进入群搜索页面win_serch.html





这里的输入框需要进行监听，监听输入的数据变化，要实现这个监听可以借助zepto.min.js 。
当输入框里面的数值长度大于3个字符时，执行数据查询函数，具体代码如下



数据查询需要用到query与model对象 组合使用，   查询条件是：qun_id的值为输入框的值



最后如果查询有结果就显示在页面，如果没有就显示错误提示


然后给申请加入做一个单击事件 执行join(qun_id, qun_tx, qun_zh)函数
加群必须至少需要   群id 和 群名称，这里传递了三个参数。
加入群成功后就将用户信息和该群信息写入qun_user表  ，如果成功就提示成功加入该群


两秒钟后跳转至该群聊天页面



到此就成功加入该群，可以在该群发送信息，详细代码可以下载源码查看学习

gigie

嗯，感谢分享。

杨愿

这是鹿晗被黑的最惨的一次，不对，这是Eason被黑的最惨的一次

川哥哥

杨愿 发表于 2017-12-26 14:55
这是鹿晗被黑的最惨的一次，不对，这是Eason被黑的最惨的一次

不要记恨我

lwqiqi

川哥哥棒棒哒

小hao1

请问群聊天，有没有@功能呢？

gznet

版主，分享下载的代码里，JOIN函数有错误，具体没调试出来，点击群时弹出


请问如何处理

川哥哥

小hao1 发表于 2018-2-6 14:36
请问群聊天，有没有@功能呢？

这个功能可以自己做

川哥哥

gznet 发表于 2018-3-15 10:45
版主，分享下载的代码里，JOIN函数有错误，具体没调试出来，点击群时弹出

我导入就没错到嘛

gznet

川哥哥 发表于 2018-3-15 15:50
我导入就没错到嘛

还是不行，能帮忙看看吗，谢谢