# vue+node后台管理系统
**Repository Path**: sun-siying/vue_node
## Basic Information
- **Project Name**: vue+node后台管理系统
- **Description**: 基于node、vue、mysql实现的后台管理系统，附带线上体验地址。含动态路由、菜单管理、角色管理、字典管理、多账户、主题自定义、菜单权限、角色权限等功能。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/MMinter/vue_node
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 54
- **Created**: 2023-06-03
- **Last Updated**: 2023-06-03
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
### 最新信息：预计一个月内会推出升级版本，建议大家点star收藏先。
## 具体新功能如下：
1. 整体进行优化代码，使得更小更容易上手。
2. 加入登陆图形验证码验证，升级密码加密难度。
3. 加入下载模板、导入、导出功能。
4. 加入上传图片、上传文件（视频、音频等其他格式文件）。
5. 加入个人信息管理页面。
6. 加入富文本编辑功能。
7. 加入大屏统计echarts展示功能。
**如果还有其他建议或者新功能推荐，可进入解答交流群进行推荐：**点击加入 问题解答交流社区
------
## 一、项目预览地址
- #### vue+node后台管理预览地址：点击进入效果预览
- 默认账号：admin
- 默认密码：666666
## 二、交流群、问题解答入口
- #### 点击加入 问题解答交流社区
## 三、项目启动
- ### 前端页面启动
1. ##### #克隆项目
```
git https://gitee.com/MMinter/vue_node.git
```
2. ##### #进入目录
```
cd item
```
3. ##### #安装依赖（建议使用node版本16以下 10以上）
```
npm install
```
4. ##### #启动项目
```
npm run dev
```
- ### 数据库导入
1. ##### #创建数据库
1. 创建数据库 名：**vue_admin**
2. 基字符集 选：默认（default） 或者 utf8
3. 排序规则 选：默认（default） 或者 utf8_general_ci
2. ##### #导入数据库
1. 将APP/数据库 文件夹的vue_admin.sql导入新建的vue_admin库中。
3. ##### #数据库配置信息
```
//配置文件在APP/poo.js 中，请根据自身环境配置
const pool=mysql.createPool({
host:"127.0.0.1",
port:3306,//端口
user:"root",//账户名
password:"root",//登录密码
database:"vue_admin",//数据库名称
connectionLimit:15
});
```
- ### 后端服务启动
1. ##### #克隆项目（如果已经执行了前端页面启动的克隆，可略过这点）
```
git clone https://gitee.com/MMinter/vue_node.git
```
2. ##### #进入目录
```
cd APP
```
3. ##### #安装依赖
```
npm install
```
4. ##### #启动服务
```
npm run dev
```
## 四、功能简明
- #### 前端功能 (点击进入前端功能详细文档)
> - [x]
> ***动态路由***
> - [x] ***菜单管理***
> - [x] ***用户管理***
> - [x] ***角色管理***
> - [x] ***多账号管理***
> - [x] ***字典管理***
> - [x] ***主题自定义***
> - [x] ***菜单权限***
> - [x] ***角色权限***
- #### 后端功能 (点击进入后端功能详细文档)
> - [x]
> ***jsonwebtoken（token）***
> - [x] ***菜单权限拦截***
> - [x] ***角色权限拦截***
> - [x] ***错误日志log`***
## 五、效果截图
|  |  |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
|  |  |
|  |  |