基於Vue+Vuex+Nodejs+MySql開發小說閱讀器

基於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

開發及項目截圖

按照所列功能點和需求點進行相應的開發

截圖





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章