現如今前後端分離,開發用的都是html頁面,而不用jsp頁面,在這種情況下,怎麼樣做到許可權系統精確到每個按鈕?

首先要設計好資料庫,這是我最近做的一個許可權管理的一個按鈕許可權表

code代表當前按鈕功能的程式碼,在這個專案中用到了layui和vue.js做前端,當你一個使用者登入的時候,獲取到這個使用者的角色型別,然後去資料庫連表查詢得到這個角色的許可權選單,根據不同的頁面傳入不同的引數,通過v-html將對應的許可權程式碼放入頁面中這樣就能做到不同的角色登入系統展現的選單功能是不同的:

查詢條件許可權怎麼樣做到?
首先將頁面上的查詢條件設定為不可用,將查詢條件的name的值設定為資料庫中的許可權名稱,然後通過在資料庫中找到的查詢條件,
首先遍歷在資料庫中取出來的查詢條件,然後用jquery去找到資料庫找到的查詢條件作為name找到對應的dom,當找到的時候就將查詢控制元件改為可用.

$(function () {
        var data = findmenid();
        Object.keys(data).forEach(function (key) {//遍歷得到的許可權物件
            var nn = data[key].name;
            $("select[name='" + nn + "']").each(function () {
                $(this).attr('disabled', false)

            })
            $("input[name='" + nn + "']").each(function () {
                $(this).attr('disabled', false)

            })

        })
    })
 

有疑問歡迎下方留言