websocket服務器推送 （node+express+vue+socket）

簡介：

此項目須要懂一點node、express

功能：

1.前端用戶登陸，查看服務端推送的消息，用戶只能在一個地方登陸，也就是單點登陸

2.服務端首先登陸，上傳須要推送的信息文本，後臺讀取文本後，存入數據庫，在取出來返回前端，連接socket服務，而後推送到前端

界面以下：

服務端界面：

用戶管理界面：

1.修改、增長、刪除等操做

 

 

前端界面：

 

 

技術棧:

前端：

"axios": "^0.18.0"---(用戶提交向服務器提交數據)
"iview": "^3.2.1"---(前端ui組件)
"qs": "^6.6.0" ---(跨域模塊)
"socket.io-client": "^2.2.0" ---(與node進行通信的模塊)
"vue": "^2.5.21"---(前端框架)
"vue-router": "^3.0.2"---(前端路由)
"vuex": "^3.0.1"---(前端數據交互模塊)

服務端：

備註：服務端使用node+express 搭建的web服務器

"express": "~4.15.5",
"mysql": "^2.16.0",
"socket.io": "^2.2.0"

源代碼已經上傳github了下面是地址：

 https://github.com/lw664256297/textsocket

金主們請博主喝杯茶吧，博主萬分感謝！

微信二維碼