成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

基于VUE多人聊天項目

0xE7A38A / 1380人閱讀

摘要:項目背景公司平臺要做一個通訊系統(tǒng),本來是來做的后面改前端來做,所以就用來做這個了。

項目背景

公司平臺要做一個通訊系統(tǒng),本來是java 來做的后面改前端+PHP來做,所以就用VUE來做這個了。

github

github地址
新人求star

技術(shù)棧

vue-axios
vuex
websocket
sass
css3
等...

已經(jīng)完成進度

整體結(jié)構(gòu)已經(jīng)完成

好友列表完成

好友添加拒絕完成

好友列表發(fā)起聊天完成

聊天頁面點擊聊天完成

發(fā)送聊天完成

點擊聊天列表清除未讀消息完成

實時消息通知完成

好友動態(tài)上下線完成

實時加好友通知完成

優(yōu)化發(fā)送文字長度

聊天記錄本地儲存 如果頁面不刷新 則不會丟失

與后端已經(jīng)聯(lián)調(diào)完成,一期已經(jīng)上線

部分代碼
添加好友代碼

添加好友

搜索

{{statusMessage}}

搜索結(jié)果 <查看推薦好友

  • {{list.nickname}}

    {{list.status === 0 ? "好友":"待驗證"}}

公共彈窗代碼

提示

{{type === "del" ? "確定要移除 "+ delInfo.name +" 嗎?" : message[type]}}

好友模塊相關(guān)代碼

 
好友申請 [{{data[1].ApplyList.length}}]
  • {{list.nickname}}
    申請加我為好友
我的好友 [{{data[0].onlineNum}}/{{data[0].friendsList.length}}]
  • {{list.nickname}}

聊天模塊相關(guān)代碼


  • 正在玩{{list.playing_game_info.name}}
    {{list.nickname}} {{list.message_count > 99 ? "99+": list.message_count}}
    {{list.last_message}} {{list.last_send_at}}
`

項目截圖

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/94297.html

相關(guān)文章

  • 基于VUE多人聊天項目

    摘要:項目背景公司平臺要做一個通訊系統(tǒng),本來是來做的后面改前端來做,所以就用來做這個了。 項目背景 公司平臺要做一個通訊系統(tǒng),本來是java 來做的后面改前端+PHP來做,所以就用VUE來做這個了。 github github地址 新人求star 技術(shù)棧 vue-axios vuex websocket sass css3 等... 已經(jīng)完成進度 整體結(jié)構(gòu)已經(jīng)完成 ...

    joywek 評論0 收藏0
  • 用NodeJS打造多人在線聊天室(NodeJS & SocketIO & Expre

    摘要:技術(shù)棧項目背景這個項目主要是為了玩玩,項目的方向大概是做出類似的在線聊天系統(tǒng)。項目使用進行部署和管理,功能在不斷的迭代開發(fā)中。首頁用戶列表用戶中心注冊登陸注銷用戶資料指定聊天室開始安裝使用之前,請在中修改的安裝路徑。 技術(shù)棧:NodeJS & SocketIO & Express & EJS & MongoDB & Gulp 項目背景 這個項目主要是為了玩玩NodeJS,項目的方向大概...

    codecook 評論0 收藏0
  • 用NodeJS打造多人在線聊天室(NodeJS & SocketIO & Expre

    摘要:技術(shù)棧項目背景這個項目主要是為了玩玩,項目的方向大概是做出類似的在線聊天系統(tǒng)。項目使用進行部署和管理,功能在不斷的迭代開發(fā)中。首頁用戶列表用戶中心注冊登陸注銷用戶資料指定聊天室開始安裝使用之前,請在中修改的安裝路徑。 技術(shù)棧:NodeJS & SocketIO & Express & EJS & MongoDB & Gulp 項目背景 這個項目主要是為了玩玩NodeJS,項目的方向大概...

    Astrian 評論0 收藏0
  • Vue2 全家桶仿 微信App 項目,支持多人在線聊天和機器人聊天

    摘要:前言這個項目是利用工作之余寫的一個模仿微信的單頁面應(yīng)用,整個項目包含個頁面,涉及實時群聊,機器人聊天,同學(xué)錄,朋友圈等等,后續(xù)頁面還是開發(fā)中。 前言 這個項目是利用工作之余寫的一個模仿微信app的單頁面應(yīng)用,整個項目包含27個頁面,涉及實時群聊,機器人聊天,同學(xué)錄,朋友圈等等,后續(xù)頁面還是開發(fā)中。寫這個項目主要目的是練習(xí)和熟悉vue和vuex的配合使用,利用socket.io實現(xiàn)實時聊...

    iliyaku 評論0 收藏0
  • Vue2 + Nodejs + WebSocket 完成你畫我猜多人在線游戲

    摘要:使用即可完成一個很有意思的在線游戲作品。你畫我猜,相信大家對這個游戲都很熟悉。我用實現(xiàn)了你畫我猜這個游戲??梢孕薷漠嫻P顏色,粗細(xì),進行撤銷,恢復(fù),清空等操作。第一個猜完后,游戲時間縮短為秒。 使用 websocket + vue2 即可完成一個很有意思的在線游戲作品。你畫我猜,相信大家對這個游戲都很熟悉。 我用Vue2 + mint-ui + nodejs + websocket ...

    XanaHopper 評論0 收藏0

發(fā)表評論

0條評論

0xE7A38A

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<