# vue-node后台管理vue2+3
**Repository Path**: beginnerCjh/vue_node
## Basic Information
- **Project Name**: vue-node后台管理vue2+3
- **Description**: 基于vue2、node、mysql（新增vue3版本）实现的后台管理系统，附带线上体验地址。含动态路由、菜单管理、角色管理、字典管理、多账户、主题自定义、菜单权限、角色权限等功能。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://vuenodeupgrade.yknba.cn/#/login
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 51
- **Created**: 2025-06-09
- **Last Updated**: 2025-06-09
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
交流QQ群（717807656）
------
### 注：当前仓库为Vue2源码，目前Vue2不再进行维护（请点击下方获取Vue3最新版本）
------
## 最新消息：Vue3版本开发完成！点击获取最新Vue3源码
- #### Vue3部分核心代码了解：点击提前了解
- #### Vue3更新日志：点击直达
------
### 项目预览：点击进入效果预览
- 默认账号：admin
- 默认密码：666666
### 升级新功能如下：
1. 整体进行优化代码，使得更小更容易上手。
2. 加入登陆图形验证码验证，升级密码加密难度。
3. 加入下载模板、导入、导出功能。
4. 加入上传图片、上传文件（视频、音频等其他格式文件）。
5. 加入个人信息管理页面。
6. 加入富文本编辑功能。
7. 加入大屏统计echarts展示功能。
8. 页面合成图片、动态二维码合成（vue3独有）
9. Redis辅助（vue3独有）
10. 拖拽可视化（vue3独有）
11. 图片管理模式（vue3独有）
12. 操作日志（vue3独有）
13. webSocket长连接（vue3独有）
14. vue3持续更新中......
------
### **《本开源库衍生的真实线上微信小程序》**：
1. *入口一：微信上搜索小程序：共享vv*
2. *入口二：微信扫码以下二维码体验效果*
## 一、项目预览地址
- #### 项目预览：点击进入效果预览
- 默认账号：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
```
## 四、功能简明
- #### 前端功能 (点击进入前端功能详细文档)（点击进入vue3功能新增文档）
> - [x]
> ***动态路由***
> - [x] ***菜单管理***
> - [x] ***用户管理***
> - [x] ***角色管理***
> - [x] ***多账号管理***
> - [x] ***字典管理***
> - [x] ***主题自定义***
> - [x] ***菜单权限***
> - [x] ***角色权限***
- #### 后端功能 (点击进入后端功能详细文档)
> - [x]
> ***jsonwebtoken（token）***
> - [x] ***菜单权限拦截***
> - [x] ***角色权限拦截***
> - [x] ***错误日志log`***
## 五、效果截图
|  |  |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
|  |  |
|  |  |
|  |  |
|  |  |
|  |  |
------
------
------
## vue3.0支持名单！点击浏览