# 博客管理系统

**Repository Path**: zhang_qi_hao/blog-management-system

## Basic Information

- **Project Name**: 博客管理系统
- **Description**: 用vue+vite+naiveui+express做的博客管理系统，前后端分离，参照b站视频https://www.bilibili.com/video/BV1t3411F7VH?share_source=copy_web&vd_source=3d780329267f518fb085469f9fe2c049写的

- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-08-04
- **Last Updated**: 2022-10-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 博客管理系统

#### 介绍
用vue+vite+naiveui+express做的博客管理系统，前后端分离，参照b站视频https://www.bilibili.com/video/BV1t3411F7VH?share_source=copy_web&vd_source=3d780329267f518fb085469f9fe2c049写的


#### 软件架构
server
- express     服务器
- sqlite3     数据库
- multer      处理表单数据
- uuid        生成统一标识符token
- SnowFlake   雪花漂移算法，生成唯一不重复id

client
- vue/vite    web开发框架
- naiveui     web ui 框架，统一的结构和精美的样式
- axios       一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端
- wangeditor  富文本编辑器组件
- pinia       替代vuex的状态管理库



#### 安装教程

分别进入`server/`目录和`client/`目录运行`npm i`安装依赖

`blog-client`是使用`UI`框架`element-plus`的版本，除了首页分类之外，其余均实现

#### 使用说明

1.  进入`server/`目录运行`node app.js`启动服务器
2.  进入`client/`目录运行`npm run dev`启动客户端
3.  在浏览器输入`http://127.0.0.1:5173`即可启动
4.  默认情况下数据库只有一个管理员账户，用户名`admin`，密码`123456`

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request