博客
关于我
ASP.NET MVC分页实现
阅读量:485 次
发布时间:2019-03-06

本文共 2691 字,大约阅读时间需要 8 分钟。

PageInfo类与基于POST的分页实现

作为一名开发人员,我在ASP.NET MVC项目中遇到了分页控件的不足之处,决定自己实现一个分页局部视图,并结合PageInfo类来满足需求。以下是详细的实现方案。

PageInfo类

为了实现分页功能,首先创建了一个PageInfo类,该类 encapsulates 分页的相关信息,包括记录总数、每页记录数、当前页码以及总页数等属性。以下是类的详细定义:

using System;using System.Collections.Generic;using System.Linq;using System.Web;

namespace ROIS.Models{public class PageInfo{private int _RecordCount = 0;private int _PageSize = 10;private int _CurrentPageNo = 1;

public int RecordCount    {        get { return _RecordCount; }        set         {            if (value > 0)            {                _RecordCount = value;            }        }    }    public int PageSize    {        get { return _PageSize; }        set         {            if (value > 0)            {                _PageSize = value;            }        }    }    public int CurrentPageNo    {        get { return _CurrentPageNo; }        set         {            if (value > 0)            {                if (value > this.PageCount)                {                    _CurrentPageNo = this.PageCount;                }                else                {                    _CurrentPageNo = value;                }            }        }    }    public int PageCount    {        get         {            if (this.RecordCount <= 0)            {                return 1;            }            return (this.RecordCount / this.PageSize) + (this.RecordCount % this.PageSize > 0 ? 1 : 0);        }    }    public PageInfo()    {    }    public PageInfo(int recordCount, int currentPageNo, int pageSize = 10)    {        this.RecordCount = recordCount;        this.PageSize = pageSize;        this.CurrentPageNo = currentPageNo;    }    public bool IsFirstPage()    {        return this.CurrentPageNo <= 1;    }    public bool IsLastPage()    {        return this.CurrentPageNo >= this.PageCount;    }}

}

《Pager》局部视图

为实现灵活的分页功能,开发了一个基于JavaScript的局部视图控制器《Pager》,可以在任意页面位置使用。该视图控制器支持分页操作,并与PageInfo类进行数据交互。以下是视图控制器的实现代码:

@using ROIS.Models@model PageInfo

@if (Model != null && Model.RecordCount > 0){

第@(Model.CurrentPageNo)页 / 共@(Model.PageCount)页@if (Model.IsFirstPage()){
|<首  页
<上一页}else{
|<首  页
<上一页}@if (Model.IsLastPage()){
下一页>
末  页>|}else{
下一页>
末  页>|}转到:

}

使用方法

在后台Controller的Action中进行如下操作:

string pageNo = Request.Form["_pageno"];int iPageNo = 1;int.TryParse(pageNo, out iPageNo);PageInfo pageInfo = new PageInfo(5000, iPageNo, 20);ViewBag.PageInfo = pageInfo;

在前台VIEW页面中,使用以下代码:

@using (Html.BeginForm()){// 数据列表HTML代码@Html.Partial("_Pager", ViewBag.PageInfo as ROIS.Models.PageInfo)}

通过以上方案,可以在任何页面任意位置实现灵活的分页功能。该方案基于POST分页方式,确保所有操作都在FORM中进行。如果需要基于URL的分页实现,可以在未来进行扩展。

转载地址:http://otwdz.baihongyu.com/

你可能感兴趣的文章
OpenCV与AI深度学习 | 基于YoloV8的药丸/片剂类型识别
查看>>
OpenCV与AI深度学习 | 基于YOLO和EasyOCR从视频中识别车牌
查看>>
OpenCV与AI深度学习 | 基于图像处理的火焰检测算法(颜色+边缘)
查看>>
OpenCV与AI深度学习 | 基于拉普拉斯金字塔实现图像融合(步骤 + 代码)
查看>>
OpenCV与AI深度学习 | 基于改进YOLOv8的景区行人检测算法
查看>>
OpenCV与AI深度学习 | 基于机器视觉的磁瓦表面缺陷检测方案
查看>>
OpenCV与AI深度学习 | 基于深度学习的轮胎缺陷检测系统
查看>>
OpenCV与AI深度学习 | 如何使用YOLO-World做目标检测
查看>>
OpenCV与AI深度学习 | 如何使用YOLOv9分割图像中的对象
查看>>
OpenCV与AI深度学习 | 如何使用YOLOv9检测图片和视频中的目标
查看>>
OpenCV与AI深度学习 | 如何在 Docker 容器中使用 GPU
查看>>
OpenCV与AI深度学习 | 实战 | OpenCV中更稳更快的找圆方法--EdgeDrawing使用演示(详细步骤 + 代码)
查看>>
OpenCV与AI深度学习 | 实战 | OpenCV传统方法实现密集圆形分割与计数(详细步骤 + 代码)
查看>>
OpenCV与AI深度学习 | 实战 | OpenCV实现扫描文本矫正应用与实现详解(附源码)
查看>>
OpenCV与AI深度学习 | 实战 | YOLO11自定义数据集训练实现缺陷检测 (标注+训练+预测 保姆级教程)
查看>>
OpenCV与AI深度学习 | 实战 | YOLOv10模型微调检测肾结石并提高准确率
查看>>
OpenCV与AI深度学习 | 实战 | 使用OpenCV和Streamlit搭建虚拟化妆应用程序(附源码)
查看>>
OpenCV与AI深度学习 | 实战 | 使用OpenCV确定对象的方向(附源码)
查看>>
OpenCV与AI深度学习 | 实战 | 使用YOLOv8 Pose实现瑜伽姿势识别
查看>>
OpenCV与AI深度学习 | 实战 | 使用YoloV8实例分割识别猪的姿态(含数据集)
查看>>