扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 后端开发 > ASP.NET >MVC使用MvcPager实现分页效果
  • 127

0
分享到

MVC使用MvcPager实现分页效果

2024-04-02 19:04:59 127人浏览 薄情痞子
摘要

本文实例为大家分享了mvc使用MvcPager实现分页效果的具体代码，供大家参考，具体内容如下 一、数据库表 USE [StudentDB] Go   SET ANSI_NULLS

本文实例为大家分享了mvc使用MvcPager实现分页效果的具体代码，供大家参考，具体内容如下

一、数据库表

USE [StudentDB]
Go
 

SET ANSI_NULLS ON
GO
 
SET QUOTED_IDENTIFIER ON
GO
 
SET ANSI_PADDING ON
GO
 
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 OFF
GO
 
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

三、在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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程网。

--结束END--

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

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

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

猜你喜欢
  • MVC使用MvcPager实现分页效果
    本文实例为大家分享了MVC使用MvcPager实现分页效果的具体代码，供大家参考，具体内容如下 一、数据库表 USE [StudentDB] GO   SET ANSI_NULLS...
    99+
    2024-04-02
  • MVC怎么使用MvcPager实现分页效果
    今天小编给大家分享一下MVC怎么使用MvcPager实现分页效果的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。一、数据库表U...
    99+
    2023-06-29
  • ASP.NET MVC中怎么实现分页效果
    ASP.NET MVC中怎么实现分页效果，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。分页代码：PagerHelper.cs-->  ...
    99+
    2023-06-17
  • 如何使用Mybatis实现分页效果
    这篇文章主要介绍如何使用Mybatis实现分页效果，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！一、创建分页的工具类PageUti，存储分页所需要的五个数据：pageIndex（当前页码），pageSize（每页记录...
    99+
    2023-06-21
  • Java使用Queryable-pageable实现分页效果
    在维护老项目的时候需要对部分分页进行手动修改、方式是获取前端的分页参数 page以及rows、 new PageRequest对象把分页参数传进去、通过 ...
    99+
    2024-04-02
  • 使用Mybatis实现分页效果示例
    一、创建分页的工具类PageUti，存储分页所需要的五个数据：pageIndex（当前页码），pageSize（每页记录条数），count（总记录数），pageNum（总页数），li...
    99+
    2024-04-02
  • React实现分页效果
    本文实例为大家分享了React实现分页效果的具体代码，供大家参考，具体内容如下 首先确保已经安装了antd,axios jsx文件: import React, { useSt...
    99+
    2024-04-02
  • Java怎么使用Queryable-pageable实现分页效果
    这篇“Java怎么使用Queryable-pageable实现分页效果”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Java...
    99+
    2023-07-02
  • node+express实现分页效果
    本文实例为大家分享了node+express实现分页效果展示的具体代码，供大家参考，具体内容如下 效果如下 1、 index.js 在index.js  //数据列表...
    99+
    2024-04-02
  • vue+Element实现分页效果
    本文实例为大家分享了vue+Element实现分页效果的具体代码，供大家参考，具体内容如下 一般样式都是card里面包含列表和分页 这里就直接上代码了 <el-card&g...
    99+
    2024-04-02
  • jQuery实现Table分页效果
    本文实例为大家分享了jQuery实现Table分页效果的具体代码，供大家参考，具体内容如下 CSS： <style> .pager { fon...
    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 分页
  • Android使用ViewPager实现翻页效果
    本文实例为大家分享了Android使用ViewPager实现翻页效果的具体代码，供大家参考，具体内容如下 效果如图所示： 代码实现： 1.布局代码：activity_view_pa...
    99+
    2024-04-02
  • ajax如何实现分页效果
    这篇文章将为大家详细讲解有关ajax如何实现分页效果，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。ajax分页效果图：上干货：  $(function(){&n...
    99+
    2024-04-02
  • 如何实现layui分页效果
    这篇文章主要介绍了如何实现layui分页效果，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。具体内容如下<!DOCTYPE h...
    99+
    2024-04-02
  • 小程序实现分页效果
    本文实例为大家分享了小程序实现分页效果展示的具体代码，供大家参考，具体内容如下 <view class="pages_box"> <view bindta...
    99+
    2024-04-02
  • JS实现前端分页效果
    本文实例为大家分享了JS实现前端分页效果的具体代码，供大家参考，具体内容如下 一、HTML部分 <!doctype html> <html> <he...
    99+
    2024-04-02
  • vue项目实现分页效果
    vue项目中实现分页效果，供大家参考，具体内容如下 1.这里我们使用element-ui来实现，先使用npm安装 npm i element-ui -S 2.在main.js中...
    99+
    2024-04-02
  • 如何实现Ajax分页效果
    这篇文章给大家分享的是有关如何实现Ajax分页效果的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。首先创建前台页面MyAjaxPager.aspx 复制代码 代码如下:<%@...
    99+
    2024-04-02
软考高级职称资格查询
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作