如何在ASP.NETMVC5中实现一个分页查询功能-创新互联-成都快上网建站

如何在ASP.NETMVC5中实现一个分页查询功能-创新互联

这篇文章给大家介绍如何在ASP.NET MVC5中实现一个分页查询功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

创新互联是一家专注于网站设计、成都做网站与策划设计,烈山网站建设哪家好?创新互联做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:烈山等地区。烈山做网站价格咨询:13518219792

分页需要三个变量:数据总量、每页显示的数据条数、当前页码。


//数据总量
int dataCount;
//每页显示的数据条数
int pageDataCount;
int pageNumber;

根据数据总量和每页显示的数据条数计算出总页数,根据当前页码和每页显示的数据条数计算出从数据库中读取数据的起始行号和结束行号。

//总页数
int pageCount = (int)Math.Ceiling(dataCount/ (pageDataCount* 1.0));
int startLine = (pageNumber - 1) * PageDataCount + 1;
int endLine=startLine + PageDataCount - 1;

对于数据库的查询操作使用轻量级ORM框架Dapper来实现,具体代码如下:

protected IDbConnection CreateConnection()
{
  IDbConnection dbConnection = new SqlConnection(ConnectionString);
  dbConnection.Open();
  return dbConnection;
}

//获取数据库中数据的总条数
public virtual int QueryDataCount(string tableName)
{
  using (IDbConnection dbConnection = CreateConnection())
  {
    var queryResult = dbConnection.Query("select count(Id) from " + tableName);
    if (queryResult == null || !queryResult.Any())
    {
      return 0;
    }
    return queryResult.First();
  }
}

public virtual IEnumerable RangeQuery(string tableName, int startline, int endline)
{
  if (string.IsNullOrEmpty(tableName))
  {
    throw new ArgumentNullException("表名不得为空或null");
  }
  if (startline <= 0)
  {
    throw new ArgumentOutOfRangeException("起始行号必须大于0");
  }
  if (endline - startline < 0)
  {
    throw new ArgumentOutOfRangeException("结束行号不得小于起始行号");
  }
  using (IDbConnection dbConnection = CreateConnection())
  {
    var queryResult = dbConnection.Query("select top " + (endline - startline + 1) + " * from " + tableName + " where Id not in (select top " + (startline - 1) + " Id from " + tableName + " order by Id desc) order by Id desc");
    if (queryResult != null && queryResult.Any())
    {
      return queryResult;
    }
  }
  return null;
}

绘制分页按钮

在App_Code文件夹中添加PageHelper.cshtml文件封装绘制按钮的代码,这里需要注意一点,使用VS发布站点时App_Code文件夹中的文件不会被打包,需要手动拷贝App_Code文件夹中的文件到站点中。

@*
  amount:数据总数,count:每页显示的数据条数,redierctUrl点击按钮时的跳转链接
  页面上需引用:bootstrap.min.css
*@
@helper CreatePaginateButton(int amount, int count, string redirectUrl)
{
  
    
      
        
  • 首页
  •         @{           int pageNumber = (int)Math.Ceiling(amount / (count * 1.0));           pageNumber = pageNumber < 1 ? 1 : pageNumber;           //页面上显示的按钮数目(不计首页、末页、上一页、下一页等按钮),若页面总数超过该值则绘制按钮分隔符           const int BUTTON_COUNT = 7;           // 按钮分隔符           const string BUTTON_SEPARATOR = "......";           //按钮分隔符左侧按钮数目(不计首页、末页、上一页、下一页等按钮)           const int LEFT_BUTTON_COUNT = 4;           //按钮分隔符右侧按钮数目(不计首页、末页、上一页、下一页等按钮)           const int RIGHT_BUTTON_COUNT = 2;           string[] urlSegments = Request.Url.Segments;           int selectedIndex = 0;           int.TryParse(urlSegments[urlSegments.Length - 1], out selectedIndex);           int previous = (selectedIndex - 1) <= 0 ? 1 : selectedIndex - 1;           int next = (selectedIndex + 1 > pageNumber) ? pageNumber : selectedIndex + 1;           var r=Request.Cookies[""];           if (pageNumber > BUTTON_COUNT)           {         
  • 上一页
  •             for (int i = 1; i <= BUTTON_COUNT; i++)             {               if ( selectedIndex >= LEFT_BUTTON_COUNT && selectedIndex%LEFT_BUTTON_COUNT==0 && i <= LEFT_BUTTON_COUNT)               {         
  • @selectedIndex
  •                 int step = selectedIndex;                 int tag = 0;                 for (i = 1; i <= LEFT_BUTTON_COUNT; i++)                 {                   tag = i + step;                   if (tag > pageNumber - RIGHT_BUTTON_COUNT)                   {                     if (i <= LEFT_BUTTON_COUNT)                     {                       i = LEFT_BUTTON_COUNT + 1;                     }                     break;                   }         
  • @tag
  •                 }               }               else if (i <= LEFT_BUTTON_COUNT && selectedIndex@i               }               else if (i < LEFT_BUTTON_COUNT && selectedIndex>LEFT_BUTTON_COUNT)               {                 int step = selectedIndex / LEFT_BUTTON_COUNT;                 int tag = 0;         
  • @(step*LEFT_BUTTON_COUNT)
  •                 for (i = 1; i <= LEFT_BUTTON_COUNT; i++)                 {                   tag = i + step * LEFT_BUTTON_COUNT;                   if (tag > pageNumber - RIGHT_BUTTON_COUNT)                   {                     if (i <= LEFT_BUTTON_COUNT)                     {                       i = LEFT_BUTTON_COUNT + 1;                     }                     break;                   }         
  • @tag
  •                 }               }               //绘制按钮分隔符右侧按钮               if (i==BUTTON_COUNT-1)               {         
  • @(pageNumber-1)
  •               }               else if(i==BUTTON_COUNT)               {         
  • @pageNumber
  •               }               //绘制按钮分隔符               else if (i >= BUTTON_COUNT -RIGHT_BUTTON_COUNT)               {         
  • @BUTTON_SEPARATOR
  •               }             }         
  • 下一页
  •           }           else           {             for (int i = 1; i <= pageNumber; i++)             {         
  • @i
  •             }           }         }         
  • 末页
  •               
       }

    在前台页面中调用即可绘制分页按钮

    @PageHelper.CreatePaginateButton(246, 10, "/usermanager/attentionlist/")

    下面是几张分页按钮效果图:

    如何在ASP.NET MVC5中实现一个分页查询功能
    如何在ASP.NET MVC5中实现一个分页查询功能
    如何在ASP.NET MVC5中实现一个分页查询功能

    对应的HTML代码:

    如何在ASP.NET MVC5中实现一个分页查询功能


    关于如何在ASP.NET MVC5中实现一个分页查询功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


    新闻标题:如何在ASP.NETMVC5中实现一个分页查询功能-创新互联
    网页网址:http://kswjz.com/article/jjjii.html
    扫二维码与项目经理沟通

    我们在微信上24小时期待你的声音

    解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流