基於Vue+Vuex+Nodejs+MySql開發小說閱讀器
參考項目:https://github.com/tgxhx/vue-reader
本文項目:https://github.com/YepFury/reader
技術棧:Vue + Vuex + Vue-router + nodejs + express + mysql 等
說明:在空閒時間,想通過一個項目來總結一下目前的知識體系,因此在參考 大佬的項目之後,打算自己實現一遍。
功能實現:
- 註冊(簡單的校驗)
- 登錄
- 首頁
- 我的
- 書籍詳情
- 分類查看
- 閱讀器
- 搜索
- 更改字體大小
- 更改閱讀器主題(夜間模式)
- 上下翻頁
- 本地存儲(賬戶信息)
- 閱讀記錄(同步到數據庫)
- 書架
- …
- 數據獲取時的loading、懶加載
準備工作
1. 數據導入
本項目在參考項目的基礎上增加了登錄、註冊等功能,因此增加了用戶相關的一些表,sql文件**下載地址**,下載之後導入到MySQL數據庫即可使用
2. 接口開發
使用express進行接口開發
接口項目地址:https://github.com/YepFury/reader-api
本地使用方法:
# 克隆項目
git clone [email protected]:YepFury/reader-api.git
# 進入到項目根目錄,安裝依賴
cd read-api
npm install
# 啓動接口
node app.js
服務器使用方法:
# 克隆項目
git clone [email protected]:YepFury/reader-api.git
# 進入到項目根目錄,安裝依賴
cd read-api/
npm install
# 使用pm2啓動服務
pm2 start app.js
開發及項目截圖
按照所列功能點和需求點進行相應的開發
截圖