MVC实现分页功能

分页功能是我们在做查询时不可缺少的部分，做好分页不仅仅方便查看，也要许多的便利。
MVC的分页的实现需要有ViewBag来储存值
有较强的逻辑性
例子:
显示页面：
@{
ViewBag.Title = “Index”;
}

全圆园 666

名称：

@foreach (var item in Model) { }

编号	名称	备注
@item.ID	@item.Name	@item.Remark

• 共 @ViewBag.totalPages 页，第 页，每页显示

          <select id="pageSize" onchange="page(1);">
              @{
                  var listPageSize = new List<int> { 5, 10, 20, 50, 100 };
              }
              @foreach (var item in listPageSize)
              {
                  if (@ViewBag.pageSize == @item)
                  {
                      <option value="@item" selected="selected">@item</option>
                  }
                  else
                  {
                      <option value="@item">@item</option>
                  }
              }
          </select>
          条
      </li>
  </ul>
  <ul class="pagination">
      <li class="page-item ">
          <a class="page-link" href="javascript:page(1);" tabindex="-1" aria-disabled="true">首页</a>
      </li>
      @if (@ViewBag.pageIndex > 1)
      {
          <li class="page-item"><a class="page-link" href="javascript:page(@ViewBag.pageIndex-1);">上页</a></li>
      }
      else
      {
          <li class="page-item disabled"><a class="page-link" href="javascript:page(@ViewBag.pageIndex-1);">上页</a></li>
      }
  
  
      <li class="page-item " aria-current="page">
          <span class="page-link"> @ViewBag.pageIndex</span>
      </li>
  
      @if (@ViewBag.pageIndex < @ViewBag.totalPages)
      {
          <li class="page-item " aria-current="page">
              <a class="page-link" href="javascript:page(@ViewBag.pageIndex+1);">下页 </a>
          </li>
      }
      else
      {
          <li class="page-item disabled" aria-current="page">
              <a class="page-link" href="javascript:page(@ViewBag.pageIndex+1);">下页 </a>
          </li>
      }
  
      <li class="page-item">
          <a class="page-link" href="javascript:page(@ViewBag.totalPages);">末页</a>
      </li>
      <li class="page-item">
          <input type="button" class="page-link" value="GO" onclick="go()" />
      </li>
  </ul>
  

@section scripts{

<script>
    function page(pageIndex) {
        var name = $("#txtCondName").val(); //获取搜索框的值
        var pageSize = $("#pageSize").val(); //获取下拉框的值

        window.location.href = "/role/index?pageindex=" + pageIndex
            + "&pageSize=" + pageSize + "&name=" + name;

    }

    function go() {
        //获取输入的页码的值
        var pageIndex = $("#pageIndex").val();
        page(pageIndex);

    }


</script>

}
控制器页面代码：
public ActionResult Index(int pageIndex=1,int pageSize=10,string name="")
        {
            //获取总记录数
            var totalRows = db.Roles.Count();
            //计算总页数
            var totalPages = Math.Ceiling(totalRows * 1.00 / pageSize);
            ViewBag.totalPages = totalPages;

var roles = db.Roles.Where(p=>p.Name.Contains(name))
                .OrderBy(p=>p.ID)  //排序
                .Skip((pageIndex-1) * pageSize)    //跳过
                .Take(pageSize)   //取
                .ToList();
            ViewBag.pageIndex = pageIndex;
            ViewBag.name = name;
            ViewBag.pageSize = pageSize;
            return View(roles);
        }