ASP.NET Core MVC의 페이징

반응형

서버 측

페이지 매김은 웹 애플리케이션의 중요한 측면으로, 대규모 데이터 세트를 효율적으로 탐색할 수 있게 해줍니다. ASP.NET Core MVC에는 페이지 매김에 대한 두 가지 일반적인 접근 방식, 즉 클라이언트 측 페이징과 서버 측 페이징이 있습니다. 이 자습서에서는 페이지 번호가 서버에서 처리되는 서버측 페이징에 중점을 둡니다.

전제조건

시작하기 전에 ASP.NET Core MVC에 대한 기본적인 이해를 갖추고 프로젝트를 설정했는지 확인하세요.

서버측 페이징 구현

1단계: 모델 설정

데이터를 나타내는 모델이 있다고 가정하고 필요한 속성이 포함되어 있는지 확인하세요.

public class YourModel
{
    // Properties of your model
}

2단계: 컨트롤러 구현

컨트롤러에서 페이징 논리를 처리합니다. 페이지 번호와 페이지 크기를 기준으로 필요한 데이터를 검색합니다.

public IActionResult Index(int page = 1, int pageSize = 10)
{
    var allItems = _yourModel.GetAllItems(); // Retrieve all items from your model
    var model = allItems.Skip((page - 1) * pageSize).Take(pageSize).ToList();

    return View(model);
}

3단계: 구현 보기

뷰에서 데이터를 표시하고 페이지 매김 컨트롤을 구현합니다.

@{ 
    var pageCount = ( int )Math.Ceiling((double)_yourModel.GetAllItems().Count() / pageSize); 
} 

<div> 
    @for ( int i = 1 ; i <= pageCount; i++) 
    { 
        <a asp-action= "Index" asp-route-page= "@i" >@i< /a> 
    } 
</di v>

4단계: 테스트 및 디버그

애플리케이션을 실행하고 페이지 매김을 테스트합니다. 페이지 번호가 서버에서 올바르게 처리되는지 확인하고 표시된 데이터가 지정된 페이지 크기에 따라 페이지가 매겨졌는지 확인하십시오.

결론

서버 측 페이징은 ASP.NET Core MVC 애플리케이션에서 대규모 데이터 세트를 효율적으로 처리하는 강력한 기술입니다. 서버에서 페이지 번호를 처리함으로써 성능을 최적화하고 사용자를 향상시킬 수 있습니다…

반응형