sau交流學習社區--看小說的lovebook一個無線端BS應用

loveBook

loveBook愛上閱讀,是一款webapp的讀小說等書籍的而且閱讀的應用。若是以爲能夠,歡迎fork和star。html

本身最近在追鬥破蒼穹電視劇,下班時候在地鐵上總聽到有人說,鬥破蒼穹書籍比電視劇好看,因而想弄個看書的webapp,vue

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

同步sau交流學習社區:https://www.mwcxs.top/page/45...ios

1、技術棧

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

2、源碼地址

https://github.com/saucxs/loveBookgit

3、演示地址

線上地址github

4、版本功能

  • [x] 熱門模塊-男生熱門,女生熱門,女頻限免三部分
  • [x] 分類模塊-男生,女生,出版三部分
  • [x] 分類詳情模塊-分爲熱門,新書,好評,完結,包月,根據小說內容分爲所有,東方玄幻,異界大陸,異界爭霸,遠古神話
  • [x] 書籍詳情模塊-包含書籍一些基本信息和簡介,書籍目錄入口,熱門書評,同類推薦,包含加入書架功能,和當即閱讀
  • [x] 書籍目錄模塊-包含一共多少章,章節順序(倒敘)
  • [x] 同類推薦列表模塊
  • [x] 閱讀模塊-包含目錄,晝夜閱讀模式,以及字體調整和書籍背景顏色設置
  • [x] 書架模塊-包含加入到書架展現,以及上次閱讀地方存儲
  • [x] 搜索模塊-包含熱搜的內容和歷史搜索內容,以及清空歷史搜索內容
  • 2018.10.17web

    • 完成熱門模塊
    • 完成類別列表
    • 完成書籍詳情
  • 2018.10.21vue-router

    • 完成分類模塊
    • 完成章節目錄
    • 完成閱讀模塊
  • 2018.10.24vuex

    • 完成書架模塊
  • 2018.10.25

    • 完成模糊搜索功能
    • 清空搜索歷史功能
    • 修復bug:部署以後閱讀章節返回的錯誤

5、項目截圖

熱門模塊

clipboard.png

分類模塊

分類模塊

分類詳情模塊

clipboard.png

書籍詳情模塊

clipboard.png

閱讀模塊

clipboard.png

書架模塊

clipboard.png

6、項目運行

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

cd loveBook

npm install

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

npm run build (部署上線 生成的dist文件夾放到服務器中便可:須要配置代理,如使用nginx,可參考下面問題中的配置)

7、說明

是基於structure_webApp架子上進行添加業務邏輯。

8、最後

最後打個小廣告

源碼:(https://github.com/saucxs/lov...

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

相關文章
相關標籤/搜索