Node.js + Koa2 + MySQL + Vue.js 實戰開發一套完整我的博客項目網站

這是個什麼的項目？

使用 Node.js + Koa2 + MySQL + Vue.js 實戰開發一套完整我的博客項目網站。

• 博客線上地址：www.boblog.com
• Github地址：https://github.com/liangfengbo/nodejs-koa-blog

解決了什麼問題？

• 服務端：使用 Node.js 的 Koa2 框架二次開發 Restful API。
• 前端：Vue.js 打造了前端網站和後臺管理系統。

項目包含什麼功能？

• Koa2服務端

  • 管理員與權限控制
  • 文章
  • 文章分類
  • 評論文章
• 前端博客網站 Vue.js
• 後臺管理系統 Vue.js

項目的特色

• Koa 與 Koa 二次開發API
• 多 koa-router 拆分路由
• require-directory 自動路由加載
• 異步編程 - async/await
• 異步異常鏈與全局異常處理
• Sequelize ORM 管理 MySQL
• JWT 權限控制中間件
• 參數驗證器 Validator
• nodemon 修改文件自動重啓
• 先後端分離
• 使用 Vue.js 搭建前端網站和後臺管理系統

如何使用和學習？

數據庫

啓動項目前必定要在建立好 boblog 數據庫。

# 登陸數據庫
$ mysql -uroot -p密碼

# 建立 wxapp 數據庫
$ CREATE DATABASE IF NOT EXISTS boblog DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

克隆項目

首先使克隆項目，而後進入項目根目錄使用命令安裝包，最後命令啓動項目，代碼會根據模型自動建立數據庫表的。

根目錄都是 Node.js + Koa2 API開發源代碼，根目錄下的 web 文件夾下都是前端網站項目源代碼，根目錄下的 admin 文件夾下都是後臺管理系統的源代碼。

# 克隆項目代碼
$ git clone https://github.com/liangfengbo/nodejs-koa-blog.git

# 進入koa項目根目錄
$ cd nodejs-koa-blog

# 安裝包
$ npm install

# 運行服務
$ npm run dev

# 打開瀏覽器輸入回車：http://localhost:3000

// 前端項目使用
1. 在根目錄下進入web項目：cd web，
2. 安裝包，執行: npm install 命令，
3. 啓動服務: npm run dev; 瀏覽器打開：http://localhost:8080/ 便可以訪問。

// 後臺管理系統使用
1. 在根目錄下進入admin項目：cd admin，
2. 安裝包，執行: npm install 命令，
3. 啓動服務: npm run dev; 瀏覽器打開：http://localhost:8083/ 便可以訪問。

接口說明（重要）

項目的全部接口文檔都這裏，能夠逐個文檔看。

• 管理員接口文檔說明
• 文章接口文檔說明
• 分類接口文檔說明
• 評論接口文檔說明

License

項目已實現管理員、權限管理、文章、分類、評論等接口，前端模板網站和後臺管理系統。本身能夠根據項目代碼學習，能夠到 postman 軟件中測試API或學習。

喜歡或對你有幫助的話，請你點一個星星 star 鼓勵我，或者您有更好的建議和意見，請提出來告知我，能夠留言 Issues。但願可以幫助到你學習！Thanks！

MIT, by 梁鳳波