Ruoyi backend management system: a full open source rapid development platform based on Spring Boot, Spring Security, JWT, VUE, and Element
I. Introduction
With the development of software development technology, the development model of front-end and back-end separation has gradually become the mainstream. This model improves development efficiency, reduces maintenance costs, and allows front-end and back-end engineers to focus on their own technology. Ruoyi is a set of permission management systems based on Spring Boot, Spring Security, JWT, VUE and Element, and provides a version of VUE3.
2. Overview of the technology stack
The system uses a series of advanced technology stacks, including front-end VUE and Element UI, and back-end Spring Boot, Spring Security, Redis and JWT. These technologies have been widely used and proven to provide powerful features and performance to the system.
Front-end technologies: Vue and Element UI
Vue is a popular front-end framework for building user interfaces. It provides reactive data binding and componentized development methods to make front-end development more efficient. Element UI is a set of desktop UI component libraries designed for Vue, which provides a wealth of interface elements and functions to facilitate the rapid construction of beautiful front-end interfaces.
Back-end technologies: Spring Boot, Spring Security, Redis, and JWT
In terms of backend, Ruoyi uses the Spring Boot framework, which makes J**A-based application development easier. Spring Security provides robust security features, including user authentication and authorization. Redis is used as a caching system, which improves the performance and responsiveness of the system. JWT (JSON Web Token) is used for permission authentication and supports multi-terminal authentication systems.
Introduction to the platform. Ruoyi is a set of all-open source rapid development platform, which is free for individuals and enterprises to use.
The front-end adopts Vue and Element UI.
The backend uses Spring Boot, Spring Security, Redis & JWT.
JWT is used for permission authentication, and the multi-terminal authentication system is supported.
Support loading dynamic permission menu, multi-way easy permission control.
Efficient development, using the generator can generate front-end and back-end with one click.
The technology stack (vue3 element plus vite) version ruoyi-vue3 is provided to keep it updated.
The single-application version ruoyi-vue-fast and the oracle version ruoyi-vue-oracle are updated to keep them updated.
For the non-detached version, go to ruoyi, and for the microservice version, go to ruoyi-cloud
User management: The user is the system operator, and this function mainly completes the system user configuration.
Department management: Configure the system organization (company, department, group), and display the supported data permissions in the tree structure.
Position management: Configure the position of the system user.
Menu management: configure system menus, operation permissions, button permission identification, etc.
Role management: Assign permissions in the role menu, set roles, and divide data scope permissions by organization.
Dictionary management: Maintain some fixed data that is often used in the system.
Parameter management: Dynamically configure common parameters for the system.
Notification Announcement: The system notifies the release and maintenance of the announcement information.
Operation logs: normal system operation logs and queries; Logging and querying of system exception information.
Login logs: The system login log queries contain login exceptions.
*Users: Active user status monitoring in the current system.
Scheduled tasks: Add, modify, and delete task schedules that contain execution result logs.
* Generation: The generation of front-end and back-end ** (J**A, HTML, XML, SQL) supports CRUD**
System interface: Automatically generate relevant API interface documents according to the business.
Service monitoring: Monitors the CPU, memory, disk, stack, and other related information of the current system.
Cache monitoring: query the cache information of the system, command statistics, etc.
*Builder: Drag the form element to generate the corresponding html**.
Connection pool monitoring: monitors the status of the current system database connection pool and analyzes SQL statements to find system performance bottlenecks.
Directory structure:
ruoyi-ui: the front-end project folder.
sql: SQL script.
doc: If you follow the system development environment to build the manual.
Other: the directory of server-side projects.
Front-end installation and operation
Develop bash clone project git clone into the project directory cd ruoyi-ui install dependencies npm install It is recommended not to use cnpm to install dependencies directly, there will be all kinds of weird bugs. You can solve the problem of slow npm ** by doing the following: npm install --registry= start the service, npm run dev, browser access http: localhost:80, publish bash build test environment, npm run build:stage, build production environment, npm run build:prod**Experience.
Account and password: admin admin123
Demo address: Document address:
3. Authority management
If the system uses JWT for permission authentication, it supports a multi-terminal authentication system. The system also provides the ability to load dynamic permission menus, which can be easily implemented in a variety of ways. This flexible approach to permission management enables the system to meet a variety of complex requirements.
Fourth, development efficiency
Ruoyi system also provides a generator, which can generate front-end and back-end with one click, which greatly improves development efficiency. This is a very useful feature for teams that need to develop applications quickly. In addition, Ruoyi also provides technology stack versions of Vue3, Element Plus, and Vite, as well as single-application versions and Oracle versions of Ruoyi-Vue, to keep up to date.
5. Summary
Ruoyi is a powerful permission management system based on Spring Boot, Spring Security, JWT, VUE, and Element. It uses an advanced technology stack to support efficient development and provide flexible permission management capabilities. Whether it is for individual developers or enterprise users, Ruoyi is an open source rapid development platform worth considering.
Project ** Address:
The front-end vue3 version of the project