# vue-xmw-admin-pro

**Repository Path**: aixinghui/vue-xmw-admin-pro

## Basic Information

- **Project Name**: vue-xmw-admin-pro
- **Description**: vue-admin-xmw-pro 是一个后台管理系统解决方案，采用前后端分离技术开发
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: Cyan
- **Homepage**: http://www.xmwpro.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 36
- **Created**: 2023-02-24
- **Last Updated**: 2023-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

简体中文 | [English](./README.md)

<p align="center"><img width="100" src="https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/logo.svg" alt="Vue-Admin-Xmw-Pro Logo"></p>

<h1 align="center">Vue-Admin-Xmw-Pro</h1>

<p align="center">
  <a href="https://github.com/vuejs/vue/" target="_blank">
    <img src="https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/vue.svg" alt="vue">
  </a>
  <a href="https://github.com/vueComponent/ant-design-vue/" target="_blank">
    <img src="https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/antd.svg" alt="Ant Design of Vue">
  </a>
  <a href="https://github.com/eggjs/egg/" target="_blank">
    <img src="https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/egg.svg" alt="egg">
  </a>
  <a href="https://github.com/sequelize/sequelize/" target="_blank">
    <img src="https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/socket.svg" alt="sequelize">
  </a>
  <a>
    <img src="https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/build.svg">
  </a>
</p>

## 项目简介

  [vue-admin-xmw-pro](http://vue2.xmwpro.com/) 是一个后台管理系统解决方案，采用前后端分离技术开发。它使用了最新的技术栈，提供了丰富的功能组件，希望本项目可以帮助到您。

- 🎯 前端技术栈： [vue.js](https://github.com/vuejs/vue/)、[ant-design-vue](https://github.com/vueComponent/ant-design-vue/)、[axios](https://github.com/axios/axios/)、[g2plot](https://github.com/antvis/G2Plot/)

- 🔗 前端传送门： [Xmw_web](./Xmw_web)

- 🎯 后端技术栈： [egg.js](https://github.com/eggjs/egg/)、[jsonwebtoken](https://github.com/auth0/node-jsonwebtoken/)、[sequelize](https://github.com/sequelize/sequelize/)、[redis](https://github.com/redis/redis/)

- 🔗 后端传送门： [Xmw_server](./Xmw_server)

- 😝 线上预览： http://vue2.xmwpro.com

- 🔑 用户名：**admin**，密码：**123456**

- [🚀 github 仓库地址](https://github.com/Cyan-Xmw/vue-xmw-admin-pro/)

- [🚀 码云仓库地址](https://gitee.com/Cyan-Xmw/vue-xmw-admin-pro/)

- 📄 文档地址：**正在编写中！**

- ❤️ star：**如果可以的话，请顺手给个star，表示对作者的鼓励，万分感谢！**

- 😝 Vue3+Typescript版本： [vue3-xmw-admin-pro](https://gitee.com/Cyan-Xmw/vue3-xmw-admin-pro/)

## 环境和依赖

- node
- yarn
- webpack
- @vue/cli

> 推荐本项目使用 [Yarn](https://yarnpkg.com/) 包管理工具

## 项目运行

- 拉取项目代码
```bash
git clone https://github.com/Cyan-Xmw/vue-xmw-admin-pro.git
cd vue-xmw-admin-pro
// 进入前端
cd Xmw_web
// 进入后端
cd Xmw_server
```

- 安装依赖
```
yarn install
```

- 开发模式运行
```
// 前端启动
yarn run serve
// 后端启动
yarn run dev
```

- 编译项目
```
yarn run build
```

## 功能模块

```
- 登录 / 注销

- 工作台

- 综合组件
  - 高级表单
  - 通知公告
  - 组织架构
  - 高级表格
  - 高级详情

- 个人中心

- 系统设置
  - 用户列表
  - 菜单管理
  - 角色管理
  - 权限管理
  - 操作日志
  - 字典管理

- 功能页
  - 生成二维码
  - 富文本编辑器
  - 自定义vue指令
  - 图像识别
  - 聊天室
  - 瀑布流
  - 音乐播放器
  - 视频播放器
  - 懒加载
  - 虚拟列表

- 工具页
  - 图片效果
  - 嵌套路由
  - 验证码
  - 引导页
  - 外链
  - 信用卡表单
```

## 演示图

| ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-1.jpg) | ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-2.jpg) |
| ------------------------------------------------------------ | ------------------------------------------------------------ |
| ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-3.jpg) | ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-4.jpg) |
| ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-5.jpg) | ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-6.jpg) |
| ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-7.jpg) | ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-8.jpg) |
| ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-9.jpg) | ![](https://xmwpro.oss-cn-beijing.aliyuncs.com/vue-admin-xmw-pro/xmw-demo-10.jpg) |

## 特别鸣谢（感谢巨人）

| 项目                                                          |
| ---------------------------------------------------------------- |
| [vue.js 构建用户界面的渐进式框架](https://github.com/vuejs/vue/)                              |
| [Ant Design Vue Pro基于Antd Vue的前端脚手架](https://github.com/vueComponent/ant-design-vue-pro/)     |
| [Ant Design Vue-开箱即用的高质量Vue组件](https://github.com/vueComponent/ant-design-vue/) |
| [axios 基于 promise 的 HTTP 库](https://github.com/axios/axios/)                          |
| [egg.js 为企业级框架和应用而生](https://github.com/eggjs/egg/)                              |
| [egg-socket.io 支持浏览器和服务器之间的实时、双向和基于事件的通信](https://github.com/eggjs/egg-socket.io/)     |
| [jsonwebtoken 实现token技术的一种解决方案](https://github.com/auth0/node-jsonwebtoken/) |
| [sequelize orm框架](https://github.com/sequelize/sequelize/)                          |