繼上一個(gè)項(xiàng)目用vuejs仿網(wǎng)易云音樂(lè)(實(shí)現(xiàn)聽(tīng)歌以及搜索功能)后,發(fā)現(xiàn)上一個(gè)項(xiàng)目單純用vue的model管理十分混亂,然后我去看了看vuex,打算做一個(gè)項(xiàng)目練練手,又不想做一個(gè)重復(fù)的項(xiàng)目,這次我就放棄顏值,打算走心派。結(jié)合了后臺(tái)nodejs,以及數(shù)據(jù)庫(kù)MongoDB來(lái)開(kāi)發(fā)了一個(gè)實(shí)時(shí)聊天系統(tǒng)。這個(gè)系統(tǒng)可以說(shuō)是一統(tǒng)江山,也算是實(shí)現(xiàn)前端程序員的一個(gè)夢(mèng)了,前后通吃。自認(rèn)為是一個(gè)比全的項(xiàng)目。項(xiàng)目地址:https://github.com/hua1995116/webchat 覺(jué)得好的請(qǐng)順手來(lái)個(gè)star。
技術(shù)棧
前端 vue,vue-router ,vuex
后端 nodejs,express
數(shù)據(jù)庫(kù) mongodb
通訊 websocket
腳手架工具 vue-cli
結(jié)構(gòu)
├─build
├─config
├─models(存放mongoose對(duì)象)
├─schemas(存放mongoose的schemas模型)
├─src
│ │ App.vue
│ │ main.js(主入口)
│ ├─assets
│ ├─components (組件)
│ ├─router(vue-router路由)
│ └─store(vuex)
└─static(靜態(tài)資源)