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

相关文章

MySQL 8 中的一个强大功能 JSON_TABLE示例详解

《MySQL8中的一个强大功能JSON_TABLE示例详解》JSON_TABLE是MySQL8中引入的一个强大功能,它允许用户将JSON数据转换为关系表格式,从而可以更方便地在SQL查询中处理J... 目录基本语法示例示例查询解释应用场景不适用场景1. ‌jsON 数据结构过于复杂或动态变化‌2. ‌性能要

MySQL字符串常用函数详解

《MySQL字符串常用函数详解》本文给大家介绍MySQL字符串常用函数,本文结合实例代码给大家介绍的非常详细,对大家学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录mysql字符串常用函数一、获取二、大小写转换三、拼接四、截取五、比较、反转、替换六、去空白、填充MySQL字符串常用函数一、

MySQL中比较运算符的具体使用

《MySQL中比较运算符的具体使用》本文介绍了SQL中常用的符号类型和非符号类型运算符,符号类型运算符包括等于(=)、安全等于(=)、不等于(/!=)、大小比较(,=,,=)等,感兴趣的可以了解一下... 目录符号类型运算符1. 等于运算符=2. 安全等于运算符<=>3. 不等于运算符<>或!=4. 小于运

虚拟机Centos7安装MySQL数据库实践

《虚拟机Centos7安装MySQL数据库实践》用户分享在虚拟机安装MySQL的全过程及常见问题解决方案,包括处理GPG密钥、修改密码策略、配置远程访问权限及防火墙设置,最终通过关闭防火墙和停止Net... 目录安装mysql数据库下载wget命令下载MySQL安装包安装MySQL安装MySQL服务安装完成

从入门到进阶讲解Python自动化Playwright实战指南

《从入门到进阶讲解Python自动化Playwright实战指南》Playwright是针对Python语言的纯自动化工具,它可以通过单个API自动执行Chromium,Firefox和WebKit... 目录Playwright 简介核心优势安装步骤观点与案例结合Playwright 核心功能从零开始学习

Java堆转储文件之1.6G大文件处理完整指南

《Java堆转储文件之1.6G大文件处理完整指南》堆转储文件是优化、分析内存消耗的重要工具,:本文主要介绍Java堆转储文件之1.6G大文件处理的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言文件为什么这么大?如何处理这个文件?分析文件内容(推荐)删除文件(如果不需要)查看错误来源如何避

MySQL进行数据库审计的详细步骤和示例代码

《MySQL进行数据库审计的详细步骤和示例代码》数据库审计通过触发器、内置功能及第三方工具记录和监控数据库活动,确保安全、完整与合规,Java代码实现自动化日志记录,整合分析系统提升监控效率,本文给大... 目录一、数据库审计的基本概念二、使用触发器进行数据库审计1. 创建审计表2. 创建触发器三、Java

MySQL逻辑删除与唯一索引冲突解决方案

《MySQL逻辑删除与唯一索引冲突解决方案》本文探讨MySQL逻辑删除与唯一索引冲突问题,提出四种解决方案:复合索引+时间戳、修改唯一字段、历史表、业务层校验,推荐方案1和方案3,适用于不同场景,感兴... 目录问题背景问题复现解决方案解决方案1.复合唯一索引 + 时间戳删除字段解决方案2:删除后修改唯一字

Zabbix在MySQL性能监控方面的运用及最佳实践记录

《Zabbix在MySQL性能监控方面的运用及最佳实践记录》Zabbix通过自定义脚本和内置模板监控MySQL核心指标(连接、查询、资源、复制),支持自动发现多实例及告警通知,结合可视化仪表盘,可有效... 目录一、核心监控指标及配置1. 关键监控指标示例2. 配置方法二、自动发现与多实例管理1. 实践步骤

MySQL 主从复制部署及验证(示例详解)

《MySQL主从复制部署及验证(示例详解)》本文介绍MySQL主从复制部署步骤及学校管理数据库创建脚本,包含表结构设计、示例数据插入和查询语句,用于验证主从同步功能,感兴趣的朋友一起看看吧... 目录mysql 主从复制部署指南部署步骤1.环境准备2. 主服务器配置3. 创建复制用户4. 获取主服务器状态5