English | 简体中文

Vue-Admin-Xmw-Pro

Project Description

vue-admin-xmw-pro 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、ant-design-vue、axios、g2plot

• 🔗 Front Gate： Xmw_web

• 🎯 Backend technology stack： egg.js、jsonwebtoken、sequelize、redis

• 🔗 Backend Portal： Xmw_server

• 😝 Online Preview： http://vue2.xmwpro.com

• 🔑 username：admin，password：123456

• 🚀 github warehouse address

• 🚀 Code cloud warehouse address

• 📄 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-xmw-admin-pro

Environment and Dependencies

• node
• yarn
• webpack
• @vue/cli

The YARN package management tool is recommended for this project

Project Running

• Pull the project code

git clone https://github.com/Cyan-Xmw/vue-xmw-admin-pro.git
cd vue-xmw-admin-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

Special Thanks（Thanks to the giant）