网站建设资讯

NEWS

网站建设资讯

MVC分页让你更爽

创建Controller控件器与强类型视图呢,还有Models里面的对象实体,相信你们看了我之前发的就能创建好了,在这里呢就不创建了哈亲

创新互联专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、网站建设、六合网络推广、小程序制作、六合网络营销、六合企业策划、六合品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供六合建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com

 

MVC分页让你更爽

在用户控件器里面写代码了

下面这个分页的方法

  1. ///  
  2.        /// 用户信息分页 
  3.        ///  
  4.        ///  
  5.        public ActionResult UserDataPage() 
  6.        { 
  7.            EFFristModelEntities ef = new EFFristModelEntities(); 
  8.            int pageIndex = 1;//记录页的条数 
  9.            int pageSize = 3;//每页显示的条数 
  10.            int.TryParse(Request.QueryString["pageIndex"],out pageIndex);//强转一下这个记录页的条数 
  11.            int pageIndexCount =Convert.ToInt32(ef.UserInfo.Count());//获取 总的记录数 
  12.            int pageCount = Convert.ToInt32(Math.Ceiling(pageIndexCount*1.0/pageSize));//获取总的页数 
  13.            //判断页的取值范围 
  14.            if (pageIndex < 1) 
  15.            { 
  16.                pageIndex = 1; 
  17.            } 
  18.            if (pageIndex > pageCount) 
  19.            { 
  20.                pageIndex = pageCount; 
  21.            } 
  22.            //Linq语句 
  23.            var temp = from user in ef.UserInfo 
  24.                       .OrderBy(user => user.ID) 
  25.                       .Skip((pageIndex - 1) * pageSize)//跳过的序列 
  26.                       .Take(pageSize)//返回指定数量的元素 
  27.                       select user; 
  28.            ViewData.Model = temp;//把这个Linq语句读取的数据给这个实体model 
  29.            ViewData["pageIndex"] = pageIndex; 
  30.            ViewData["pageIndexCount"] = pageIndexCount; 
  31.            ViewData["pageCount"] = pageCount; 
  32.            ViewData["pageSize"] = pageSize; 
  33.            return View(); 
  34.        } 

这个在前台循环的展示数据

  1. <%for (int i = 1; i <= Convert.ToInt32(ViewData["pageCount"]); i++) 
  2.      { %> 
  3.        <%:Html.ActionLink(i.ToString(),"UserDataPage",new {pageIndex=i}) %> 
  4.    <%} %> 
  5.    <%:"当前页:" + ViewData["pageSize"] + "数据"%> <%:"共:"+ViewData["pageIndexCount"]+"条" %> <%:"共:"+ViewData["pageCount"]+"页" %>  
  6.  

第二种分页  有样式

这个是在models里面创建的类 是一个静态的类型为HtmlString的 是微软定义的一个类

  1. public static HtmlString ShowPageNavigate(this HtmlHelper htmlHelper, int currentPage, int pageSize, int totalCount) 
  2.         { 
  3.             var redirectTo = htmlHelper.ViewContext.RequestContext.HttpContext.Request.Url.AbsolutePath; 
  4.             pageSize = pageSize == 0 ? 3 : pageSize; 
  5.             var totalPages = Math.Max((totalCount + pageSize - 1) / pageSize, 1); //总页数 
  6.             var output = new StringBuilder(); 
  7.             if (totalPages > 1) 
  8.             { 
  9.                 //if (currentPage != 1) 
  10.                 {//处理首页连接 
  11.                     output.AppendFormat("首页 ", redirectTo, pageSize); 
  12.                 } 
  13.                 if (currentPage > 1) 
  14.                 {//处理上一页的连接 
  15.                     output.AppendFormat("上一页 ", redirectTo, currentPage - 1, pageSize); 
  16.                 } 
  17.                 else 
  18.                 { 
  19.                     // output.Append("上一页"); 
  20.                 } 
  21.  
  22.                 output.Append(" "); 
  23.                 int currint = 5; 
  24.                 for (int i = 0; i <= 10; i++) 
  25.                 {//一共最多显示10个页码,前面5个,后面5个 
  26.                     if ((currentPage + i - currint) >= 1 && (currentPage + i - currint) <= totalPages) 
  27.                     { 
  28.                         if (currint == i) 
  29.                         {//当前页处理 
  30.                             //output.Append(string.Format("[{0}]", currentPage)); 
  31.                             output.AppendFormat("{3} ", redirectTo, currentPage, pageSize, currentPage); 
  32.                         } 
  33.                         else 
  34.                         {//一般页处理 
  35.                             output.AppendFormat("{3} ", redirectTo, currentPage + i - currint, pageSize, currentPage + i - currint); 
  36.                         } 
  37.                     } 
  38.                     output.Append(" "); 
  39.                 } 
  40.                 if (currentPage < totalPages) 
  41.                 {//处理下一页的链接 
  42.                     output.AppendFormat("下一页 ", redirectTo, currentPage + 1, pageSize); 
  43.                 } 
  44.                 else 
  45.                 { 
  46.                     //output.Append("下一页"); 
  47.                 } 
  48.                 output.Append(" "); 
  49.                 if (currentPage != totalPages) 
  50.                 { 
  51.                     output.AppendFormat("末页 ", redirectTo, totalPages, pageSize); 
  52.                 } 
  53.                 output.Append(" "); 
  54.             } 
  55.             output.AppendFormat("第{0}页 / 共{1}页", currentPage, totalPages);//这个统计加不加都行 
  56.  
  57.             return new HtmlString(output.ToString()); 
  58.         } 
  59. 在前台调用这个方法即可
  60.  
    1.  
    2.     <%:Html.ShowPageNavigate(Convert.ToInt32(ViewData["pageIndex"]),3,Convert.ToInt32(ViewData["pageCount"])) %> 
    3.    
 
  •    

     

  • 这个是样式文件夹 这个呢可以在网上扒的哈,我这不一定你就能用的哦 亲

    MVC分页让你更爽

    1. .paginator 
    2.     font: 12px Arial, Helvetica, sans-serif; 
    3.     padding: 10px 20px 10px 0; 
    4.     margin: 0px; 
    5.  
    6. .paginator a 
    7.     border: solid 1px #ccc; 
    8.     color: #0063dc; 
    9.     cursor: pointer; 
    10.     text-decoration: none; 
    11.  
    12. .paginator a:visited 
    13.     padding: 1px 6px; 
    14.     border: solid 1px #ddd; 
    15.     background: #fff; 
    16.     text-decoration: none; 
    17.  
    18. .paginator .cpb 
    19.     border: 1px solid #F50; 
    20.     font-weight: 700; 
    21.     color: #F50; 
    22.     background-color: #ffeee5; 
    23.  
    24. .paginator a:hover 
    25.     border: solid 1px #F50; 
    26.     color: #f60; 
    27.     text-decoration: none; 
    28.  
    29. .paginator a, .paginator a:visited, .paginator .cpb, .paginator a:hover 
    30.     float: left; 
    31.     height: 16px; 
    32.     line-height: 16px; 
    33.     min-width: 10px; 
    34.     _width: 10px; 
    35.     margin-right: 5px; 
    36.     text-align: center; 
    37.     white-space: nowrap; 
    38.     font-size: 12px; 
    39.     font-family: Arial,SimSun; 
    40.     padding: 0 3px; 
    41. /*****************************2*/ 
    42. .page_nav, 
    43.  
    44. #commentpage{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:center;} 
    45.  
    46. .page_nav a, 
    47.  
    48. #commentpage a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #dbe5ee; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#fff; color:#333; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;} 
    49.  
    50.     .page_nav strong{display:inline-block; height:24px; margin:0 3px; padding:0 8px; border:none; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; background:#c00; color:#fff; font-weight:normal; line-height:24px; text-decoration:none;} 
    51.  
    52.     .page_nav a:hover, 
    53.  
    54.     .page_nav a.on{height:24px; margin:0 3px; border:none; background:#c00; color:#fff; line-height:24px; text-decoration:none;} 
    55.  
    56.     .page_nav a.select{cursor:default;} 
    57.  
    58.     .page_nav .view_all{display:block; text-align:center;} 
    59.  
    60.     .page_nav .view_all a{height:auto; margin:0; padding:0; border:none; color:#06c; line-height:24px;} 
    61.  
    62.     .page_nav .view_all a:hover{height:auto; margin:0; padding:0; background:none;} 

     

     


    本文标题:MVC分页让你更爽
    标题URL:http://njwzjz.com/article/gehogo.html

    其他资讯