创建公共分页参数类Common/GridPager.cs

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Web;
  5.  
  6. namespace MVCSystem.Web.Common
  7. {
  8.     public class GridPager
  9.     {
  10.         public int limit{ get; set; }//每页行数
  11.         public int pageIndex { get; set; }//当前页是第几页
  12.  
  13.     }
  14. }

接下来删掉下图中的文件,并注释掉压缩合并包中（BundleConfig.cs）的链接，否则会报错

然后下载bui+bootstrap框架：http://pan.baidu.com/s/1qXsU07U，密码：p3r5，接下来要用它来改造系统

下载包解压把以下文件复制到Content文件下，如下图

为了测试，先手动对数据表添加几条数据

接下来就是开始创建后台管理的页面了【Areas/Admin】

Areas/Admin/Views/Shared/_Layout_Admin.cshtml

  1. <!DOCTYPE html>
  2.  
  3. <html>
  4. <head>
  5.     <meta name="viewport" content="width=device-width" />
  6.     <title>@ViewBag.Title</title>
  7.       <link href="~/Content/assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
  8.       <link href="~/Content/assets/css/bui-min.css" rel="stylesheet" type="text/css" />
  9.       <link href="~/Content/assets/css/main-min.css" rel="stylesheet" type="text/css" />
  10.       <link rel="stylesheet" type="text/css" href="~/Content/Css/bootstrap-responsive.css" />
  11.       <link rel="stylesheet" type="text/css" href="~/Content/Css/bootstrap.css" />
  12.       <link rel="stylesheet" type="text/css" href="~/Content/Css/style.css" />
  13.       <script type="text/javascript" src="~/Content/assets/js/jquery-1.8.1.min.js"></script>
  14.       <script type="text/javascript" src="~/Content/assets/js/bui-min.js"></script>
  15.       <script type="text/javascript" src="~/Content/assets/js/common/main-min.js"></script>
  16.       <script type="text/javascript" src="~/Content/assets/js/config-min.js"></script>
  17.         <script type="text/javascript" src="~/Content/Js/bootstrap.js"></script>
  18.         <script type="text/javascript" src="~/Content/Js/ckform.js"></script>
  19.         <script type="text/javascript" src="~/Content/Js/common.js"></script>
  20. </head>
  21. <body>
  22.     <div>
  23.         @RenderBody()
  24.     </div>
  25. </body>
  26. </html>

Areas/Admin/Controllers/BaseController.cs

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Web;
  5. using System.Web.Mvc;
  6. using MVCSystem.Web.Common;
  7.  
  8. namespace MVCSystem.Web.Areas.Admin.Controllers
  9. {
  10.     public class BaseController : Controller
  11.     {
  12.         public MVCSystemContext db = new MVCSystemContext();
  13.  
  14.     }
  15. }

Areas/Admin/Controllers/UsersController.cs

  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Web;
  5. using System.Web.Mvc;
  6. using MVCSystem.Web.Common;
  7.  
  8. namespace MVCSystem.Web.Areas.Admin.Controllers
  9. {
  10.     public class UsersController : BaseController
  11.     {
  12.         //
  13.         // GET: /Admin/Users/
  14.  
  15.         public ActionResult Index()
  16.         {
  17.             return View();
  18.         }
  19.         public JsonResult GetList(GridPager pager)
  20.         {
  21.             var aList = db.DB_UserProfiles.ToList();
  22.               var json = new
  23.             {
  24.                 results = aList.Count,
  25.                 rows = aList.Select(a => new
  26.                         {
  27.                             UserId = a.UserId,
  28.                             UserName = a.UserName,
  29.                             UserEmail = a.Email,
  30.                             UserRole=getRoleName(a.UserId),
  31.                             CZ = "<a href='/Admin/Users/UserProfilesSetRole/" + a.UserId + "' id='SetRole'>角色设置</a><a href='/Admin/Users/UserProfilesEdit/" + a.UserId + "' id='Edit'>编辑</a><a href='/Admin/Users/UserProfilesDelete/" + a.UserId + "' id='Delete'>删除</a>"
  32.  
  33.                         }).Skip((pager.pageIndex - ) * pager.limit).Take(pager.limit).ToArray()
  34.             };
  35.             return Json(json, JsonRequestBehavior.AllowGet);
  36.         }
  37.          private string getRoleName(int UsId)
  38.         {
  39.             var gg = (from a in db.DB_UsersInRoles
  40.                       join b in db.DB_Roles
  41.                        on a.RoleId equals b.RoleId
  42.                       group new { a, b } by new { a.UserId, b.RoleName } into kk
  43.                       select new
  44.                       {
  45.                           userId = kk.Key.UserId,
  46.                           roleName = kk.Key.RoleName
  47.                       }).ToList();
  48.             var getRoleNameStr = String.Join("、", gg.Where(d => d.userId == UsId).Select(e => e.roleName).ToArray());
  49.             return getRoleNameStr;
  50.         }
  51.  
  52.     }
  53. }

创建视图Areas/Admin/Views/Users/Index.cshtml

  1. @using MVCSystem.Web;
  2. @{
  3.     ViewBag.Title = "Index";
  4.     Layout = "~/Areas/Admin/Views/Shared/_Layout_Admin.cshtml";
  5. }
  6. <form class="form-inline definewidth m20" action="index.html" method="get">
  7.     用户名称：
  8.     <input type="text" name="username" id="username"class="abc input-default" placeholder="" value="">&nbsp;&nbsp;
  9.     <button type="submit" class="btn btn-primary">查询</button>&nbsp;&nbsp; <button type="button" class="btn btn-success" id="addnew">新增用户</button>
  10. </form>
  11. <div id="gridList"  style=" width:96%;margin:10px auto;">
  12.  
  13. </div>
  14.  
  15.     <script type="text/javascript">
  16.         BUI.use(['bui/grid', 'bui/data'], function (Grid, Data) {
  17.             var Grid = Grid,
  18.           Store = Data.Store,
  19.           columns = [
  20.             { title: '用户名', dataIndex: 'UserName', width: 100 },
  21.             { title: '邮箱', dataIndex: 'UserEmail', width: 100 },
  22.             { title: '用户角色', dataIndex: 'UserRole', width: 200 },
  23.             { title: '操作', dataIndex: 'CZ', width: 200 }
  24.           ];
  25.  
  26.             var store = new Store({
  27.                 url: '/Admin/Users/GetList',
  28.                 autoLoad: true, //自动加载数据
  29.                 pageSize: 3    // 配置分页数目
  30.             }),
  31.               grid = new Grid.Grid({
  32.                   render: '#gridList',
  33.                   columns: columns,
  34.                   loadMask: true, //加载数据时显示屏蔽层
  35.                   store: store,
  36.                   // 底部工具栏
  37.                   bbar: {
  38.                       // pagingBar:表明包含分页栏
  39.                       pagingBar: true
  40.                   }
  41.               });
  42.  
  43.             grid.render();
  44.         });
  45.     </script>

更改Areas/Admin/Views/Home/Index.cshtml视图，代码如下：

  1. <!DOCTYPE HTML>
  2. <html>
  3.  <head>
  4.   <title>后台管理系统</title>
  5.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.    <link href="~/Content/assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
  7.   <link href="~/Content/assets/css/bui-min.css" rel="stylesheet" type="text/css" />
  8.    <link href="~/Content/assets/css/main-min.css" rel="stylesheet" type="text/css" />
  9.  
  10.  </head>
  11.  <body>
  12.  
  13.   <div class="header">
  14.  
  15.       <div class="dl-title">
  16.        <!--<img src="/chinapost/Public/assets/img/top.png">-->
  17.       </div>
  18.  
  19.     <div class="dl-log">欢迎您，<span class="dl-log-user">root</span><a href="/chinapost/index.php?m=Public&a=logout" title="退出系统" class="dl-log-quit">[退出]</a>
  20.     </div>
  21.   </div>
  22.    <div class="content">
  23.     <div class="dl-main-nav">
  24.       <div class="dl-inform"><div class="dl-inform-title"><s class="dl-inform-icon dl-up"></s></div></div>
  25.       <ul id="J_Nav"  class="nav-list ks-clear">
  26.                 <li class="nav-item dl-selected"><div class="nav-item-inner nav-home">系统管理</div></li>        <li class="nav-item dl-selected"><div class="nav-item-inner nav-order">业务管理</div></li>       
  27.  
  28.       </ul>
  29.     </div>
  30.     <ul id="J_NavContent" class="dl-tab-conten">
  31.  
  32.     </ul>
  33.    </div>
  34.   <script type="text/javascript" src="~/Content/assets/js/jquery-1.8.1.min.js"></script>
  35.   <script type="text/javascript" src="~/Content/assets/js/bui-min.js"></script>
  36.   <script type="text/javascript" src="~/Content/assets/js/common/main-min.js"></script>
  37.   <script type="text/javascript" src="~/Content/assets/js/config-min.js"></script>
  38.   <script>
  39.     BUI.use('common/main',function(){
  40.       var config = [
  41.         {id:'1',menu:[
  42.           {text:'系统管理',items:[
  43.               {id:'12',text:'机构管理',href:'Node/index.html'},
  44.               {id:'3',text:'角色管理',href:'Role/index.html'},
  45.               {id:'4',text:'用户管理',href:'Users'},
  46.               {id:'6',text:'菜单管理',href:'Menu/index.html'}
  47.           ]}
  48.       ]},
  49.       {id:'7',homePage : '9',menu:[
  50.         {text:'业务管理',items:[
  51.           {id:'9',text:'查询业务',href:'Node/index.html'}
  52.         ]}
  53.       ]}
  54.     ];
  55.       new PageUtil.MainPage({
  56.         modulesConfig : config
  57.       });
  58.     });
  59.   </script>
  60.  </body>
  61. </html>

然后运行项目，地址http://localhost:37275/admin/home#1/4，效果如下：

源码下载：http://www.yealuo.com/Sccnn/Detail?KeyValue=2f926407-f80b-4bff-a729-949a53efed7b

作者：boyzi007

出处：http://www.cnblogs.com/boyzi/

QQ：470797533

QQ交流群：364307742
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统（2）的更多相关文章

  1. ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统（1）

    本系列的的角色权限管理主要采用Dotnet MVC4工程内置的权限管理模块Simplemembership实现,主要有关文件是InitializeSimpleMembershipAttribute.c ...

  2. ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统（3）

    接下来完成用户.角色的增删查改,以及用户角色.权限的设置 对用户表.角色表做了一些扩展如下[可以更加自己需要增减字段] 相应的M_UserProfile.cs.M_Roles.cs进行扩展 using ...

  3. ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统（4）

    接下来就是菜单管理了,菜单分为两部分,一部分是菜单管理,另一部分是左边的树形菜单 数据库添加菜单表Menus USE [MVCSystem] GO /****** Object: Table [dbo ...

  4. ASP.NET MVC4.0+EF+LINQ+bui+bootstrap+网站+角色权限管理系统（开篇）

    系统预览: 源码下载:http://www.yealuo.com/Home/Detail?KeyValue=2f926407-f80b-4bff-a729-949a53efed7b 创建项目,新手按步 ...

  5. ASP.NET MVC4.0+EF+LINQ+bui+网站+角色权限管理系统（6）

    快过年了,公司事情忙,好几天没有继续写博客,今天开始写账户模块系统登录,账户管理以及登录日志, 首先新建登录日志数据表: USE [MVCSystem] GO /****** Object: Tabl ...

  6. ASP.NET MVC4.0+EF+LINQ+bui+网站+角色权限管理系统（7）

    今天将使用Simplemembership进行权限控制 我们使用mvc的AuthorizeAttribute来实现对Controller and Action权限控制 看如下标为红色的代码片段: // ...

  7. ASP.NET MVC4.0+EF+LINQ+bui+网站+角色权限管理系统（5）

    我参考了bui官网,里面提供了大量的接口案例和效果,之前下载的前端框架完全不需要bootstrap,所以从这一节开始,不再使用bootstrap(当然不想改变的也可以继续使用之前的框架,不影响使用), ...

  8. ASP.NET MVC4.0+ WebAPI+EasyUI+KnockOutJS快速开发框架 通用权限管理系统

    1.基于 ASP.NET MVC4.0 + WebAPI + EasyUI + Knockout 的架构设计开发 2.采用MVC的框架模式,具有耦合性低.重用性高.生命周期成本低.可维护性高.有利软件 ...

  9. 翻译：使用 ASP.NET MVC 4, EF, Knockoutjs and Bootstrap 设计和开发站点 - 3

    原文地址:http://ddmvc4.codeplex.com/ 原文名称:Design and Develop a website using ASP.NET MVC 4, EF, Knockout ...

随机推荐

  1. mysql操作手册2

          6 rows in set (0.00 sec) # 我们再把 table 的位置交换一下,再用 right join 试试 select a.id,a.name,b.dept_id fr ...

  2. HTML之CSS标签

    1.CSS选择器 1).id选择器   2).class选择器 3).标签选择器   4).层级选择器(空格)    (1)id层级选择器       (2)class层级选择器 5).组合选择器(逗 ...

  3. python的sorted排序具体解释

    排序.在编程中常常遇到的算法.我也在几篇文章中介绍了一些关于排序的算法. 有的高级语言内置了一些排序函数.本文讲述Python在这方面的工作.供使用python的程序猿们參考,也让没有使用python ...

  4. CC2540 / CC2541 竟然支持 Bluetooth BLE 5.0？

    CC2540 / CC2541 竟然支持 Bluetooth BLE 5.0? 无意中发现 CC2541 的 BLE 协议栈更新了. BLE-STACK is Bluetooth 5.0 qualif ...

  5. Docker初步了解 2016-10-30 20:46 279人阅读 评论(31) 收藏

    什么是docker? Docker是一个开源的引擎,可以轻松的为任何应用创建一个轻量级的.可移植的.自给自足的容器. Docker本质上是一种软件,让用户创建镜像(很像虚拟机的模板),并且随后在容器里 ...

  6. 2016年中国的SaaS服务商企业研究

    近年来,随着中国人口红利的消退及移动互联网红利的凸显,让中国的To C创业,尤其是O2O领域的创业经历了一波高潮.2015年末,一场"资本寒冬"让O2O创业趋于理性,但SaaS及T ...

  7. 容器化ICT融合初体验

    [编者的话]本次将分享的容器化ICT融合平台是一种面向未来ICT系统的新型云计算PaaS平台,它基于容器这一轻量级的虚拟化技术以及自动化的"微服务"管理架构,能够有效支撑应用快速上 ...

  8. 巨蟒python全栈开发-第11阶段 ansible_project3

    今日大纲: 1.用户创建 2.前端优化 3.用户编辑 4.用户删除 5.ansible api介绍 1.用户创建 新建一个user_create.html的页面 <form class=&quo ...

  9. ssh 出错 Permission denied (publickey,password).

    将客户端的~/.ssh/know_hosts 文件删掉试试 ssh debug信息 ssh -vvv xxx@192.168.1.111

  10. Java练习 SDUT-1704_统计数字问题

    统计数字问题 Time Limit: 1000 ms Memory Limit: 32768 KiB Problem Description 一本书的页码从自然数1 开始顺序编码直到自然数n.书的页码 ...