一、這是個什么的項目？

基于 Node.js Koa2 實戰(zhàn)開發(fā)的一套完整的博客項目網(wǎng)站，使用 Koa2 二次開發(fā)一套適合多端的 RESTful API，同時配套完整的后臺管理系統(tǒng)，且前端展示既有基于 ejs 服務端渲染，也有基于 Vue.js 前后端分離的 2 套前端網(wǎng)站。

二、項目包含什么功能？

2.1.Node.js Koa2服務端 RESTful API

管理員與權(quán)限控制接口

文章管理接口

評論/回復功能接口

分類接口

廣告接口

2.2.博客前端展示網(wǎng)站

ejs 服務端渲染

Vue.js 前后端分離

2.2.后臺管理系統(tǒng)

[x] 使用 Vue.js iviewui design 搭建的后臺管理系統(tǒng)

2.3.優(yōu)勢

使用精小而強大的 Node.js Koa2 框架做服務端 API 接口。

前端既有服務端渲染，也有前后端分離，且做了大量的優(yōu)化工作，前端展示網(wǎng)站打開快。

性能優(yōu)化方面的工作：

服務端使用了緩存機制，減少服務器的請求壓力，如Redis 緩存，HTTP緩存

使用了 CND 加速，靜態(tài)文件存儲在七牛服務器上

ejs 服務端渲染盡量減少文件的引入，減少對 DOM的操作，且封裝使用了圖片懶加載，事件防抖和節(jié)流控制瀏覽器滾動監(jiān)聽事件。

Vue.js 項目使用了模塊按需加載，使用瀏覽器緩存機制減少對服務器請求的壓力

...

2.4.知識點

服務端：Node.js, Koa, MySQL, Sequelize, Redis

前端服務端渲染：ejs, jQuery, Bootstrap, 體驗網(wǎng)址：www.boblog.com

前后端分離：Vue.js, iviewui, 體驗網(wǎng)址：vue.boblog.com

后端管理系統(tǒng)：Vue.js, iviewui

性能優(yōu)化

非常適合想用 Node.js Koa2 做網(wǎng)站的朋友，相信你一定能學到知識。

三、如何學習？

3.1.數(shù)據(jù)庫

啟動項目前一定要在創(chuàng)建好 boblog 數(shù)據(jù)庫，以下是執(zhí)行數(shù)據(jù)庫命令：

# 登錄數(shù)據(jù)庫

$ mysql -uroot -p密碼

# 創(chuàng)建 wxapp 數(shù)據(jù)庫

$ CREATE DATABASE IF NOT EXISTS boblog DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

3.2.修改 Koa2 項目數(shù)據(jù)庫配置

請在根目錄下的 |——config/config.js 文件下修改您本地的數(shù)據(jù)庫名字(boblog)和數(shù)據(jù)庫密碼 ( password )。

3.3.克隆項目

首先使克隆項目，然后進入項目根目錄使用命令安裝包，最后命令啟動項目，代碼會根據(jù)模型自動創(chuàng)建數(shù)據(jù)庫表的。

根目錄都是 Node.js + Koa2 API 開發(fā)源代碼，重點是 app 文件夾下的 api 開發(fā)；根目錄下的 view 文件夾是 ejs 渲染項目；web 文件夾下都是前端網(wǎng)站項目源代碼；根目錄下的 admin 文件夾下都是后臺管理系統(tǒng)的源代碼。

以下是啟動服務端項目的操作命令：

# 克隆項目代碼

$ git clone https://github.com/liangfengbo/nodejs-koa-blog.git

# 進入項目根目錄

$ cd nodejs-koa-blog

# 安裝依賴包

$ npm install

# 啟動 Node.js Koa2 項目

$ npm run dev

打開瀏覽器輸入回車：http://localhost:3000 可以看到服務端渲染的前端網(wǎng)站，當然可能該網(wǎng)站是個空數(shù)據(jù)網(wǎng)站，可以查看目錄下的 ./app/api/v1 下的接口或者看 doc 目錄下的 markdown 接口文檔，在 postman 測試接口。

以下是啟動后臺管理系統(tǒng)的操作命令：

# 啟動后臺管理系統(tǒng)

1. 在根目錄下進入admin項目：cd admin，

2. 安裝包，執(zhí)行: npm install 命令，

3. 啟動服務: npm run dev; 瀏覽器打開：http://localhost:8083/ 即可以訪問。

以下啟動 Vue.js 前端項目

# 啟動 Vue.js 前端項目

1. 在根目錄下進入web項目：cd web，

2. 安裝依賴包，執(zhí)行: yarn install 或者 npm install 命令，

3. 啟動項目: yarn serve 或者 npm run serve; 瀏覽器打開：http://localhost:8080/ 即可以訪問。

四、接口說明(重要)

項目的所有接口文檔都這里，可以逐個文檔看。

五、FAQ

沒有yarn環(huán)境，npm 可以嗎？

答：可以的，建議使用 yarn，yarn 比 npm 速度快，主要是安裝版本統(tǒng)一。

啟動 Koa2 項目報錯，請問原因？

答：首先，請檢查一下使用 npm 或 yarn 安裝依賴包沒。然后，再請檢查一下確保安裝好數(shù)據(jù)庫，新建好數(shù)據(jù)庫：boblog，請看上面的數(shù)據(jù)庫配置。最后看下啟動打印日志是否有報錯的信息。

... 更多問題請到 Issues查閱，或者有問題請到 Issues 提問。

License

項目已實現(xiàn)管理員、權(quán)限管理、文章、分類、評論等接口，前端模板網(wǎng)站和后臺管理系統(tǒng)。自己可以根據(jù)項目代碼學習，可以到 postman 軟件中測試API或?qū)W習。

喜歡或?qū)δ阌袔椭脑?#xff0c;請你點一個星星 star 鼓勵我，或者您有更好的建議和意見，請?zhí)岢鰜砀嬷?#xff0c;可以留言 Issues。希望能夠幫助到你學習！Thanks！共勉！

MIT, by 梁鳳波

總結(jié)

以上是生活随笔為你收集整理的nodejs koa2 mysql_springboot动态加载sigar - SegmentFault 思否的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。