General process of background management system permission setting

User management ： Add, delete, modify and check the account number , Assign roles to this account

Role management ： The addition, deletion, modification and query of roles , Assign permission data to this role

Rights management ： Add, delete, modify and query the pages that need permission management

Permission management is divided into three parts

• api

  • Main backend processing ,

  • front end ： Response interception unified error handling

• route

  1. The route is divided into two parts

     • Static routing ： Routes that do not require access

     • Dynamic routing ： Routes that require access

     • By default, there are only static routes

  2. After getting user information

     1. The user information contains the data of the permission page that the current user can access

     2. The route information of the accessible page is matched with the dynamic route

     3. adopt addRoutes Add to route dynamically

        1. There are some pits

           1. The newly added route cannot be used immediately. You need to go through the navigation guard again ：

              Solution ：next(to.fullPath)

           • 404 problem （ The newly added cannot be used immediately , If the static route contains * matching 404, You'll jump right to 404）

             • Solution ： The... In the static route 04 Match delete , adopt addRoutes Add to the end

           • Menu questions

             • In the early The menu uses this.$router.options.routes,

             • The value is not responsive , The menu is not updated accordingly

             • Solution

               • adopt vuex Store routing configuration data （ Keep synchronization with routing configuration ）

               • Use vuex The route configuration in realizes responsive routing

           • Exit to switch the previous account addRoutes The added route can also use

             • Solution ： Reset route on exit

• Button

  • Through user-defined instructions, when the button permission information of user information contains the current button id Normal display at , If it is not included, it will not be displayed

  • v-if/v-show mixin It's fine too