# vue-admin-xmw-pro

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

## Basic Information

- **Project Name**: vue-admin-xmw-pro
- **Description**: vue-admin-xmw-pro是一个后台管理系统解决方案，采用前后端分离技术开发。它使用了最新的技术栈，提供了丰富的功能组件，希望本项目可以帮助到您。
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: http://www.xmwpro.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 26
- **Created**: 2021-08-05
- **Last Updated**: 2021-09-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

English | [简体中文](./README.zh-CN.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>

## Project Description

 [vue-admin-xmw-pro](http://www.xmwpro.com/) is a background management system solutions，it is developed with front and rear end separation technology。It uses the latest technology stack and provides rich functional components. I hope this project can help you.

- 🎯 Front-end technology stack： [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/)

- 🔗 Front Gate： [Xmw_web](./Xmw_web)

- 🎯 Backend technology stack： [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/)

- 🔗 Backend Portal： [Xmw_server](./Xmw_server)

- 😝 Online Preview： http://www.xmwpro.com

- 🔑 username：**admin**，password：**123456**

- [🚀 github warehouse address](https://github.com/FollowTrend/vue-admin-xmw-pro/)

- [🚀 Code cloud warehouse address](https://gitee.com/xmwjackey/vue-admin-xmw-pro/)

- 📄 Document Address：**In the works！**

- ❤️ star：**If possible, please give me a STAR to show my encouragement to the author. Thank you very much!**

- 😝 Vue3+Typescript Version： [vue3-admin-xmw-pro](https://gitee.com/xmwjackey/vue3-admin-xmw-pro/)

## Environment and Dependencies

- node
- yarn
- webpack
- @vue/cli

> The [YARN](https://yarnpkg.com/) package management tool is recommended for this project

## Project Running

- Pull the project code
```bash
git clone https://github.com/FollowTrend/vue-admin-xmw-pro.git
cd vue-admin-xmw-pro
cd Xmw_web
```

- Install dependencies
```
yarn install
```

- Development mode running
```
yarn run serve
```

- Compile the project
```
yarn run build
```

## Function Module

```
- Login / Logout

- Workbench

- Integrated Components
  - Advanced Form
  - Announcements
  - Organizational Structure
  - Advanced Table
  - Advanced Dtails

- Personal Center

- System Settings
  - List of Users
  - Menu Management
  - Role Management
  - Permission Management
  - Operation Log
  - Dictionary Management

- Function Page
  - Generate QR Code
  - Rich Text Editor
  - Custom VUE Directives
  - Image Recognition
  - Chat Room
  - Waterfall Flow
  - Music Player
  - Video Player
  - Lazy Loading
  - Virtual List

- Tool Page
  - Picture Effect
  - Embedded Routers
  - Verification Code
  - Guide Page
  - Outer Chain
  - Credit Card Form
```

## Demo Figure

| ![](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) |

## Special Thanks（Thanks to the giant）

| Project                                                          |
| ---------------------------------------------------------------- |
| [vue.js Build an incremental framework for the user interface](https://github.com/vuejs/vue/)                              |
| [Ant Design Vue Pro Front-end scaffolding based on ANTD VUE](https://github.com/vueComponent/ant-design-vue-pro/)     |
| [Ant Design Vue-High quality VUE components right out of the box](https://github.com/vueComponent/ant-design-vue/) |
| [axios Promise-based HTTP library](https://github.com/axios/axios/)   |
| [egg.js Designed for enterprise-class frameworks and applications](https://github.com/eggjs/egg/)                              |
| [egg-socket.io enables real-time, bidirectional and event-based communication between the browser and the server](https://github.com/eggjs/egg-socket.io/)     |
| [jsonwebtoken A solution to implement Token technology](https://github.com/auth0/node-jsonwebtoken/) |
| [sequelize Orm framework](https://github.com/sequelize/sequelize/)                          |