一個vue+express+nodejs爬蟲構建的僞整站移動書城

項目地址：點擊

預覽地址：點擊

api地址：點擊

爬蟲地址：點擊

技術棧：vue + vue-router + vuex + webpack + axios + less + flex + express + nodejs + mysql + localStorage

這個項目很早之前就開始寫了，算是用vue寫的第一個項目，應該比較符合新手學習。因此代碼仍是有很多問題，可是應該很符合vue入門使用者的寫法，好比直接修改state：this.$store.state.xx = xx。

最開始是用jQuery寫了閱讀器部分，後來爲了學習，就嘗試用vue重構，學習了整個vue技術棧。
後來想一想閱讀器寫好了，沒有書可不行，想一想應該用爬蟲爬點數據，因而各類查找node爬蟲的資料，寫了很多爬蟲。

數據有了，接下來該構建api了，谷歌了一下發現用express好像不錯，因而又學習了express部分，構建了所需的api。

有的同窗剛開始學習vue的時候可能有點茫然，不光是vue自己的用法、api、組件等等，查資料後發現還有vue-router、vuex等等須要學習。

本項目就是那個階段寫的第一個比較完善的vue項目，如今纔拿出來是由於中間有很多事耽擱了，若是你想看代碼，可能會發現很多地方跟本身寫得很像，一共只有四個路由，夠簡單吧，可是用到的東西在其餘複雜應用中也是必需的，仔細想一想其實vue也就那麼點東西，多寫就容易了。

vue-router方面，經常使用的內容基本都用到了，好比
動態路由、編程式導航、命名路由、重定向、數據獲取時的loading、懶加載等等。

vuex採用分離的寫法，state、mutation、action分開寫，方便維護。

另外本項目中還寫了一些可直接遷移使用的組件、好比loading組件、左右彈出層的背景陰影組件。

最後上點項目截圖

PS：界面是抄起點的