成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Node.js + Koa2 + MySQL + Vue.js 實(shí)戰(zhàn)開發(fā)一套完整個(gè)人博客項(xiàng)目網(wǎng)站

wangxinarhat / 3619人閱讀

摘要：前端打造了前端網(wǎng)站和后臺管理系統(tǒng)。根目錄都是開發(fā)源代碼，根目錄下的文件夾下都是前端網(wǎng)站項(xiàng)目源代碼，根目錄下的文件夾下都是后臺管理系統(tǒng)的源代碼。后臺管理系統(tǒng)使用在根目錄下進(jìn)入項(xiàng)目，安裝包，執(zhí)行命令，啟動(dòng)服務(wù)瀏覽器打開即可以訪問。

這是個(gè)什么的項(xiàng)目？

使用 Node.js + Koa2 + MySQL + Vue.js 實(shí)戰(zhàn)開發(fā)一套完整個(gè)人博客項(xiàng)目網(wǎng)站。

博客線上地址：www.boblog.com

Github地址：https://github.com/liangfengbo/nodejs-koa-blog

解決了什么問題？

服務(wù)端：使用 Node.js 的 Koa2 框架二次開發(fā) Restful API。

前端：Vue.js 打造了前端網(wǎng)站和后臺管理系統(tǒng)。

項(xiàng)目包含什么功能？

Koa2服務(wù)端

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

文章

文章分類

評論文章

前端博客網(wǎng)站 Vue.js

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

項(xiàng)目的特點(diǎn)

Koa 與 Koa 二次開發(fā)API

多 koa-router 拆分路由

require-directory 自動(dòng)路由加載

異步編程 - async/await

異步異常鏈與全局異常處理

Sequelize ORM 管理 MySQL

JWT 權(quán)限控制中間件

參數(shù)驗(yàn)證器 Validator

nodemon 修改文件自動(dòng)重啟

前后端分離

使用 Vue.js 搭建前端網(wǎng)站和后臺管理系統(tǒng)

如何使用和學(xué)習(xí)？ 數(shù)據(jù)庫

啟動(dòng)項(xiàng)目前一定要在創(chuàng)建好 boblog 數(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;
克隆項(xiàng)目

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

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

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

# 進(jìn)入koa項(xiàng)目根目錄
$ cd nodejs-koa-blog

# 安裝包
$ npm install

# 運(yùn)行服務(wù)
$ npm run dev

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

// 前端項(xiàng)目使用
1. 在根目錄下進(jìn)入web項(xiàng)目：cd web，
2. 安裝包，執(zhí)行: npm install 命令，
3. 啟動(dòng)服務(wù): npm run dev; 瀏覽器打開：http://localhost:8080/ 即可以訪問。

// 后臺管理系統(tǒng)使用
1. 在根目錄下進(jìn)入admin項(xiàng)目：cd admin，
2. 安裝包，執(zhí)行: npm install 命令，
3. 啟動(dòng)服務(wù): npm run dev; 瀏覽器打開：http://localhost:8083/ 即可以訪問。
接口說明（重要）

項(xiàng)目的所有接口文檔都這里，可以逐個(gè)文檔看。

管理員接口文檔說明

文章接口文檔說明

分類接口文檔說明

評論接口文檔說明

License

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

喜歡或?qū)δ阌袔椭脑?，請你點(diǎn)一個(gè)星星 star 鼓勵(lì)我，或者您有更好的建議和意見，請?zhí)岢鰜砀嬷?，可以留?Issues。希望能夠幫助到你學(xué)習(xí)！Thanks！

MIT, by 梁鳳波

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/105092.html

相關(guān)文章

  • 2017年1月前端月報(bào)

    摘要：平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。年以前看這個(gè)網(wǎng)址概況在線地址前端開發(fā)群月報(bào)提交原則技術(shù)文章新的為主。 平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 概況 在線地址：http://www.kancloud.cn/jsfront/month/82796 JS前端開發(fā)群月報(bào) 提交原則： 技...

    FuisonDesign 評論0 收藏0

  • 2017年1月前端月報(bào)

    摘要：平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。年以前看這個(gè)網(wǎng)址概況在線地址前端開發(fā)群月報(bào)提交原則技術(shù)文章新的為主。 平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 概況 在線地址：http://www.kancloud.cn/jsfront/month/82796 JS前端開發(fā)群月報(bào) 提交原則： 技...

    ivyzhang 評論0 收藏0

  • 2017年1月前端月報(bào)

    摘要：平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。年以前看這個(gè)網(wǎng)址概況在線地址前端開發(fā)群月報(bào)提交原則技術(shù)文章新的為主。 平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 概況 在線地址：http://www.kancloud.cn/jsfront/month/82796 JS前端開發(fā)群月報(bào) 提交原則： 技...

    CloudwiseAPM 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<