繼上一個項目用vuejs仿網(wǎng)易云音樂(實現(xiàn)聽歌以及搜索功能)后,發(fā)現(xiàn)上一個項目單純用vue的model管理十分混亂,然后我去看了看vuex,打算做一個項目練練手,又不想做一個重復(fù)的項目,這次我就放棄顏值,打算走心派。結(jié)合了后臺nodejs,以及數(shù)據(jù)庫MongoDB來開發(fā)了一個實時聊天系統(tǒng)。這個系統(tǒng)可以說是一統(tǒng)江山,也算是實現(xiàn)前端程序員的一個夢了,前后通吃。自認(rèn)為是一個比全的項目。項目地址:https://github.com/hua1995116/webchat 覺得好的請順手來個star。

Android培訓(xùn),安卓培訓(xùn),手機開發(fā)培訓(xùn),移動開發(fā)培訓(xùn),云培訓(xùn)培訓(xùn)

技術(shù)棧

  • 前端 vue,vue-router ,vuex

  • 后端 nodejs,express

  • 數(shù)據(jù)庫 mongodb

  • 通訊 websocket

  • 腳手架工具 vue-cli

結(jié)構(gòu) 
├─build 
├─config 
├─models(存放mongoose對象) 
├─schemas(存放mongoose的schemas模型) 
├─src 
│ │ App.vue 
│ │ main.js(主入口) 
│ ├─assets 
│ ├─components (組件) 
│ ├─router(vue-router路由) 
│ └─store(vuex) 
└─static(靜態(tài)資源)

網(wǎng)友評論