繼上一個(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)資源）
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動(dòng)安全 [無(wú)線安全]玩轉(zhuǎn)無(wú)線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊(duì)列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識(shí)別反義詞同義詞 2017-07-26
- 從棧不平衡問(wèn)題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實(shí)現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動(dòng)安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來(lái)看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式