基於node+express+mongodb+vue的全棧之旅

lonelyRoad發表於2018-01-16

前言

這個專案只是一個簡單的使用者註冊登陸功能,是基於node服務開發的後臺api,前端是基於vue開發的頁面。最先接觸node的時候是使用VUE-CLI在自動化構建前端的時候使用的,具體的原理也不是很清楚,在後來的慢慢學習中明白了其中的一些原理,在這裡與大家分享。我們在使用vue-cli的時候是因為尤大在開發vue的時候考慮到我們許多前端小白幫我們基於node+webpack作了一個自動化構建服務的工具,而node強大的功能不僅僅只有這點,因為node也是可以開發服務端的,就是後臺php,java等等開發給我們前端同學的介面文件,深層次的原理有興趣的同學可以去學習一下,畢竟我也是前端萌新一枚。

github地址

github.com/jiqingpeng/…

說明

如果對您有幫助,麻煩你進入github,點右上角 “Star” 支援一下 十分感謝!

技術棧

前端

vue vue這裡不過多簡紹,以後有機會會分享比較詳細的心得。如果你想學習vue的話可以去官網上面看API,對新手友好,因為是中文文件。

後端

node

nodejs這裡就不多說了,大家應該沒用過也聽說過。

express

Express 是一個基於 Node.js 平臺的極簡、靈活的 web 應用開發框架,它提供一系列強大的特性,幫助你建立各種 Web 和移動裝置應用。
其實Express你可以把它理解為和vue-cli差不多得一個服務端自動化構建工具,只不過是express的頁面推薦的是服務直出,也就是和後臺同學的jsp技術差不多,更改一下配置也支援html格式。
express簡單入門教程
express簡單入門教程連結

mongodb

mongodb資料庫,選擇mongodb最大的原因就是它是非關係型的資料庫,具體什麼意思我也不明天我只知道這個資料庫不用寫sql語句. mongodb資料庫安裝教程
mongodb資料庫安裝教程連結

mongoose

Mongoose是在node.js非同步環境下對mongodb進行便捷操作的物件模型工具,裡面封裝了許多操作mongodb資料庫的api,還是那句話剛開始不要管它是怎麼實現的,只要會用就好了。 github上漏了一句話,想要看效果的同學,最起碼你的電腦得開三個命令列,mongodb資料庫一個,vue一個,express一個。

相關文章