English | 简体中文

Vue2 Admin

Project Description

Vue2 Admin 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： vUE2.0、Ant Design Vue、Axios、G2plot

• 🔗 Front Gate： Xmw_web

• 🎯 Backend technology stack： Egg.js、Jsonwebtoken、Sequelize、Redis

• 🔗 Backend Portal： Xmw_server

• 😝 Online Preview： https://vue2.baiwumm.com

• 🔑 username：admin，password：123456

• 🚀 github warehouse address

• 🚀 Code cloud warehouse address

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

• 😝 Vue3+Typescript Version： Vue3 Admin

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/baiwumm/Vue2-Admin.git
cd Vue2-Admin
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）