Separate RBAC authority management system before and after actual combat (section 67)

VUE + SpringBoot2.0+JWT core front-end and back-end separation web application scaffolding project: dongbb, the complete design and development process is recorded step by step, which is convenient for technology enthusiasts to learn and master.

Demo address:

http://123.56.169.21/dongbb/Demonstration
environment user password: admin/Abcd1234

Please cherish the demo environment and delete and modify the data you created yourself. Do not delete or modify data created by others. If the "authorization data" is deleted and changed many times and the demo environment becomes unusable, I will take the method of disabling the authorization, and everyone's operational space will be reduced.

Chapter list:

[Practical development] DongBB-Front-end and back-end separation RBAC authority management system

• Introduction to the development process documentation
• Project documentation
  • DongBB project introduction
  • Environment deployment
    • Alibaba Cloud CentOS7-Build Mysql
    • Alibaba Cloud CentOS7-JDK installation
    • Alibaba Cloud CentOS7-install nginx
    • Deploy SpringBoot back-end application
    • Front-end vue package deployment nginx
• Basic framework construction
  • [Front end] Build the vue front end framework
  • [Front end] Directory structure and configuration adjustment
  • [Front end] Package and use axios
  • [Backend] IDEA multi-module springboot project
  • [Backend] Unified interface response data structure
• Realize JWT authentication and authorization
  • [Back-end] Database permission model design
  • [Backend] Description of jwt-spring-boot-starter
  • [Backend] JWT authentication and token refresh interface
  • [Front end] Develop user password login page
  • [Front end] Develop login authentication function
  • [Front end] Storage, carrying and refreshing of JWT tokens
  • [Question] Handling issues such as cross-domain access
• System layout menu Tab front end implementation
  • [Front end] Realization of the overall layout
  • [Front end] Sidebar multi-level menu
  • [Front end] Menu sidebar shrinks
  • [Front end] JSON data loading menu
  • [Front end] menu item front-end routing and components
  • [Front end] Combined with vuex to realize navigation tab
• Taking user information as an example to talk about interface authentication design
  • [Front end] Develop personal center related functions
  • [Front end] Optimization of navigation Tab function
  • [Back-end] Multi-layer authentication design of system interface
  • [Back-end] Persistence layer general module
  • [Back-end] Take user information as an example to talk about interface development
  • [Front end] User information interface and loading progress bar
• Organizational management function-a detailed introduction to the tree structure
  • [Front end] Understand the structure of the tree table display
  • [Backend] Mysql tree structure data package
  • [Function] Realization of table query reset
  • [Front end] Tree-shaped drop-down single-select component package
  • [Back-end] Add, delete and modify services and interface implementation
  • [Front-end] Front-end implementation of addition, deletion and modification functions
• Menu management and interface classification management
  • Analog implementation of menu management function (tree)
  • Interface classification management analogy implementation (tree)
• Role management and permission assignment
  • [Back-end] Role management CURD and interface definition
  • [Front end] Role management CURD
  • [Front end] Tree-shaped multiple check component package
  • [Backend] Permission initialization and persistence interface
  • [Front end] Realize the assignment of role permissions
• User management function realization
  • [Back-end] User management back-end interface and service
  • [Front end] Query paging and date components
  • [Front end] Use the organization tree to query users
  • [Front end] Adding, deleting and modifying Mixin code reuse
  • 【Function】Development of user role assignment function
  • 【Function】Development of password reset function
  • [Function] login prompt to change the default password
• Talk about menu viewing and interface access permissions
  • [Use] Configure menu interface role user permissions
  • [Backend] Query menu by database authority
  • [Front end] Menu bar data loading and rendering
• Design and use of global configuration parameter function
  • [Backend] Database global parameter configuration interface
  • [Front end] Load and use global configuration parameters
  • [Function] Parameter configuration management function development
• Data dictionary design and use
  • [Back-end] Database data dictionary interface
  • [Front end] Loading of data dictionary data
  • [Front end] DictSelect component packaging and use
  • [Function] Development of data dictionary management function
• 1.0 milestone (optimized supplementary adjustment)
  • Header left style optimization
  • Header right style optimization
  • Add icons to the secondary menu
  • [Bug fix] navigation routing logic judgment