# 个人博客以及管理后台（react+vue+node 全栈项目）

**Repository Path**: xiaofei9006/blog

## Basic Information

- **Project Name**: 个人博客以及管理后台（react+vue+node 全栈项目）
- **Description**: 个人博客后台管理项目，前端（vue2 +react18）+后端（node+express+mysql）
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 0
- **Created**: 2023-01-29
- **Last Updated**: 2023-11-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, React, Nodejs

## README

# 个人博客后台管理（veu+node）

#### 介绍
个人博客后台管理项目，前端（后台管理vue2+element/博客页 react）+后端（node+express+mysql）

#### 软件架构
软件架构说明


#### 安装教程

项目下载本地后，安装node包

启动命令
1.  服务器 node app.js  [线上测试地址](http://47.92.248.240/#/login)（游客无需账号密码，可直接登录）
2.  管理后台 npm run server
3.  博客页 npm start

其他 
1.  服务器使用node+express框架进行搭建的，使用jwt进行用户合法的校验，同时使用mysql数据库进行数据存储。
2.  前端管理使用的是 vue2+elementUI进行搭建,在进行后台登录时需要输入验证码（svgCaptcha），账号密码在传输过程中采用加密式核验（crypto）以及对token的有效性进行了校验。
<img src="imgs/login.png">
<img src="imgs/index.png">
3.  博客页使用的时react（版本号18），路由采用react-router-dom（6.2.2）配合mobox（6.4.2） 对状态管理进行管理
<img src="imgs/blog.png">

说明
项目尚未完成，本人也在持续更新。