首页 > 编程语言 >asp.net core Razor Page 分页

asp.net core Razor Page 分页

时间:2022-09-22 18:12:15浏览次数:77  
标签:core asp Razor get int item set RakutenGoodsRankingList public

1.使用Nuget下载LazZiya.TagHelpers

2._ViewImports.cshtml中添加

@addTagHelper *, LazZiya.TagHelpers

3.前台页面使用

 <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>
                            商品名
                        </th>
                        <th>
                            价格
                        </th>
                    </tr>
                </thead>
                <tbody>
                    @foreach (var item in Model.RakutenGoodsRankingList)
                    {
                        <tr>
                            <td>  @item.GoodsName</td>
                            <td>  @item.GoodsPrice</td>
                        </tr>
                    }
                </tbody>
                <tfoot>
                </tfoot>
            </table>
            <nav>
                <paging class="pagination" page-no="Model.PageNo"
                        page-size="Model.PageSize"
                        total-records="Model.TotalRecords"
                        render-mode="Bootstrap5">
                </paging>
            </nav>
render-mode的参数说明:
  Classic :regular dropdown list
  Bootstrap :HTML5 div with Bootstrap 4 support
  FormControl :Render as form control
  Bootstrap5 :HTML5 div with Bootstrap 5 support
注意,
1.官方提供的参数不是很全,可能很久没更新了。
2.部分参数如果不清楚属性的话,可以自行看源码。
例如render-mode,在源码中,其实是需要搜索rendermode关键词,也就是去掉横线的词。

4.后台页面使用

    public List<RakutenGoodsRanking> RakutenGoodsRankingList { get; set; }   
    public int PageNo { get; set; }
        public int PageSize { get; set; }
        public int TotalRecords { get; set; }
    public void OnGet(int p = 1, int s = 3)
        { 
            RakutenGoodsRankingList = _memberTrackManageContext.RakutenGoodsRankings.Where(r => r.DataTypeName == "CD").OrderByDescending(r => r.DeliveryDate).Skip((p - 1) * s).Take(s).ToList();
           
            PageSize = s;
            TotalRecords = _memberTrackManageContext.RakutenGoodsRankings.Where(r => r.DataTypeName == "CD").Count();
            PageNo = p;
        }

5.效果如图

 

标签:core,asp,Razor,get,int,item,set,RakutenGoodsRankingList,public
From: https://www.cnblogs.com/shihao316558512/p/16720327.html

相关文章

  • .NET Core项目使用Quartz实现简单的调度任务
    创建一个.NETCore3.1控制台应用程序。引入项目所需的依赖:dotnetaddpackageUnitydotnetaddpackageQuartzdotnetaddpackageMicrosoft.EntityFrameworkCore3......
  • 一套.NET Core +WebAPI+Vue前后端分离权限框架
    今天给大家推荐一个基于.NetCore开发的企业级的前后端分离权限框架。项目简介这是基于.NetCore开发的、构建的简单、跨平台、前后端分离的框架。此项目代码清晰、层......
  • asp.net超大文件上传和断点续传的实现
    ​以ASP.NETCoreWebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API,包括文件的上传和下载。 准备文件上传的API #region 文件上传 ......
  • Razor客户端调用API
    在appsetting.json中配置基础连接Url"backendUrl":"https://localhost:5901"封装客户端访问类usingSystem.Net.Http;usingSystem.Text.Json;usingSy......
  • Asp.Net Core鉴权授权:JWT基本使用
    实现用户登录功能的经典做法是用Session,但是在前后端分离、分布式环境下已经不适应了,而现在我们倾向于采用JWT代替Session实现登录。JWT全称是JSONwebtoken,它是使用JSON......
  • Asp.Net Core鉴权授权:标识框架identity
    在一个系统中,不是所有功能都能被自由地访问的,比如有的功能需要注册用户才能访问,有的功能需要VIP用户才能访问。针对资源的访问限制有两个概念:Authentication与Authorizatio......
  • Linux(Debian) 配置netcore环境
    一、准备工作    ①、开启粘贴板#进入defaults.vim【未安装vim,按需安装】linaro@linaro-alip:~$sudovi/usr/share/vim/vim81/defaults.vim#将setmouse=......
  • EF Core Database Migration
    1.准备工作1.1创建项目(以下使用.NETCore3.1)1.1创建项目ASP.NETCoreWebAPI,命名为WebApi1.2新建项目.NETCore的类库,命名为Core1.3新建项目.NETCore的类库,......
  • .Net Aspose.Words 生成Word文档
    .NetAspose.Words生成Word文档在开发WinForm项目中,有一需求要生成Word文档,百度学习,记录一下实现方法NuGet包,找到 Aspose.Words安装21.8.0或以下 版本,否则高版本即......
  • .NET 6 EFCore WebApi 使用 JMeter 进行吞吐量测试
    .NET6EFCoreWebApi使用JMeter进行吞吐量测试开发环境VS2022.NET6测试环境测试工具接口压力测试工具:JMeter数据库MySQL5.7数据库和WebApi服务在同一台服务......