一、建立数据库以及建立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. Real-Time Compressive Tracking 论文笔记

    总体思想 1 利用符合压缩感知RIP条件的随机感知矩阵对多尺度图像进行降维 2 然后对降维的特征採用简单的朴素贝叶斯进行分类 算法主要流程 1 在t帧的时候,我们採样得到若干张目标(正样本)和背景(负 ...

  2. spring依赖注入（反转控制）

    SPRING依赖注入机制(反转控制)解析 Spring能有效地组织J2EE应用各层的对象.不管是控制层的Action对象,还是业务层的 Service对象,还是持久层的DAO对象,都可在Spring的 ...

  3. Struts2逻辑视图与视图资源

  4. 二:网络--GET请求和POST请求

    一.GET请求和POST请求简单说明 GET - 从指定的服务器中获取数据 POST - 提交数据给指定的服务器处理 GET方法: 使用GET方法时,查询字符串(键值对)被附加在URL地址后面一起发送 ...

  5. 杂项-Java-百科：jar

    ylbtech-杂项-Java-百科:jar 在软件领域,JAR文件(Java归档,英语:Java ARchive)是一种软件包文件格式,通常用于聚合大量的Java类文件.相关的元数据和资源(文本.图 ...

  6. Asp.net MVC 中Code First 迁移使用

    如果模型类(数据库上下文类Context和POCO类)发生改变,与数据库中的结构不一致,系统默认会抛出一个异常.可以考虑使用代码优先迁移. 代码优先迁移执行UpSert数据库操作,它在每一次更新数据库 ...

  7. C语言的随机发牌程序（红桃、黑桃、梅花、方块）

    做一个随机发牌的C语言程序,供大家学习,思考. 未做任何注释,有测试时候留下的一些输出语句,一遍方便测试. /* author:nunu qq:398269786 */ #include<std ...

  8. Gym 100962J Jimi Hendrix (树形DP)

    题意:给定一棵树,然后每条边有一个字母,然后给定一行字符串,问你能不能从这棵树上找到,并输出两个端点. 析:树形DP,先进行递归到叶子结点,然后再回溯,在回溯的时候要四个值,一个是正着匹配的长度和端点 ...

  9. USACO Training3.3 A Game【区间Dp】 By cellur925

    题目传送门 一股浓浓的博弈论香气...然而本蒟并不会博弈论. 开始用双端队列+假的dp水过了24pts水数据. 其实是布星的,两人都绝顶聪明会深谋远虑不像我只看眼前,所以上述算法错误. 正解:区间dp ...

  10. jQuery笔记之Easing Plugin

    jQuery easing 使用方法首先,项目中如果需要使用特殊的动画效果,则需要在引入jQuery之后引入jquery.easing.1.3.js<script type="text ...