初入Vue,node,express,mongodb

本人前端萌新
大概花了一週多一點,完成了一個先後端分離解耦的簡易我的博客項目。
項目先後端分離,路由徹底交給vue-router處理,後端只負責操做數據庫,暴露api。css

技術棧

前端

  • Vue.js (基於vue.js)前端

  • Vue-Cli (項目構建)vue

  • axios (處理http請求)node

  • Vue-Router (處理前端路由)ios

  • Vuex (數據管理)git

  • animate.cssgithub

  • sass (css預處理工具)vue-router

後端

  • node.jsmongodb

  • express數據庫

  • mongodb數據庫(mongoose)

項目實現的功能有:

配置方面

  1. cors跨域處理

  2. proxy反向代理

  3. mongodb數據庫(Robomongo可視化界面)

功能方面

  1. 登陸

  2. 鼠標懸浮3d傾斜效果

  3. 分頁

  4. vue錨點跳轉

  5. 搜索字段高亮

  6. 移動端適配

  7. ...


項目很簡單,不過沒有設計稿,沒個組件寫起來都舉步維艱。。不知道怎麼下手,謝謝ciqulove的一些靈感和技術支持。

下方多圖預警

login.png
首頁
Tag
search
about

po主木有服務器,也不太會搞。。以後正確把數據庫和資源上傳到數據庫,項目就能在線訪問了。
目前項目提供作學習用途,但願能給你們一些幫助,對全棧項目有一個初步的瞭解,謝謝。

項目地址

求star (•̀ω•́ 」∠)

2017/11/8

相關文章
相關標籤/搜索