最近碰巧發現一款比較好的Web即時通訊前端組件,layim,百度關鍵字即可,我下面要做的就是基於這個前端組件配合后台完成即時聊天等功能。當然用到的技術就是ASP.NET SingalR框架。本人不會css和前端的東西,只會少量的js,所以前端的代碼不做介紹,喜歡前端的同學可以自行研究,閑言少敘 ...
休息了兩天,還是決定把這個尾巴給收了。本篇是最后一篇,也算是草草收尾吧。今天要加上表情功能和群聊。基本上就差不多了,其他功能,讀者可以自行擴展或者優化。至於我寫的代碼方面,自己也沒去重構。好的,我們開始在原有的基礎上添加功能。 .表情功能 表情我用了一個jquery插件,qqFace。由於GitHub中源碼已經包含,我這里不在粘貼地址。先看一下添加表情后的效果吧。 表情這里不要忘了加頁面樣式,表 ...
2016-01-27 18:53 1 3115 推薦指數:
最近碰巧發現一款比較好的Web即時通訊前端組件,layim,百度關鍵字即可,我下面要做的就是基於這個前端組件配合后台完成即時聊天等功能。當然用到的技術就是ASP.NET SingalR框架。本人不會css和前端的東西,只會少量的js,所以前端的代碼不做介紹,喜歡前端的同學可以自行研究,閑言少敘 ...
上一篇已經簡單介紹了layim WebUI即時通訊組件和獲取數據的后台方法。現在要討論的是SingalR的內容,之前都是直接貼代碼。那么在貼代碼之前先分析一下業務模型,順便簡單講一下SingalR里的部分方法。 進入正題,我們要做,即時通訊,就要考慮收發消息。我們先看推送消息的方法,找到 ...
有開發者提問怎么做歷史記錄功能和即使不打開聊天窗口有消息提醒功能。簡單抽時間寫了點代碼。不過只是基本思路,具體細節沒有實現。 正如前幾篇博客中提到的,讀取歷史記錄什么時候讀取呢?按照常理,應該是打開聊天窗口的時候加載歷史記錄,當然也可以選擇異步加載好,然后打開哪個窗口就加載哪部分的記錄 ...
上篇講解了如何搭建聊天服務器,以及客戶端js怎么和layui的語法配合。服務器已經連接上了,那么聊天還會遠嗎? 進入正題,正如上一篇提到的我們用 Client.Group(groupId)的方法向客戶端推送消息。本篇就先不把業務搞復雜了,就默認現在兩個用戶都各自打開了對方的聊天 ...
看起來挺簡單,細節還是很多的,好,接上一篇,我們已經成功連接singalR服務器了,那么剩下的內容呢,就是一步一步實現聊天功能。 我們先看看缺什么東西 點擊好友彈框之后,要給服務器發消息,進入組Group.Group原理在上一篇已經介紹了,這里不再贅述。 點擊發送消息到后台 ...
上一篇介紹了加好友的流程,這里不再贅述,不過之前的聊天只能發送普通文字,那么本篇就教你如何實現發送附件和圖片消息。我們先對功能進行分析: 發送圖片,附件,需要實現上傳圖片和附件的功能。 textarea不能顯示圖片,所以需要做圖片轉換 接收到消息之后需要在將圖片轉換回原來圖片 ...
或者自動彈出一些客服聊天框,人家很熱情的和你交談。我們也可以用layim來實現。首先,頁面添加一個按鈕,點擊 ...
前言 上一篇中講解了加好友的流程,本篇將介紹好友管理,群組管理的右鍵菜單功能。當然由於菜單項目太多,都實現也得花費時間。只講解一下我是如何從不知道怎么實現右鍵菜單到會自定義菜單的一個過程。另外呢,針對菜單:發送即時消息這個原本在Laim中已經有的功能做出實現,其他的方法,只要按照業務邏輯一一 ...