笔试考试系统 ____pagelist使用

1.今日任务

PageList分页使用

2.使用方式及源码

（1） 添加nuget程序包

 

 控制器代码：

 1 using PagedList;
 2 using System;
 3 using System.Collections.Generic;
 4 using System.Linq;
 5 using System.Web;
 6 using System.Web.Mvc;
 7 
 8 namespace WebApplication2.Controllers
 9 {
10     public class DefaultController : Controller
11     {
12         // GET: Default
13         public ActionResult Index(int pagenumber=1,int pazesize=2)
14         {
15             Models.ExamSysEntities DB = new Models.ExamSysEntities();
16 
17             var data = DB.Exam_User.ToList().ToPagedList(pagenumber, pazesize);
18 
19             return View(data);
20         }
21     }
22 }

页面

 1 @using PagedList
 2 @using PagedList.Mvc
 3 @using Exam.Model 
 4 @model IPagedList
 5 
 6 @{
 7     Layout = "~/Views/Shared/_Layout.cshtml";
 8 }
 9 
10 
class="larry-fluid larry-wrapper fadeInRightBig">
11     
class="layui-row lay-col-space15 ">
12         class="layui-table" lay-skin="line">
13141516"100">
17"120">
18"150">
192021222324252627282930313233                 @foreach (var item in Model)
34                {
353637383940414247                     @**@
5253                }
545556                 @if (Model != null && Model.Any() && Model.Count > 1)
57                {
58598283                }
8485
 
             
                 
                                                                
             

                 

                     
试卷编号
                     
试卷名称
                     
考试开始时间
                     
考试结束时间
                     
试卷总分
                     
题目数量
                     
成绩统计
                     
                 
             
             

                  

                     
@item.PaperRuleID
                     
@item.RuleName
                     
@item.RuleStartDate
                     
@item.RuleEndDate
                     
@item.Score
                     
@item.QuestionNum
                     

43                         "return check_href('/ExamMannage/[email protected]')" class="larry-add-edit ajax-get layui-btn layui-btn-small layui-btn-normal larry-add-edit">
44                             class="larry-icon larry-bianji4">成绩统计
45                         
46                     

48                         "return check_href('/Exam/[email protected]')" class="larry-add-edit ajax-get layui-btn layui-btn-small layui-btn-normal larry-add-edit">
49                             class="larry-icon larry-bianji4">错题统计
50                         
51                     
                 
              
             

                      

                         
"4" align="center">
60                             
"float:left;width:370px;font-size:12px;height:34px;line-height:34px;">
61                                 每页 @Model.PageSize 条记录，共有 @Model.TotalItemCount 条记录。
62                                 第 @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) 页，共 @Model.PageCount 页。
63                                 "hidden" name="page" value="1" />
64                                 "last" type="hidden" name="page" value="@Model.PageCount" />
65                             
66 
67                             @Html.PagedListPager(Model, page => Url.Action("Index", new
68                        {
69                            page,
70                            lmid = ViewBag.Lmid
71                        }), new PagedListRenderOptions()
72                        {
73                            LinkToFirstPageFormat = "首页",
74                            LinkToNextPageFormat = "下一页",
75                            LinkToPreviousPageFormat = "上一页",
76                            LinkToLastPageFormat = "末页",
77                            DisplayItemSliceAndTotal = false,
78                            //页面最多显示的页码数
79                            MaximumPageNumbersToDisplay = 5
80                        })
81                         
                     
              
         
86     
87 

效果：

 

 对应的分页的样式自己可以写css进行调整

3.遇到问题

分页没有对应的样式

4.手写css进行设置（由于这个框架是只是后台的类库没有对应的css库，样式需要自己济宁设置）