Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整我的博客项目网站

img

这是个什么的项目?

使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整我的博客项目网站。前端

解决了什么问题?

  • 服务端:使用 Node.js 的 Koa2 框架二次开发 Restful API。
  • 前端:Vue.js 打造了前端网站和后台管理系统。

项目包含什么功能?

koa koa-router sequelize mysql2

  • Koa2服务端node

    • 管理员与权限控制
    • 文章
    • 文章分类
    • 评论文章
  • 前端博客网站 Vue.js
  • 后台管理系统 Vue.js

项目的特色

  • Koa 与 Koa 二次开发API
  • 多 koa-router 拆分路由
  • require-directory 自动路由加载
  • 异步编程 - async/await
  • 异步异常链与全局异常处理
  • Sequelize ORM 管理 MySQL
  • JWT 权限控制中间件
  • 参数验证器 Validator
  • nodemon 修改文件自动重启
  • 先后端分离
  • 使用 Vue.js 搭建前端网站和后台管理系统

如何使用和学习?

数据库

启动项目前必定要在建立好 boblog 数据库。mysql

# 登陆数据库
$ mysql -uroot -p密码

# 建立 wxapp 数据库
$ CREATE DATABASE IF NOT EXISTS boblog DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

克隆项目

首先使克隆项目,而后进入项目根目录使用命令安装包,最后命令启动项目,代码会根据模型自动建立数据库表的。git

根目录都是 Node.js + Koa2 API开发源代码,根目录下的 web 文件夹下都是前端网站项目源代码,根目录下的 admin 文件夹下都是后台管理系统的源代码。github

# 克隆项目代码
$ 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/ 便可以访问。

接口说明(重要)

项目的全部接口文档都这里,能够逐个文档看。web

License

项目已实现管理员、权限管理、文章、分类、评论等接口,前端模板网站和后台管理系统。本身能够根据项目代码学习,能够到 postman 软件中测试API或学习。sql

喜欢或对你有帮助的话,请你点一个星星 star 鼓励我,或者您有更好的建议和意见,请提出来告知我,能够留言 Issues。但愿可以帮助到你学习!Thanks!数据库

MIT, by 梁凤波npm

相关文章
相关标签/搜索