大概花了一周多一點(diǎn)灰嫉,完成了一個(gè)前后端分離解耦的簡(jiǎn)易個(gè)人博客項(xiàng)目拆宛。
項(xiàng)目前后端分離,路由完全交給vue-router處理讼撒,后端只負(fù)責(zé)操作數(shù)據(jù)庫(kù)浑厚,暴露api。
技術(shù)棧
前端
- Vue.js (基于vue.js)
- Vue-Cli (項(xiàng)目構(gòu)建)
- axios (處理http請(qǐng)求)
- Vue-Router (處理前端路由)
- Vuex (數(shù)據(jù)管理)
- animate.css
- sass (css預(yù)處理工具)
后端
- node.js
- express
- mongodb數(shù)據(jù)庫(kù)(mongoose)
項(xiàng)目實(shí)現(xiàn)的功能有:
配置方面
- cors跨域處理
- proxy反向代理
- mongodb數(shù)據(jù)庫(kù)(Robomongo可視化界面)
功能方面
- 登錄
- 鼠標(biāo)懸浮3d傾斜效果
- 分頁(yè)
- vue錨點(diǎn)跳轉(zhuǎn)
- 搜索字段高亮
- 移動(dòng)端適配
- ...
項(xiàng)目很簡(jiǎn)單根盒,不過(guò)沒(méi)有設(shè)計(jì)稿钳幅,沒(méi)個(gè)組件寫起來(lái)都舉步維艱。炎滞。不知道怎么下手敢艰,謝謝ciqulove的一些靈感和技術(shù)支持。
下方多圖預(yù)警
login.png
首頁(yè)
Tag
search
about
po主木有服務(wù)器厂榛,也不太會(huì)搞盖矫。。之后正確把數(shù)據(jù)庫(kù)和資源上傳到數(shù)據(jù)庫(kù)击奶,項(xiàng)目就能在線訪問(wèn)了辈双。
目前項(xiàng)目提供做學(xué)習(xí)用途,希望能給大家一些幫助柜砾,對(duì)全棧項(xiàng)目有一個(gè)初步的了解湃望,謝謝。
項(xiàng)目地址
2017/11/8