1. Project Introduction

Vue-admin-xmw – Pro is a back-end management system solution developed by using the technology of front and back end separation. It uses the latest technology stack and provides rich functional components. I hope this project can help you.

  • 🎯 Front-end stack: vue.js, ant-design-vue, AXIos, g2plot

  • 🔗 Front-end portal: Xmw_web

  • 🎯 back-end stack: egg.js, JsonWebToken, Sequelize, Redis

  • 🔗 Back-end portal: Xmw_server

  • 😝 Online preview: www.xmwpro.com

  • 🔑 User name: admin, password: 123456

  • 🚀 Github storage address

  • 🚀 code Cloud warehouse address

  • 📄 Document address: in preparation!

  • ❤️ star: If possible, please give a star to express your encouragement to the author. Thanks a lot!

2. Environment and dependency

  • node
  • yarn
  • webpack
  • @vue/cli

You are advised to use the Yarn package management tool

3. Project operation

  • Pull the project code
git clone https://github.com/FollowTrend/vue-admin-xmw-pro.git
cdVue-admin-xmw-pro // enter the front endcdXmw_web // go to the back endcd Xmw_server
Copy the code
  • Install dependencies
yarn install
Copy the code
  • Run in development mode
// Start YARN run serve at the front end. // Start YARN Run dev at the back endCopy the code
  • Compile the project
yarn run build
Copy the code

4. Functional modules

- Login/Logout - Workbench - Integrated Components - Advanced Forms - Notices and Announcements - Organization Structure - Advanced Forms - Advanced Details - Personal Center - System Settings - User List - Menu Management - Role Management - Rights Management - Operation Log - Dictionary Management - Function Page - Generate TWO-DIMENSIONAL code - rich text editor - custom VUE instruction - image recognition - chat room - waterfall flow - music player - video player - lazy loading - tools page - picture effect - nested pattern - verification code - guide page - external chain - credit card formCopy the code

5. Demo diagram

6. Special thanks (thanks giant)

project
Vue.js is a progressive framework for building user interfaces
Ant Design Vue Pro is based on Antd Vue’s front-end scaffolding
Ant Design Vue- High quality Vue components out of the box
Axios is based on promise’s HTTP library
Egg.js is designed for enterprise-level frameworks and applications
Egg-socket. IO supports real-time, bidirectional, and event-based communication between browsers and servers
Jsonwebtoken implements a solution of token technology
Sequelize orm framework