iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >MVC怎么使用MvcPager实现分页效果
  • 744
分享到

MVC怎么使用MvcPager实现分页效果

2023-06-29 17:06:50 744人浏览 薄情痞子
摘要

今天小编给大家分享一下mvc怎么使用MvcPager实现分页效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、数据库表U

今天小编给大家分享一下mvc怎么使用MvcPager实现分页效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

一、数据库

USE [StudentDB]Go SET ANSI_NULLS ONGO SET QUOTED_IDENTIFIER ONGO SET ANSI_PADDING ONGO CREATE TABLE [dbo].[UserInfo](    [customerID] [int] IDENTITY(1,1) NOT NULL,    [customerName] [varchar](50) NOT NULL,    [PID] [varchar](50) NOT NULL,    [telephone] [varchar](50) NOT NULL,    [address] [varchar](20) NULL,PRIMARY KEY CLUSTERED (    [customerID] ASC)WITH (PAD_INDEX  = OFF, STATISTICS_NORECOMPUTE  = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS  = ON) ON [PRIMARY], CONSTRaiNT [UQ_PID] UNIQUE NONCLUSTERED (    [PID] ASC)WITH (PAD_INDEX  = OFF, STATISTICS_NORECOMPUTE  = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS  = ON, ALLOW_PAGE_LOCKS  = ON) ON [PRIMARY]) ON [PRIMARY] GO SET ANSI_PADDING OFFGO ALTER TABLE [dbo].[UserInfo]  WITH CHECK ADD  CONSTRAINT [CK_PID] CHECK  ((len([PID])=(15) OR len([PID])=(18)))GO ALTER TABLE [dbo].[UserInfo] CHECK CONSTRAINT [CK_PID]GO ALTER TABLE [dbo].[UserInfo]  WITH CHECK ADD  CONSTRAINT [CK_telephone] CHECK  ((len([telephone])=(11)))GO ALTER TABLE [dbo].[UserInfo] CHECK CONSTRAINT [CK_telephone]GO

二、建立Linq

MVC怎么使用MvcPager实现分页效果

MVC怎么使用MvcPager实现分页效果

三、在Model创建UserInfo

using System;using System.Collections.Generic;using System.Linq;using System.WEB; namespace Web.Models{    public class UserInfo    {        private int customerID;         public int CustomerID        {            get { return customerID; }            set { customerID = value; }        }         private string customerName;         public string CustomerName        {            get { return customerName; }            set { customerName = value; }        }        private string pid;         public string Pid        {            get { return pid; }            set { pid = value; }        }        private string telephone;         public string Telephone        {            get { return telephone; }            set { telephone = value; }        }        private string address;         public string Address        {            get { return address; }            set { address = value; }        }    }}

四、在Controllers创建Home控制器

添加MvcPager.dll,并引用MvcPager的命名空间Webdiyer.WebControls.Mvc。

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;using Web.Models;using Webdiyer.WebControls.Mvc; namespace Web.Controllers{    public class HomeController : Controller    {        //          // GET: /Page/          //默认分页          private const int defaultPageSize = 5;         //          public ActionResult Index(int? id)        {            using (DBDataContext db = new DBDataContext())            {                IQueryable<UserInfo> p = from c in db.UserInfo                                         select new UserInfo { CustomerID = c.customerID, CustomerName = c.customerName, Telephone = c.telephone, Pid = c.PID, Address = c.address };                PagedList<UserInfo> m = p.ToPagedList(id ?? 1, defaultPageSize);                return View(m);            }        }       }}

五、添加视图Index

fo>>" %> <%@ Import Namespace="Web.Models" %><%@ Import Namespace="Webdiyer.WebControls.Mvc" %> <!DOCTYPE html> <html><head runat="server">    <meta name="viewport" content="width=device-width" />    <title>Index</title>    <%--样式表--%>    <link href="../../Content/Site.CSS" rel="stylesheet" type="text/css" />    <script src="../../Scripts/Jquery-1.8.2.min.js" type="text/javascript"></script></head><body>    <div class="divfloat">        <div id="divpages">            <table>                <tr>                    <th>编号                    </th>                    <th>姓名                    </th>                    <th>身份证号                    </th>                    <th>电话号码                    </th>                    <th>地址                    </th>                </tr>                <%foreach (UserInfo od in Model)                  {                %>                <tr>                    <td>                        <%=od.CustomerID.ToString() %>                    </td>                    <td>                        <%=od.CustomerName.ToString() %>                    </td>                    <td>                        <%=od.Pid.ToString() %>                    </td>                    <td>                        <%=od.Telephone.ToString() %>                    </td>                    <td>                        <%=od.Address.ToString() %>                    </td>                </tr>                <%                  } %>            </table>            new ajaxOptions() { UpdateTargetId = "divpages" })%>--%>            <%=Html.Pager(Model, new PagerOptions{    PageIndexParameterName = "id",    CssClass = "pages",    FirstPageText = "首页",    LastPageText = "末页",    PrevPageText = "上一页",    NextPageText = "下一页",    CurrentPagerItemWrapperFORMatString = "<span class=\"cpb\">{0}</span>",    ShowPageIndexBox = true,    NumericPagerItemWrapperFormatString = "<span class=\"item\">{0}</span>",    PageIndexBoxType = PageIndexBoxType.DropDownList,      ShowGoButton = false,PageIndexBoxWrapperFormatString=" 转到{0}",SeparatorHtml = "" })%>        </div>    </div></body></html>

以上就是“MVC怎么使用MvcPager实现分页效果”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网精选频道。

--结束END--

本文标题: MVC怎么使用MvcPager实现分页效果

本文链接: https://www.lsjlt.com/news/325786.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • MVC怎么使用MvcPager实现分页效果
    今天小编给大家分享一下MVC怎么使用MvcPager实现分页效果的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。一、数据库表U...
    99+
    2023-06-29
  • MVC使用MvcPager实现分页效果
    本文实例为大家分享了MVC使用MvcPager实现分页效果的具体代码,供大家参考,具体内容如下 一、数据库表 USE [StudentDB] GO   SET ANSI_NULLS...
    99+
    2024-04-02
  • ASP.NET MVC中怎么实现分页效果
    ASP.NET MVC中怎么实现分页效果,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。分页代码:PagerHelper.cs-->  ...
    99+
    2023-06-17
  • Java怎么使用Queryable-pageable实现分页效果
    这篇“Java怎么使用Queryable-pageable实现分页效果”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Java...
    99+
    2023-07-02
  • Java使用Queryable-pageable实现分页效果
    在维护老项目的时候需要对部分分页进行手动修改、方式是获取前端的分页参数 page以及rows、 new PageRequest对象把分页参数传进去、通过 ...
    99+
    2024-04-02
  • 如何使用Mybatis实现分页效果
    这篇文章主要介绍如何使用Mybatis实现分页效果,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!一、创建分页的工具类PageUti,存储分页所需要的五个数据:pageIndex(当前页码),pageSize(每页记录...
    99+
    2023-06-21
  • 使用Mybatis实现分页效果示例
    一、创建分页的工具类PageUti,存储分页所需要的五个数据:pageIndex(当前页码),pageSize(每页记录条数),count(总记录数),pageNum(总页数),li...
    99+
    2024-04-02
  • React实现分页效果
    本文实例为大家分享了React实现分页效果的具体代码,供大家参考,具体内容如下 首先确保已经安装了antd,axios jsx文件: import React, { useSt...
    99+
    2024-04-02
  • css怎么实现数字分页效果
    本篇内容介绍了“css怎么实现数字分页效果”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!相当数量的网站都使用数字分页效果,例如本站的分页也是...
    99+
    2023-06-08
  • node+express实现分页效果
    本文实例为大家分享了node+express实现分页效果展示的具体代码,供大家参考,具体内容如下 效果如下 1、 index.js 在index.js  //数据列表...
    99+
    2024-04-02
  • jQuery实现Table分页效果
    本文实例为大家分享了jQuery实现Table分页效果的具体代码,供大家参考,具体内容如下 CSS: <style> .pager { fon...
    99+
    2024-04-02
  • vue+Element实现分页效果
    本文实例为大家分享了vue+Element实现分页效果的具体代码,供大家参考,具体内容如下 一般样式都是card里面包含列表和分页 这里就直接上代码了 <el-card&g...
    99+
    2024-04-02
  • vue+elementUI实现分页效果
    本文实例为大家分享了vue+elementUI实现分页效果的具体代码,供大家参考,具体内容如下 页面中渲染的数据不是所有数据,是需要展示的数据,即当前页的数据,默认第一页的数据,这里...
    99+
    2024-04-02
  • Vue使用Element-UI实现分页效果全过程
    目录前言技术选项:Pagination增加分页代码初始化数据回调函数指定table分页查看效果总结前言 分页在展示数据列表的场景肯定是非常多的。 一般的项目开发中,数据量特别大,一般...
    99+
    2023-05-18
    element-ui实现分页 elementui分页查询 elementui 分页
  • 基于原生JS怎么实现分页效果
    这篇文章主要介绍“基于原生JS怎么实现分页效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“基于原生JS怎么实现分页效果”文章能帮助大家解决问题。实现之后的效果首先需要初始化该对象的一些基本属性,显...
    99+
    2023-06-30
  • 如何实现layui分页效果
    这篇文章主要介绍了如何实现layui分页效果,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。具体内容如下<!DOCTYPE h...
    99+
    2024-04-02
  • ajax如何实现分页效果
    这篇文章将为大家详细讲解有关ajax如何实现分页效果,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。ajax分页效果图:上干货:  $(function(){&n...
    99+
    2024-04-02
  • vue项目实现分页效果
    vue项目中实现分页效果,供大家参考,具体内容如下 1.这里我们使用element-ui来实现,先使用npm安装 npm i element-ui -S 2.在main.js中...
    99+
    2024-04-02
  • Android使用ViewPager实现翻页效果
    本文实例为大家分享了Android使用ViewPager实现翻页效果的具体代码,供大家参考,具体内容如下 效果如图所示: 代码实现: 1.布局代码:activity_view_pa...
    99+
    2024-04-02
  • 如何实现Ajax分页效果
    这篇文章给大家分享的是有关如何实现Ajax分页效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。首先创建前台页面MyAjaxPager.aspx 复制代码 代码如下:<%@...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作