使用X.PagedList.Mvcページ（ASP.NETコア3.1）

直接乾燥品について

まずNugetパッケージは、参照を追加しますX.PagedList.Mvc.Core

コントローラ：

使用してシステムを。
使用してSystem.Collections.Genericを。
使用してSystem.Linqのを。
使用してSystem.Threading.Tasksを。
使用してDw.BLL.Articleを。
使用してDw.Models.Articleを。
使用してDw.Models.Otherを。
使用してMicrosoft.AspNetCore.Mvcを。
使用してX.PagedListを。

名前空間Dw.Histolab.Controllers 
{ 
    パブリック クラスArticleControllerは：コントローラー
    { 
        プライベート Article_CategoryBLL article_CategoryBLL = 新しいArticle_CategoryBLL（）;
        プライベート Article_ContentBLL article_ContentBLL = 新しいですArticle_ContentBLL（）; 

        #regionの製品リスト
         ///  <要約> 
        /// 製品
         ///  </要約> 
        ///  ます。<param name = "keyValueの"> カテゴリープライマリキー</ param>の
        ///  の<paramの名前= "ページ"> ページのいくつかの</ param>の
        ///  <PARAM NAME = "pageSizeを"> ページの記録あたり</ param>の
        ///  <戻り値> </戻り値> 
        公共 IActionResult ProductList（文字列 keyValueの、int型のページ= 1、INTのpageSize = 12 ）
        { 
            VAR articleCategory =article_CategoryBLL.GetEntity（keyValueの）。
            ViewBag.CategoryName = articleCategory.Name。
            ViewBag.CategoryId = articleCategory.CategoryId。
            VAR articleContentList = article_ContentBLL.GetList（keyValueの）。
            リターンビュー（articleContentList.ToPagedList（ページ、pageSizeを））; 
        } 
        #endregion 

    } 
}

表示ページ

@model X.PagedList.IPagedList < Dwの.Models.Article.Article_Content > 
@using X.PagedList.Mvc.Core。
{@ 
    ViewDataを[ "タイトル"] = "产品中心列表"。
} 
< リンクのhref = "〜/ CSS / PagedList.css" REL = "スタイルシート"  /> 
< DIV ID = "contentWrapper" > 
    < DIV ID = "contentWrap" > 
        < DIV ID = "コンテンツ" > 
            < DIV ID =」 prdBrand」> 
                <</ DIV > 
                < DIV クラス= "項目ラップ" > 
                    < DIV クラス= "項目-CONT" > 
                        @foreach（モデルにおけるVARアイテム）
                        { 

                            < DL クラス= "項目リスト" > 
                                < DIV クラス= "アイテム-アイコン」> 
                                    < スパンクラス= 'MK-製品のアイコン' > 
                                        < IMG SRC = '〜/画像/ 2903.jpg' クラス= 'MK-製品-アイコン-2' > 
                                    </ スパン>
                                </ DIV > 
                                <DT クラス= "親指" > 
                                    < A HREF = "shopdetail.html" > 
                                        < IMGのクラス= "MS_prod_img_m" SRC = "@ item.PictureUrl" ALT = "@ item.Title" タイトル= "@ item.Title" > 
                                    < / A > 
                                </ DT > 
                                < DD > 
                                    < UL > 
                                        < 李クラス= "PRD-名" > @ item.Title </ 李> 
                                        < 李クラス=」PRD-サブネーム」 > @ item.Summary </李> 
                                    </ UL > 
                                </ DD > 
                            </ DL > 

                        } 
                    </ divの> 
                    < divのスタイル= "テキスト-ALIGN =左：センター" > 
                        パー@ Model.PageSizeレコードは、ページがModel.Count @持っている記録します総@ Model.TotalItemCountレコード。最初の@（Model.PageCount < モデル.PageNumber 0 :? Model.PageNumber）Model.PageCountページ@のページ。             
                        Html.PagedListPager @（モデル、ページ= > Url.Action（ "ProductList"、新新しい{ページ、keyValueに= ViewBag.CategoryId}））
                     </ DIV >
                DIV > 
            </ DIV > 
        </ DIV > 
        < 時間> 
    </ DIV > 
</ DIV >

使用X.PagedList.Mvcページ（ASP.NETコア3.1）

おすすめ