本文主要是介绍node + koa2 + mysql 完整博客实战项目，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
前段时间有空自己做了个简单的博客项目，已经开源到github上去，需要的同学可以克隆下来学习
github项目地址
博客前台地址
博客后台地址
技术栈
服务端 Node + Koa2 框架开发的 Restful API
数据库 MySql
前端 Vue + vue-router + vuex + iview 开发的前端和后台管理系统
项目包含功能
- koa2服务端
- 管理员权限控制
- 文章
- 文章分类
- 评论列表
- vue 前端博客网站
- vue 后台管理系统
项目用到知识点
- koa koa-router 开发 Restful API接口
- koa-router 路由拆分
- koa-cors 处理跨域
- koa-static 静态文件托管
- koa-better-body 接收处理请求参数
- jsonwebtoken 前后端分离 token控制登录状态
- mysql co-mysql 查询数据库
- 全局异常处理
- async/await 异步编程
- 前后端分离
- vue + vue-router + vuex + iview 开发单页面 博客前台和后台管理系统
使用和学习
数据库
#数据库存放目录
/config/yangblog.sql# 需要在自己电脑安装好mysql
mysql -u root -p 密码登录# 新建同名yangblog空数据库
create database yangblog;# 使用已创建的数据库
use yangblog;# 然后导入数据库
source /node-koa2-blog/config/yangblog.sql没有报错的话说明导入成功
克隆项目
git cloen https://github.com/dadanihoutao/node-koa2-blog.git#切换到项根目录全局安装 supervisor 插件，此插件用来实时监听node代码并更新，类似前端webpack热重载，不用重启服务。安装命令如下
npm install supervisor -g#安装node 依赖包
npm install#安装成功以后 直接在项目根目录下运行如下命令启动服务 /app 目录是接口程序文件 app.js 是后台程序主入口
npm run dev#如果数据库连接不上的话可能是账号密码不一样，需要再 /config/config.js 文件中修改数据库配置文件# /admin 目录是后台管理系统文件，切换到 /admin 目录 安装依赖
npm install#启动后台管理项目
npm run dev
会自动打开浏览器# /web 目录是 前台博客页面， 切换到 /web 目录，安装依赖
npm install #启动前端项目
npm run dev
会自动打开浏览器# 如果接口报错，有可能是因为设置了webpack 本地服务接口代理
需要在 /admin/config/proxyConfiy.js 和 /web/config/proxyConfiy.js
文件中把代理地址改为自己本地ip地址有需要的同学可以先拿去学习，如果你还喜欢或者对自己有帮助，欢迎star我。如果你有什么好的建议或者意见，也希望你提 Issues 告诉我，大家一起讨论交流学习。
项目参考资料
梁风波博客项目,参考前台后台页面样式布局
整个同学做的比我的棒，在这里安利一下，我的项目参照了他项目的样式布局，有兴趣的朋友可以看看
开课吧第六期全栈架构师
这篇关于node + koa2 + mysql 完整博客实战项目的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
