分享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 梁凤波
****

转载于:https://www.cnblogs.com/liangfengbo/p/11099904.html

分享Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站相关推荐

基于SpringBoot+Vue开发的前后端分离博客项目-Java后端接口开发
文章目录 1. 前言 2. 新建Springboot项目 3. 整合mybatis plus 第一步:导依赖第二步:写配置文件第三步:mapper扫描+分页插件第四步:代码生成配置第五步:执行 ...
hapi mysql项目实战路由初始化_用hapi.js mysql和nuxt.js(vue ssr)开发仿简书的博客项目...
前言: 预览: 开始: npm i 把mysql配置好 npm run server or npm run dev 实现功能: 用户: 登录.注册.用户资料修改,详情页面,类似于简书的文章数量.总字数 ...
基于dreamweaver软件设计和开发一网站_基于 abp vNext 和 .NET Core 开发博客项目 Blazor 实战系列（一）...
系列文章使用 abp cli 搭建项目给项目瘦身,让它跑起来完善与美化,Swagger登场数据访问和代码优先自定义仓储之增删改查统一规范API,包装返回模型再说Swagger,分组.描述 ...
基于 abp vNext 和 .NET Core 开发博客项目 - Blazor 实战系列（一）
系列文章基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目基于 abp vNext 和 .NET Core 开发博客项目 - 给项目瘦身,让它跑起来 ...
# vue.js 之对vue.js基础理解
vue.js 之对vue.js基础理解 Vue构造器 1 . Vue.js是一个构造函数,编程中称之为构造器 2 . 每一个new Vue() 都是一个Vue构造函数的实例,这个过程叫做实例化 3 ...
Node.js 从零开发web server博客项目--项目初始化
本篇博客记录了<Node.js 从零开发web server博客项目>的原生开发系列内容. 开篇主要介绍原生项目的搭建,以及初步的项目结构设计. 一.项目初始化新建项目目录,并进入到项目 ...
springboot+jwt+shiro+vue+elementUI+axios+redis+mysql完成一个前后端分离的博客项目（笔记,帮填坑）
根据B站up主MarkerHub视频制作的一个笔记我的博客 B站博主链接: https://www.bilibili.com/video/BV1PQ4y1P7hZ?p=1 博主的开发文档: http ...
ubantu20.04服务器使用docker以及docker-compose编排部署前后端分离个人博客项目(springboot+vue+mysql+redis)
ubantu20.04使用docker部署前后端分离个人博客项目(springboot+vue+mysql+redis) 前言本博客是基于springboot+vue+jwt+redis+mysql ...
实战react技术栈+express前后端博客项目（8）-- 前端管理界面标签管理+后端对应接口开发...
项目地址:https://github.com/Nealyang/R... 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢 ...