MVC中使用MVCPager简单分页

最新推荐文章于 2022-04-07 09:45:18 发布
最新推荐文章于 2022-04-07 09:45:18 发布
阅读量123 收藏
点赞数
文章标签： 测试 数据库
原文链接：http://www.cnblogs.com/luoyangcn/p/3820001.html
版权

一、建立数据库以及建立MVC项目

自己随便建立一个数据库，并且添加数据。我建立的数据库如下。

 

二、建立LINQ to SQL映射。

然后一步步点确定

三、编写代码

 在Controllers中建立控制器，模板为空。建立的项目如下：

要添加视图Index

在Controller中选中Index 并且添加视图， 模板选中List, 如下

注意后台要添加对MvcPager的程序集引用，后台代码如下：

  using Webdiyer.WebControls.Mvc;

 public class StudentController : Controller
    {
        //
        // GET: /Student/

        public ActionResult Index(int id=1)
        {
           Models.StudentEntityDataContext student= new Models.StudentEntityDataContext();
           IQueryable<Models.S> p = from c in student.S
                                    select c;
           PagedList<Models.S> m = p.ToPagedList(id,10);
            return View(m);
        }
    }

　　

前台代码如下：

@model PagedList<MvcApplication1.Models.S>

@{
    Layout = null;
}
@using Webdiyer.WebControls.Mvc;  //添加对程序集的引用
<!DOCTYPE html>

<html>
<head>
    <title>Index</title>
// 控制分页的CSS样式
    <style type="text/css">
        table, td
        {
            font: 100% Arial, Helvetica, sans-serif;
        }
        table
        {
            width: 100%;
            border-collapse: collapse;
            margin: 1em 0;
        }
        th, td
        {
            text-align: left;
            padding: .5em;
            border: 1px solid #fff;
        }
        th
        {
            background: #328aa4;
            color: #fff;
        }
        td
        {
            background: #e5f1f4;
        }
        
        /*div布局*/
        .div float
        {
            float: left;
            width: 50%;
        }
        #div pages
        {
            height: 300px;
        }
        /*分页工具栏样式*/
        .pages
        {
            color: #045FB4;
            font-weight: bold;
            font-size: 14px;
        }
        
        .pages .item
        {
            padding: 1px 6px;
            font-size: 14px;
        }
        /*号码页数*/
        
        .pages .cpb
        {
            color: #045FB4;
            padding: 1px 6px;
            font-size: 13px;
        }
        /*当前页数*/
        
        .pages a
        {
            text-decoration: none;
            padding: 0 5px;
            border: 1px solid #BDBDBD;
            margin: 0 2px;
            color: #000;
            font-weight: normal;
        }
        
        .pages a:hover
        {
            background-color: #0174DF;
            color: #fff;
            border: 1px solid #0174DF;
            text-decoration: none;
            font-weight: normal;
        }
        </style>
</head>
<body>
    <p>
        @Html.ActionLink("Create New", "Create")
    </p>
    <table>
        <tr>
            <th>
                学号
            </th>
            <th>
                姓名
            </th>
            <th>
                 性别
            </th>
            <th>
                准考证
            </th>
            <th>
                专业
            </th>
            <th>
                院系
            </th>
            <th>
                考场
            </th>
            <th>
                座位
            </th>
            <th>
                编排校区
            </th>
            <th>
                语言级别
            </th>
            <th>
                年级
            </th>
            <th></th>
        </tr>
    
    @foreach (var item in Model) {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.学号)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.姓名)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.性别)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.准考证)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.专业)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.院系)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.考场)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.座位)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.编排校区)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.语言级别)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.年级)
            </td>
            <td>
                @Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
                @Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
                @Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
            </td>
        </tr>
    }
    
    </table>
  
//这里是分页的控制
  <div>
 @Html.AjaxPager(Model, new PagerOptions() { CssClass = "pages", PageIndexParameterName = "id", 
    ShowPageIndexBox = true, PageIndexBoxType = PageIndexBoxType.TextBox, ShowGoButton = true,
    PageIndexBoxWrapperFormatString="转到{0}"}, new AjaxOptions() { UpdateTargetId = "dvOrders" })

    </div>
   
</body>
</html>

　　四、最终分页效果

 代码下载地址： http://download.csdn.net/detail/luoyangwyb/7581651

 

MvcPager官方下载网址：http://mvcpager.codeplex.com/releases/view/47201

Demo的示例网址：http://en.webdiyer.com/

转载于:https://www.cnblogs.com/luoyangcn/p/3820001.html

weixin_30820151
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
MVC3使用MvcPager实现简单分页功能
u010963993的博客
04-19 4940
使用MvcPager分页，操作简单，更多内容参考MvcPager(http://www.webdiyer.com/)，下面实现简单的分页。 一、新建Mvc3空项目MvcPagerDemo。 二、创建PersonModel，姓名和年龄两个属性，代码如下。 using System; using System.Collections.Generic; using System.Linq; usi
MVC和分页
java编程学习_java基础教程_booyzhang的博客
05-28 247
MVC模式简介 MVC模式并不是javaweb项目中独有的，MVC是一种软件工程中的一种设计模式，把软件系统分为三个基本部分：模型（Model）、视图（View）和控制器（Controller），即为MVC。它是一种软件设计的典范，最早为Trygve Reenskaug提出，为施乐帕罗奥多研究中心（Xerox PARC）的Smalltalk语言发明的一种软件设计模式。 MVC三层模式 虽然MVC并不是Java当中独有的，但是现在几乎所有的B/S的架构都采用了MVC框架模式。 控制器Controller： 控
一起谈.NET技术，详解ASP.NET MVC数据分页
weixin_34418883的博客
08-29 137
ASP.NET MVC框架已经进入2.0时代，本文将从ASP.NET MVC数据分页谈起，希望能对大家有所帮助。 在网页上进行表格资料或其他显示资料的分页是一种十分常见的需求，以前我们有 GridView 或 DataPager 可以帮我们自动分页，虽然到了 ASP.NET MVC 一切全部重头来过，但我们也不用真的那麽辛苦的自己实做分页，因为早就有人帮我们写好程式并开放原始码分享给这个世界了。 ...
MVC使用MvcPager进行分页
热门推荐
樱花的博客
07-27 2万+
一、数据库表 USE [StudentDB] GO /****** Object: Table [dbo].[UserInfo] Script Date: 07/27/2018 13:59:03 ******/ SET ANSI_NULLS ON GO SET QUOTED_IDENTIFIER ON GO SET ANSI_PADDING ON GO CREATE TABLE...
教你如何使用MvcPager实现分页效果
Free雅轩的博客
04-07 324
这篇文章主要为大家详细介绍了MVC使用MvcPager实现分页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下 本文实例为大家分享了MVC使用MvcPager实现分页效果的具体代码，供大家参考，具体内容如下 一、数据库表 USE [StudentDB] GO /****** Object: Table [dbo].[UserInfo] Script Date: 07/27/2018 13:59:03 ******/ SET ANSI_NULLS ON
MVC分页之MvcPager使用详解
10-21
MvcPager 提供了丰富的定制选项和简洁的API，使得在 MVC 应用中实现分页变得简单。 首先，我们来看同步分页。同步分页是指用户每次点击页码时，页面会刷新并加载新的分页数据。在示例中，`AjaxPaging` 方法处理同步...
MVC3 使用mvcpager数据分页
07-15
接下来，在视图（View）中使用MvcPager。在Razor语法中，可以在一个`@Html.Pager()`辅助方法中传入一些参数来配置分页。例如： ```razor @model IPagedList @Html.Pager(Model, new AjaxPagerOptions { Action = ...
MvcPager分页示例MVC2.0源码.zip
06-18
在MvcPager分页示例MVC2.0源码中，我们可以深入理解如何在ASP.NET MVC 2.0项目中集成和使用MvcPager控件。 首先，MvcPager的核心优势在于其轻量级和高度可定制化。它不需要依赖任何其他库，只依赖于ASP.NET MVC框架...
mvc分页，MVCPAGER,asp.net
07-23
在本文中，我们将深入探讨如何在ASP.NET MVC中使用MVCPAGER以及与SQL Server数据库的集成。 首先，让我们了解什么是ASP.NET MVC。ASP.NET MVC（Model-View-Controller）是一种用于构建可维护和测试的Web应用程序的...
.net mvc 分页，pagedlist,mvcpager
我说我长的不帅，她们说我说谎，还打我。
01-22 1864
1.nuget.org 引用 “pagedlist.mvc.dll“1.1 打开”程序包管理器控制器“,输入：install-package pagedlist.mvc2.nuget.org 引用文件 ”MvcPager.dll“2.1打开”程序包管理器控制器“,输入：install-package pagedlist.mvc3.每页显示多少条数据3.1 在配置文件中 appSettings配置 2mvc 分页
mvc中如何使用MvcPager控件分页
weixin_34029949的博客
01-28 82
参考网址：http://www.webdiyer.com/mvcpager/demo/datarows/#src http://www.cnblogs.com/hbzzws/articles/2804727.html 第一步:下载MvcpPager的对应版本的dll，引用到项目 下载地址:http://download.csdn.net/detail/z75...
mvc4 html.pager,MVC分页之MvcPager使用详解
weixin_35212109的博客
06-10 196
最近刚刚接触MVC不久，因项目中要用到分页，网上找了下资料，最后采用了MvcPager(http://www.webdiyer.com/),支持同步和Ajax异步分页。废话不多说了直接上代码。一.MvcPager异步ViewModel:public class Article{[Display(Name = "信息编号")]public int ID { get; set; }[Display(...
MVCpager的PagerOptions类
anchui0906的博客
12-06 130
欢迎访问叶落无声的小站 表示包含MvcPager分页控件相关选项和设置的对象。 公共属性： AlwaysShowFirstLastPageNumber：获取或设置一个值，该值指示是否总是显示第一页和最后一页数字页索引分页导航元素。 语法（C#）：public bool AlwaysShowFirstLastPageNumber{get;set;} 属性值：System.B...
MVC入门教程八[MvcPager分页控件的使用]
流年轻逝
03-20 1556
本文目标 一、能够使用MvcPager进行分页 本文目录 一、MvcPager控件的简单使用 二、C#扩展方法 一、MvcPager控件的简单使用 1、添加MvcPager.dll的引用[下载] 2、Control中的方法 1 //获取列表 2 public ActionResult List(int? id = 1) 3
MvcPager使用的Demo（同步分页）
weixin_30300225的博客
11-29 85
最近接触了一下MvcPager,昂。。。来做个笔记吧 其实，我喜欢前后端分离，分页这种东西前端负责的地方，后端不用顾问，这里的MvcPager有点让我想起服务器控件，毕竟用到了HtmlHelper。 但是挺方便的。。以前我们写分页，后端会封装一Page<T>类，现在我们可以用MvcPager给我们提供好的PageList<T>，功能有点类似，不过MvcPager的功能要...
【MVC】MvcPager分页及边界传递数据示例
diehe5608的博客
06-10 136
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; using MvcTest.Models; using Webdiyer.WebControls.Mvc; namespace MvcTest.Controllers...
PagedList在mvc中实现分页
最新发布
05-17
注意：如果你使用Bootstrap样式，可以使用PagedList.Mvc提供的Bootstrap分页样式，在View中添加以下代码： ``` @using PagedList.Mvc @using PagedList @model IPagedList @Html.PagedListPager(Model, page => ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值