ASP.NET MVC+EF框架+EasyUI实现权限管理系列(23)-为权限设置角色和EasyUI Tabs使用

时间:2017-11-21 10:27:58 浏览量:550 阅读时间:18.15 分钟

  前言:这段时间博客的更新比较慢,主要是这段时间工作上面比较忙点,晚上回来在吹吹风,写一点点的代码就能休息了,所以用了这段时间把代码基本写完了,但是博客的更新速度比较慢,主要是后面的这部分内容感觉博客不好写,一会在页面,一会在控制器,一会又在Model中操作,感觉写的乱而不识,虽然是这样,但是我们还是要写下去,给大家一个成型的东西才能感觉大完善,希望大家能够理解,那么今天我们就开始说我们今天的内容,今天的内容主要有这几个方向,(1):完善上篇博客中遗留的问题,(2):为用户设置权限,这个的实现效果和上篇博客基本一样,所以这里也就是基本提一下就行,(3):重新对页面进行布局,实现Tab页面。

1.为用户设置角色遗留问题—全局查询

  (1)上篇博客我们基本说完了为用户设置角色,但是我们按照以前的代码书写的话发现了一个问题,那就是我们的用户数据查询不到了,这是什么原因呢?其实原因也很简单,那就是用户和角色是多对多的关系,当我们为用户设置角色的话,用户表中会存放角色表的实体,而角色表则会存放用户表的实体,这个我们可以在Edmx模型中看到,那么为什么会这样呢?原因就是当我们序列化BaseUser实体的时候,发现含有BaseRole属性,这时候就要序列化BaseRole属性,这时候EF提供了一个序列化导航属性的时候的延迟加载起作用了,这样的话他就会循环的去查询BaseRole和BaseUser实体类,这样序列化的话就会发生死循环,所以会报错。

  (2)根据上面我们也知道了以前的代码会出现错误,那么我们怎么避免这个错误,使我们的用户显示出来数据呢?其实我们只需要用linq将BaseUser字段全部查询出来即可,最后对用户的控制器查询效果修改之后的代码如下所示:

/// <summary>
/// 获取所有的用户信息
/// </summary>
/// <returns>返回用户详细信息的Json对象</returns>
public ActionResult GetAllUserInfos()
{
    //Json格式的要求{total:22,rows:{}}

    //实现对用户分页的查询,rows:一共多少条,page:请求的当前第几页
    int pageIndex = Request["page"] == null ? 1 : int.Parse(Request["page"]);
    int pageSize = Request["rows"] == null ? 10 : int.Parse(Request["rows"]);

    //得到多条件查询的参数
    string RealName = Request["RealName"];
    string Telephone = Request["Telephone"];
    string EMail = Request["EMail"];
    int? Enabled = Request["Enabled"] == null ? -1 : int.Parse(Request["Enabled"]);
    string AuditStatus = Request["AuditStatus"];
    int? DeletionStateCode = Request["DeletionStateCode"] == null ? 0 : int.Parse(Request["DeletionStateCode"]);
    int total = 0;

    //调用分页的方法,传递参数,拿到分页之后的数据
    //var data = _userInfoService.LoadPageEntities(pageIndex, pageSize, out total,
    //    u => true && u.DeletionStateCode == 0, true, u => u.SortCode);

    //封装一个业务逻辑层的方法,来处理分页过滤事件
    var userInfoQuery = new UserInfoQuery()
    {
        PageSize = pageSize,
        PageIndex = pageIndex,
        RealName = RealName,
        Telephone = Telephone,
        EMail = EMail,
        Enabled = Enabled,
        AuditStatus = AuditStatus,
        Total = 0,
        DeletionStateCod = DeletionStateCode
    };

        //如果含有导航属性关联的话,出现循环引用的问题,死循环
    var data = from u in _userInfoService.LoadSearchData(userInfoQuery)
                select new
                {
                    u.ID,u.AuditStatus,u.Birthday,u.ChangePasswordDate,u.Code,u.CreateBy,u.CreateOn,u.CreateUserID,u.DeletionStateCode,u.DepartmentID,u.Description,u.Email,u.Enabled,u.Gender,u.HomeAddress,u.IsStaff,u.IsVisible,u.Mobile,u.ModifiedBy,u.ModifiedUserID,u.ModifirdOn,u.QICQ,u.QuickQuery,u.RealName,u.SecurityLevel,u.SortCode,u.Telephone,u.Title,u.UserFrom,u.UserName,u.UserPassword
    };

    //构造成Json的格式传递
    var result = new { total = userInfoQuery.Total, rows = data };

    //return JsonDate(result);
    return Json(result, JsonRequestBehavior.AllowGet);
}

  (3)通过上述的代码实现我们就解决了我们前面提到我们遇到的问题,这里大家如果有什么不懂的话可以给我留言,可能我的预言表达能力不怎么好,只能表达到这里了。

2.为权限设置角色

  (1)上述我们看到的这个标题大致的实现思路是固定的,因为我们在上一篇博客中已经介绍过了,为用户设置角色,这几个大的模块的实现思路基本是一样的,所以在这篇博客中我就不再介绍了,代码我都已经写完,希望大家可以参考上篇博客来实现这个功能。

  (2)那么我们为什么给权限设置角色呢?看我们的Edmx模型其实大致就知道了,我这里简单的说一下,为用户设置角色,我们的角色中必然要对应于权限的操作,所有这样就出现了我们要为权限设置角色。

  (3)实现效果如图所示:

        14104340-f855e153bccc4c3bbae71deccf394343

3.EasyUI Tabs标签页面的实现

  (1)在说这个的使用之前我们首先看一下我们以前的前台页面的架构,如图所示:

14104411-15ff118be7034de5a108ec916bc55210

  (2)那么看我们现在项目的前台页面的架构,我们可以发现我们引入了EasyUI Tabs之后的变化,如图所示:

14104520-11adf60df1e44ee3962f43d924e2bc03

  (3)EasyUI Tabs控件实现了,但是在这里我们就会遇到当我们重复单击右边的导航的时候会发生什么变化,那么主要的代码如下:

//绑定菜单按钮的点击事件  MenuLink
function BindMenuClickEvent() {

   $(".MenuLink").click(function () {
       //获取按钮里面的src属性
       var src = $(this).attr("src");

       //将主框架的iframe跳转到菜单指向的地址
       //$("#frmWorkArea").attr("src", src);

       //得到节点的名字来放去Title
       var title = $(this).text();

       //拼接一个Iframe标签
       var str = '<iframe id="frmWorkArea" width="100%" height="100%" frameborder="0" scrolling="yes" src="' + $(this).attr("src") + '"></iframe>'

       //首先判断用户是否已经单击了此项,如果单击了直接获取焦点,负责打开
       var isExist = $("#worktab").tabs('exists', title);
       if (!isExist) {
            //添加tab的节点,调用easyUITab标签的方法
            $("#worktab").tabs('add', {
                title: title,
                content: str,
                iconCls: 'icon-save',
                closable: true
              });
           }
           else {
               //如果存在则获取焦点
               $("#worktab").tabs('select', title);
           }
       });
  }

        (4).这篇博客到这里基本就已经写完了,大家阅读的时候如果有什么问题可以给我留言,我将会在第一时间回复,这篇博客大家看起来可能有点吃力,因为不连贯,所以大家能够看看前面的博客在看这篇博客的时候将会很顺心的,那么下篇博客我们开始讲述权限组的实现。

源码下载

    下载地址:http://chuxinm.com/Shop/Detail/Detail?id=678829a2b00d4f94b2f9755132883df7


打赏

感谢您的支持,我会继续努力的!


支付宝
注册用户登录后才能发表评论,请 登录 注册,请访问 网站首页。
总计(0)条评论

admin

软件工程师

    文章目录

    返回顶部小火箭