node + koa2 + mysql 完整博客实战项目

2023-12-03 09:18

本文主要是介绍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 完整博客实战项目的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/448907

相关文章

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

MySQL 分区与分库分表策略应用小结

《MySQL分区与分库分表策略应用小结》在大数据量、复杂查询和高并发的应用场景下,单一数据库往往难以满足性能和扩展性的要求,本文将详细介绍这两种策略的基本概念、实现方法及优缺点,并通过实际案例展示如... 目录mysql 分区与分库分表策略1. 数据库水平拆分的背景2. MySQL 分区策略2.1 分区概念

MySQL高级查询之JOIN、子查询、窗口函数实际案例

《MySQL高级查询之JOIN、子查询、窗口函数实际案例》:本文主要介绍MySQL高级查询之JOIN、子查询、窗口函数实际案例的相关资料,JOIN用于多表关联查询,子查询用于数据筛选和过滤,窗口函... 目录前言1. JOIN(连接查询)1.1 内连接(INNER JOIN)1.2 左连接(LEFT JOI

MySQL 中查询 VARCHAR 类型 JSON 数据的问题记录

《MySQL中查询VARCHAR类型JSON数据的问题记录》在数据库设计中,有时我们会将JSON数据存储在VARCHAR或TEXT类型字段中,本文将详细介绍如何在MySQL中有效查询存储为V... 目录一、问题背景二、mysql jsON 函数2.1 常用 JSON 函数三、查询示例3.1 基本查询3.2

MySQL中动态生成SQL语句去掉所有字段的空格的操作方法

《MySQL中动态生成SQL语句去掉所有字段的空格的操作方法》在数据库管理过程中,我们常常会遇到需要对表中字段进行清洗和整理的情况,本文将详细介绍如何在MySQL中动态生成SQL语句来去掉所有字段的空... 目录在mysql中动态生成SQL语句去掉所有字段的空格准备工作原理分析动态生成SQL语句在MySQL

MySQL中FIND_IN_SET函数与INSTR函数用法解析

《MySQL中FIND_IN_SET函数与INSTR函数用法解析》:本文主要介绍MySQL中FIND_IN_SET函数与INSTR函数用法解析,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一... 目录一、功能定义与语法1、FIND_IN_SET函数2、INSTR函数二、本质区别对比三、实际场景案例分

MySQL中的交叉连接、自然连接和内连接查询详解

《MySQL中的交叉连接、自然连接和内连接查询详解》:本文主要介绍MySQL中的交叉连接、自然连接和内连接查询,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、引入二、交php叉连接(cross join)三、自然连接(naturalandroid join)四

Mysql如何将数据按照年月分组的统计

《Mysql如何将数据按照年月分组的统计》:本文主要介绍Mysql如何将数据按照年月分组的统计方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录mysql将数据按照年月分组的统计要的效果方案总结Mysql将数据按照年月分组的统计要的效果方案① 使用 DA

Mysql表如何按照日期字段的年月分区

《Mysql表如何按照日期字段的年月分区》:本文主要介绍Mysql表如何按照日期字段的年月分区的实现方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、创键表时直接设置分区二、已有表分区1、分区的前置条件2、分区操作三、验证四、注意总结一、创键表时直接设置分区

mysql的基础语句和外键查询及其语句详解(推荐)

《mysql的基础语句和外键查询及其语句详解(推荐)》:本文主要介绍mysql的基础语句和外键查询及其语句详解(推荐),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋... 目录一、mysql 基础语句1. 数据库操作 创建数据库2. 表操作 创建表3. CRUD 操作二、外键