前后端个人博客：React + Antd + Vite + Express + Mongodb

blog

gitee仓库地址：https://gitee.com/chensey916/blog
需要自取！

简单介绍

前后端结合的个人博客小项目：

1. 文件夹介绍：前端代码都在 blog_pre 文件夹里，后端代码都在blog_server文件夹里
2. 主要技术栈：前端【 react + vite + antd + axios 】; 后端【 node.js(express服务器) + mongodb数据库 】
3. 项目主要功能：新增个人博客，展示所有博客，删除博客，修改博客，登录/退出，以及分页

安装教程

1. 前端：切换到blog_pre目录，先npm i安装依赖，再npm run dev跑项目
2. 后端：切换到blog_server目录：先npm i安装依赖，再npm start启动
3. 数据库：还得在本地自己手动“建库建表”才行

注意:

1. npm i : 全写npm install，执行该命令会读取项目中的package.json文件，并安装项目所需依赖

2. 数据库mongodb参考如下：
   

3. 图中表1名为loginUser,只含两个字段username(string),password(string)

4. 表2的字段如红框所示。

express + mongodb

1. 连接数据库

//代码具体路径：blog_server/db/mongoose.js

const { log } = require("console");
let mongoose = require("mongoose");
let url = "mongodb://localhost:27017/blog"; //这里要换成自己的本地mongodb地址，blog为数据库名
mongoose.connect(url);

let db = mongoose.connection;
db.on("error", console.error.bind(console,