首先创建控制器，添加两个试图，一个Index  一个List  这里我用的是mysql

Index.cshtml 代码 ：

@{

Layout = null;

}

Index

@Styles.Render("~/Content/CSS/Home")@*样式*@

@Scripts.Render("~/bundles/jquery")@*这里引用了Jquery*@

@Scripts.Render("~/Scripts/JS/Renkefen_Fenye")@*JS*@

List.cshtml 代码：

@using Person.Models

JS代码：

//页面加载

$(function () {

pager(Path.href, 1);

//搜索按钮点击事件

$("#searchButton").click(function () {

pager(Path.href, 1);

});

//跳转按钮点击事件

$("#sureButton").live('click', function () {

var pageIndex = $.trim($("#pageText").val());

var pageCount = $("#pageCountHidden").val();

var regNum = /^\d*$/;

if (parseInt(pageIndex) >= parseInt(pageCount)) {

//给隐藏字段赋值，存储要跳转的目标页面

$("#pageIndexHidden").val(pageCount);

pager(Path.href, pageCount);

return;

}

else if (parseInt(pageIndex) <= 1 || !regNum.test(pageIndex)) {

$("#pageIndexHidden").val('1');

pager(Path.href, 1);

return;

}

$("#pageIndexHidden").val(pageIndex);

pager(Path.href, pageIndex);

});

});

//变量

//path 路径实体

var Path = { "href": "/RenKeFenDemo/List" };

//下一页

//href:跳转的页面Controller/Action/参数

//pageindex:当前页码

//pagecount:页容量

function nextPager(href, pageindex, pagecount) {

if (pageindex > pagecount) {

pageindex = pagecount;

} else {

pageindex = pageindex + 1;

}

pager(href, pageindex);

}

//上一页

//href:跳转的页面Controller/Action/参数

//pageindex:当前页码

function upPager(href, pageindex) {

if (pageindex < 1) {

pageindex = 1;

} else {

pageindex = pageindex - 1;

}

pager(href, pageindex);

}

//通用分页click

//href:跳转的页面Controller/Action/参数

//pageindex:当前页码

function pager(href, pageindex) {

var userName = $("#userName").val();

g_loading();

$("#list").load(href, { "pageIndex": pageindex, "userName": userName }, function () {

$("#pageText").val($("#pageIndexHidden").val());

$("#pageIndexHidden").val('');

g_closeloading();

});

}

//打开等待

function g_loading() {

$(".loading").show();

}

//关闭等待

function g_closeloading() {

$(".loading").hide();

}

Controller：

public class RenKeFenDemoController : Controller

{

#region 变量区域

// GET: /RenKeFenDemo/

UserBLL userBll = new UserBLL();

#endregion

public ActionResult Index()

{

return View();

}

//返回显示列表

public ActionResult List(int pageIndex, string userName)

{

try

{

//页容量

var pageSize = 3;

//总页数

var pageCount = 0;

//调用查询并返回pageCount

var list = userBll.GetStudentPager(pageIndex, pageSize, userName, out pageCount);

//创建BuilderPager对象

var pager = new BuilderPager

{

PageIndex=pageIndex,

PageSize=pageSize,

PageCount=pageCount,

Path = "/RenKeFenDemo/List",

BiaoQian="a",

CommonClickName="pager",

XiaYiYeClickName = "nextPager",

ShangYiYeClickName = "upPager",

DangQianYeClassName = "page_curr"

};

//生产HTML页

pager.BuilderHTML();

//将当前页码和页容量传递到视图上显示

ViewBag.PagerHtml = pager.PagerHTML;

ViewBag.PageCount = pageCount;

ViewBag.PageIndex = pageIndex;

ViewBag.List = list;

return View();

}

catch

{

//记录日志

return RediectURL();

}

}

//跳转错误页面

private ActionResult RediectURL()

{

return View("~/Views/Shared/Error.cshtml");

}

}

mysql 存储过程 这里用的navicat

begin

declare _paidex int default 0;

declare _count int default 0;

set _paidex=(_pageIndex-1)*_pageSize;

if(_userName='') then

begin

select COUNT(id) into _count from student;

select student.`name`,student.age,student.`password` from student LIMIT _paidex,_pageSize;

end;

else

begin

select COUNT(id) into _count from student where student.`name` like CONCAT("%",_userName,"%");

select student.`name`,student.age,student.`password` from student where student.`name` like CONCAT("%",_userName,"%") limit _paidex,_pageSize;

end;

end if;

set _pageCount=CEILING(_count*1.0/_pageSize);

end