RuoYi-Midwayjs

A modern admin management system based on Midway.js + Vue3 + Element Plus

中文 | English

📎 Demo

Live Demo: https://ruoyi.gdmu-stuorg.com/

Introduction

RuoYi-Midwayjs is a modern admin management system rebuilt with Node.js full-stack technology based on the RuoYi framework concept. The backend uses Midway.js framework, and the frontend uses Vue3 + Element Plus, providing a complete enterprise-level admin management solution.

Tech Stack

Frontend

Technology	Description
Vue 3	Progressive JavaScript Framework
Vite	Next Generation Frontend Build Tool
Element Plus	Vue 3 Component Library
Pinia	Vue State Management
Vue Router	Official Vue Router
Axios	HTTP Client
ECharts	Visualization Library
Sass	CSS Preprocessor

Backend

Technology	Description
Midway.js	Node.js Enterprise Framework
TypeORM	TypeScript ORM Framework
MySQL	Relational Database
Redis	Cache Database
JWT	Authentication
Swagger	API Documentation
TypeScript	JavaScript Superset

Features

• Rapid Development - Based on mature frameworks, ready to use out of the box
• Permission Management - Complete RBAC permission control
• Code Generation - One-click generation of frontend and backend code
• System Monitoring - Real-time system status monitoring
• User Management - User, role, department, position management
• Menu Management - Dynamic menus, button-level permission control
• Dictionary Management - System dictionary data maintenance
• Parameter Management - System parameter configuration
• Notifications - System notification publishing
• Operation Logs - System operation log recording
• Login Logs - System login log recording
• Online Users - Online user monitoring
• Scheduled Tasks - Task scheduling management
• Server Monitoring - Server status monitoring

Directory Structure

RuoYi-Midwayjs
├── backend-midway          # Backend project
│   ├── src
│   │   ├── config          # Configuration
│   │   ├── controller      # Controllers
│   │   ├── service         # Services
│   │   ├── entity          # Entities
│   │   ├── middleware      # Middleware
│   │   └── utils           # Utilities
│   └── package.json
├── frontend-vue3           # Frontend project
│   ├── src
│   │   ├── api             # API interfaces
│   │   ├── assets          # Static assets
│   │   ├── components      # Components
│   │   ├── layout          # Layout
│   │   ├── router          # Router
│   │   ├── store           # Store
│   │   ├── utils           # Utilities
│   │   └── views           # Views
│   └── package.json
└── README.md

Quick Start

Requirements

• Node.js >= 16
• MySQL >= 5.7
• Redis >= 5.0

Backend Setup

# Enter backend directory
cd backend-midway

# Install dependencies
npm install

# Configure database connection
# Modify database configuration in .env.development file

# Start development server
npm run dev

Frontend Setup

# Enter frontend directory
cd frontend-vue3

# Install dependencies
npm install

# Start development server
npm run dev

Access URLs

• Frontend: http://localhost:8888
• Backend: http://localhost:7725
• Swagger Docs: http://localhost:7725/swagger-ui/index.html

Other Versions

Version	Description	Link
PostgreSQL Version	Based on PostgreSQL database, optimized page experience	View
Tauri Cross-platform Version	Cross-platform desktop app built with Tauri, Monorepo management	View

About Author

• Blog: https://www.xierfloat.top
• WeChat Official Account: 增七

Special Thanks

Thanks to the following open source projects for reference and inspiration:

• nest-admin - NestJS Admin System
• ruoyi_nodejs_open - RuoYi Midway.js Version

License

MIT