快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

如何在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://6mz.cn/article/jjjii.html

    其他资讯