一、建立数据库以及建立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. 嵌入式开发之davinci---IPIPE、IPIPEIF and ISIF这三者有什么区别

    (1)缩写概念 (2)各自区别 (3)不同sensor 采集接口 (4)采集后的数据链路link (5)8127 中的iss和ipipe的区别 (1)缩写概念 http://www.ti.com.cn ...

  2. PyTorch 高级实战教程：基于 BI-LSTM CRF 实现命名实体识别和中文分词

    前言:译者实测 PyTorch 代码非常简洁易懂,只需要将中文分词的数据集预处理成作者提到的格式,即可很快的就迁移了这个代码到中文分词中,相关的代码后续将会分享. 具体的数据格式,这种方式并不适合处理 ...

  3. C控制台密码输入：输入一个字符显示一个星号

    要在c控制台中输入一个字符显示一个星号, 则不能用"stdio.h'提供的库函数,因为它们都是带回显的,比如getchar() getchar()用来接收输入的字符串,输入一个字符就回显一个 ...

  4. Chapter 20: Diagnostics

    WHAT'S IN THIS CHAPTER?n Code contractsn Tracingn Event loggingn Performance monitoringWROX.COM CODE ...

  5. [MAC] Load Crypto.Cipher.ARC4 Failed, Use Pure Python Instead.

    MAC启动GoAgent,出现Load Crypto.Cipher.ARC4 Failed, Use Pure Python Instead. 解决方法:为Python安装pycrypto,可通过Py ...

  6. HTML5、javascript写的craps游戏

    1. [代码][HTML]代码   <!DOCTYPE HTML><html><head><meta charset="utf-8"> ...

  7. BZOJ_5369_[Pkusc2018]最大前缀和_状压DP

    BZOJ_5369_[Pkusc2018]最大前缀和_状压DP Description 小C是一个算法竞赛爱好者,有一天小C遇到了一个非常难的问题:求一个序列的最大子段和. 但是小C并不会做这个题,于 ...

  8. bzoj2743 [HEOI2012]采花——树状数组+离线

    题目:https://www.lydsy.com/JudgeOnline/problem.php?id=2743 和 HH的项链 那道题很像,也是类似的做法: 但不同的是这里的点只有有前驱时才起作用: ...

  9. 分析函数Ratio_to_report使用

    分析函数Ratio_to_report( ) over()使用说明 表中需要计算单项占比:比如单项在部门占比多少,单项在公司占比多少.特别是在财务单项计算,部门个人薪水计算上. Ratio_to_re ...

  10. hash学习

    hash真奇妙 1.子串hash:如果我们要求一段子串的hash值,设h[i]:1-i的hash值,h[l-r]=h[r]-h[l-1]*pw[r-l+1],无论是模意义下还是自然溢出都是可以的 2. ...