一、建立数据库以及建立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/

MVC中使用MVCPager简单分页的更多相关文章

  1. ASP.NET MVC中使用MvcPager异步分页+在分页中复选框下一页上一页也保持选中

    ASP.NET MVC 分页使用的是作者杨涛的MvcPager分页控件  地址:http://www.webdiyer.com/mvcpager/demos/ajaxpaging/ 这个分页控件在里面 ...

  2. FineUIMvc随笔（6）对比WebForms和MVC中表格的数据库分页

    声明:FineUIMvc(基础版)是免费软件,本系列文章适用于基础版. 通过对比WebForms和MVC中表格数据库分页代码的不同,可以对 MVC 中的数据流转有更加深入的了解. WebForms 中 ...

  3. asp.net mvc 中 一种简单的 URL 重写

    asp.net mvc 中 一种简单的 URL 重写 Intro 在项目中想增加一个公告的功能,但是又不想直接用默认带的那种路由,感觉好low逼,想弄成那种伪静态化的路由 (别问我为什么不直接静态化, ...

  4. MVC001之mvcpager简单分页

    描述:用mvcpager实现简单分页功能 参考网址: http://www.cnblogs.com/iamlilinfeng/archive/2013/03/11/2951460.html http: ...

  5. asp.net -mvc框架复习（5）-ASP.NET MVC中的视图简单使用

    1.视图分类 ASPX视图(现在讲解) Razor视图(后面讲解) ASPX 视图: 2.@page指令 作用:页面的声明 要求:必须放在第一行,常用指令属性如下: 3.服务器端内嵌语法 小脚本:在A ...

  6. 【MVC】使用MvcPager进行分页

    1.添加引用: mvcPager 版本高的提供的功能也更多. 注:下载了第一个,但是里面的一些字段是只读的.(eg:PagedList<T> .TotalItemCount)这是不符合的. ...

  7. MVC中验证码的简单使用

    首先新建一个MVC项目 添加类:验证码帮助类(ValidateCodeHelper) using System; using System.Collections.Generic; using Sys ...

  8. .net mvc中一种简单的工作流的设计

    开篇前的废话:工作流是我们在做互联网应用开发时经常需要用到的一种技术,复杂的工作流我们基本是借助一些开源的 工作流项目来做,比如 ccflow等,但是有时候,我们只需要实现一些简单的工作流流程,这时候 ...

  9. mvc中hangfire全局简单配置

    public void Configuration(IAppBuilder app)       {           ConfigureAuth(app);           //指定使用Sql ...

随机推荐

  1. ubuntu下，创建ruby环境时出现 checking for Magick-config... no

    解决:sudo apt-get install libmagickcore-dev libmagickwand-dev

  2. BZOJ1087=Codevs2451=洛谷P1896&P2326互不侵犯

    1087: [SCOI2005]互不侵犯King Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 2885  Solved: 1693[Submit][ ...

  3. JAVA程序员常用软件整理

    Java类软件:-------------------------------JDK7.0:http://pan.baidu.com/s/1jGFYvAYMyclipse8.5破解版:http://p ...

  4. 《CMake实践》笔记一：PROJECT/MESSAGE/ADD_EXECUTABLE【转】

    本文转载自:http://www.cnblogs.com/52php/p/5681745.html 前言: 开发了5,6年的时间,如果没有KDE4,也许不会有人或者Linux发行版本重视cmake,因 ...

  5. CodeForces-427D：Match & Catch （后缀自动机）

    Police headquarter is monitoring signal on different frequency levels. They have got two suspiciousl ...

  6. ModelAndView存取数Model、Map、ModelMap

    1.从名字上看ModelAndView中的Model代表模型,View代表视图,这个名字就很好地解释了该类的作用.(对应mvc配置,寻找模型,返回视图.) 2.业务处理器调用模型层处理完用户请求后,把 ...

  7. [Codeforces Round #461 (Div2)] 题解

    [比赛链接] http://codeforces.com/contest/922 [题解] Problem A. Cloning Toys          [算法] 当y = 0 ,   不可以 当 ...

  8. STM32F4 DMA2D_R2M

    图像处理的专门DMA 看一段示例代码 /** * @brief Displays a line. * @param Xpos: specifies the X position. * @param Y ...

  9. ChartCtrl源码剖析之——CChartGrid类

    CChartGrid类用来绘制波形区域中的表格,当绘制波形时波形就显示在这些表格上面.它处于该控件的区域,如下图所示: CChartGrid类的头文件. #if !defined(AFX_CHARTG ...

  10. MVC5 + EF6 简单示例(转载)

    原文地址:http://www.cnblogs.com/panchunting/p/creating-an-entity-framework-data-model-for-an-asp-net-mvc ...