使用js实现用户权限(C#layui)

最新推荐文章于 2023-10-30 22:46:26 发布

Stealingcoins

最新推荐文章于 2023-10-30 22:46:26 发布

阅读量383

点赞数 1

文章标签： c# javascript layui

本文链接：https://blog.youkuaiyun.com/Stealingcoins/article/details/130667616

版权

该代码示例展示了如何在登录时从Session中获取用户信息，并通过Ajax调用后端方法来验证用户身份。根据身份的不同，动态修改顶部菜单的链接，实现权限控制。JSON数据用于表示菜单结构，前端根据返回的用户信息来调整显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

获取登陆时存储的值

public ActionResult LoginInfo()
{
string userName = Session["userName"].ToString();
string identity = Session["identity"].ToString();
List<string> list = new List<string>();
list.Add(userName);
list.Add(identity);
return Json(new { data = list }, JsonRequestBehavior.AllowGet);
}

//下方菜单数据是json格式,,可以单独筛选,若是在数据库中就需要写个方法获取返回值了,以下方法是通过后台获取的身份值去强制改变路径

//通过顶部菜单获取左侧二三级菜单注：此处只做演示之用，实际开发中通过接口传参的方式获取导航数据
   function getData(json) {
       $.getJSON(tab.tabConfig.url, function(data) {
           if (json) {
dataStr = data.contentManagement;///

///对登录做个请求信息,根据信息动态设置,,,登陆列多加信息判断,然后返回不同值123,
var dd = data.contentManagement;
$.ajax({
url: "/Home/LoginInfo",
type: "get",
success: function (data) {
console.info(data.data[0])
if (data.data[1] == "1") {//但是data返回值不对,那就直接返回一个数组,通过数据数据分别,
$(".adminName").text(data.data[0]); /表格设置一个权限标识,查询对应数据,,筛选对应数据
tab.render();///放在这里可以
} else if (data.data[1] == "2") {
$(".adminName").text(data.data[0]);
dd[0].children[2].href = "page/404/404.html";
dd[0].children[4].href = "page/404/404.html";
tab.render();///放在这里可以
}
}, error: function () {
console.info(0000000);
}
});
           }
       })
}

json

{
"contentManagement": [
{
"title": "物品操作",
"icon": "",
"href": "",
"spread": true,
"children": [
{
"id": "1",
"title": "设备列表",
"icon": "",
"href": "Device/device",
"spread": false
},
{
"id": "2",
"title": "入库申请",
"icon": "",
"href": "Home/PAdd",
"spread": false
},
{
"id": "3",
"title": "待入库列表",
"icon": "",
"href": "Home/PInList",
"spread": false
},
{
"id": "4",
"title": "库存列表",
"icon": "",
"href": "Home/Pall",
"spread": false
},
{
"id": "5",
"title": "待出库列表",
"icon": "",
"href": "Home/POutList",
"spread": false
},
{
"id": "6",
"title": "已出库列表",
"icon": "",
"href": "Home/POut",
"spread": false
},
{
"id": "7",
"title": "原件种类",
"icon": "",
"href": "Device/yuanjian",
"spread": false
}
]
}
]
}