繼上一個項目用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)前端程序員的一個夢了，前后通吃。自認為是一個比全的項目。項目地址：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)資源）

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式