1. 程式人生 > >sau交流學習社群--基於vue2 + vuex + vue-router + webpack + ES6 + axios + sass開發的讀書WebAPP

sau交流學習社群--基於vue2 + vuex + vue-router + webpack + ES6 + axios + sass開發的讀書WebAPP

loveBook

一、前言

loveBook愛上閱讀,是一款webapp的讀小說等書籍的並且閱讀的應用。如果覺得可以,歡迎fork和star。

自己最近在追鬥破蒼穹電視劇,下班時候在地鐵上總聽到有人說,鬥破蒼穹書籍比電視劇好看,於是想弄個看書的webapp,

這樣在手機上看電子書很爽。找了好久發現發現只有追書神器的api暴露出來了,起點之類的api找不到。

同步:https://www.mwcxs.top/page/457

 

二、技術棧

vue2 + vuex + vue-router + webpack + ES6 + axios + sass

 

三、 原始碼地址

https://github.com/saucxs/loveBook

 

四、演示地址

http://book.mwcxs.top

 

1、版本功能

- [x] 熱門模組-男生熱門,女生熱門,女頻限免三部分

- [x] 分類模組-男生,女生,出版三部分

- [x] 分類詳情模組-分為熱門,新書,好評,完結,包月,根據小說內容分為全部,東方玄幻,異界大陸,異界爭霸,遠古神話

- [x] 書籍詳情模組-包含書籍一些基本資訊和簡介,書籍目錄入口,熱門書評,同類推薦,包含加入書架功能,和立即閱讀

- [x] 書籍目錄模組-包含一共多少章,章節順序(倒敘)

- [x] 同類推薦列表模組

- [x] 閱讀模組-包含目錄,晝夜閱讀模式,以及字型調整和書籍背景顏色設定

- [x] 書架模組-包含加入到書架展示,以及上次閱讀地方儲存

- [x] 搜尋模組-包含熱搜的內容和歷史搜尋內容,以及清空歷史搜尋內容

+ 2018.10.17

   - 完成熱門模組

   - 完成類別列表

   - 完成書籍詳情

+ 2018.10.21

    - 完成分類模組

    - 完成章節目錄

    - 完成閱讀模組

+ 2018.10.24

    - 完成書架模組

+ 2018.10.25

    - 完成模糊搜尋功能

    - 清空搜尋歷史功能

    - 修復bug:部署之後閱讀章節返回的錯誤

 

五、專案截圖

5.1熱門模組

ç­é¨æ¨¡å

5.2分類模組

å类模å

5.3分類詳情模組

å类详æ模å

5.4書籍詳情模組

书ç±è¯¦æ模å

5.5書籍目錄模組

书ç±ç®å½æ¨¡å

5.6同類推薦列表模組

åç±»æ¨èå表模å

5.7閱讀模組

é读模å

5.8閱讀模組-夜間

é读模å-å¤é´

5.9立即閱讀模組-設定

é读模å-设置

5.10書架模組

书æ¶æ¨¡å

5.11搜尋模組-搜尋前

æ索模å-1

5.12搜尋模組-搜尋後

æ索模å-2

 

六、專案執行

git clone https://github.com/saucxs/loveBook

cd loveBook

npm install

npm run dev(本地執行 訪問:http://localhost:8083)

npm run build (部署上線 生成的dist資料夾放到伺服器中即可:需要配置代理,如使用nginx,可參考下面問題中的配置)

 

七、說明 

是基於[structure_webApp](https://github.com/saucxs/structure_webApp)架子上進行新增業務邏輯。

 

八、最後

最後打個小廣告

原始碼:(https://github.com/saucxs/loveBook)

都已在GitHub上開源,目前在逐步完善功能中。歡迎感興趣的同學fork和star。