使用bootstrap分页插件,如下代码是html代码

分页

编号标题用户

$(function () {

var str = "";

var carId = 1;

$.ajax({

url: "page.ashx",

data:{id:carId},

dataType: 'json',

type: 'post',

success: function (data) {

if (data != null) {

for (var i = 0; i < data.dt.length; i++) {

str += "

" + data.dt[i]["New_Id"] + "" + data.dt[i]["New_Title"] + "" + data.dt[i]["New_UserId"] + "";

}

var pageCount = data.pageCount; //取到pageCount的值(把返回数据转成object类型)

var currentPage = data.CurrentPage; //得到urrentPage

var element = $("#bp-3-element-test");

var options = {

bootstrapMajorVersion: 3,

currentPage: currentPage,

totalPages: pageCount,

numberOfPages: 5,

itemTexts: function (type, page, current) {

switch (type) {

case "first":

return "首页";

case "prev":

return "上一页";

case "next":

return "下一页";

case "last":

return "末页";

case "page":

return page;

}

}, onPageClicked: function (event, originalEvent, type, page) {

var str1 = "";

$("#tbody").html("");

$.ajax({

url: "page.ashx",

data: { id: page },

type: 'post',

success: function (data1) {

//console.log(data1);

if (data1 != null) {

var jsonobj = eval('(' + data1 + ')'); //将json字符串转换成json数组

console.log(jsonobj.dt[0]["New_Id"]);

for (var i = 0; i < jsonobj.dt.length; i++) {

str1 += "

" + jsonobj.dt[i]["New_Id"] + "" + jsonobj.dt[i]["New_Title"] + "" + jsonobj.dt[i]["New_UserId"] + "";

}

console.log(str1);

$("#tbody").html(str1);

}

}

})

}

}

element.bootstrapPaginator(options);

}

$("#tbody").html(str);

}

})

})

一般处理程序

context.Response.ContentType = "text/plain";

int id =Convert.ToInt32(context.Request["id"]);

const int pageSize = 5;

string sql = "select count(*) from news";

int rowCount =(int)SQLHelper.ExecuteSclar(sql);

if (rowCount % pageSize != 0)

{

rowCount = rowCount / pageSize + 1;

}

else

{

rowCount = rowCount / pageSize;

}

DataTable dt = GetListByPageByWhere("news", "*", "new_id", "", pageSize, id, rowCount);

var strResult = "{\"pageCount\":" + rowCount + ",\"CurrentPage\":" + id + ",\"dt\":" + JsonConvert.SerializeObject(dt) + "}";

context.Response.Write(strResult);

return;

}

private static DataTable GetListByPageByWhere(string tabname, string ReFieldsStr, string order, string strWhere, int PageSize, int PageIndex, int TotalRecord)

{

SqlParameter[] parameters = new SqlParameter[]{

new SqlParameter{ ParameterName="@TableName" ,SqlDbType=SqlDbType.VarChar,Value=tabname},

new SqlParameter{ParameterName="@ReFieldsStr",SqlDbType=SqlDbType.VarChar,Value=ReFieldsStr},

new SqlParameter{ParameterName="@OrderString",SqlDbType=SqlDbType.VarChar,Value=order},

new SqlParameter{ParameterName="@WhereString", SqlDbType=SqlDbType.VarChar, Value=strWhere},

new SqlParameter{ ParameterName="@PageSize", SqlDbType=SqlDbType.Int,Value=PageSize},

new SqlParameter{ParameterName="@PageIndex", SqlDbType=SqlDbType.Int,Value=PageIndex},

new SqlParameter{ParameterName="@TotalRecord",SqlDbType= SqlDbType.Int,Value=TotalRecord},

};

return SQLHelper.ExecuteDataTable("PROCE_PAGECHANGE", CommandType.StoredProcedure, parameters);

数据库的分页存储过程

USE [ActivaOnlineSupport]

GO

/****** Object: StoredProcedure [dbo].[PROCE_PAGECHANGE] Script Date: 08/13/2014 13:45:17 ******/

SET ANSI_NULLS ON

GO

SET QUOTED_IDENTIFIER ON

GO

ALTER PROCEDURE [dbo].[PROCE_PAGECHANGE]

(

@TableName varchar(50), --表名

@ReFieldsStr varchar(200) = '*', --字段名(全部字段为*)

@OrderString varchar(200), --排序字段(必须!支持多字段不用加order by)

@WhereString varchar(500) =N'', --条件语句(不用加where)

@PageSize int, --每页多少条记录

@PageIndex int = 1 , --指定当前为第几页

@TotalRecord int output --返回总记录数

)

AS

BEGIN

--处理开始点和结束点

Declare @StartRecord int;

Declare @EndRecord int;

Declare @TotalCountSql nvarchar(500);

Declare @SqlString nvarchar(2000);

set @StartRecord = (@PageIndex-1)*@PageSize + 1

set @EndRecord = @StartRecord + @PageSize - 1

SET @TotalCountSql= N'select @TotalRecord = count(*) from ' + @TableName;--总记录数语句

SET @SqlString = N'(select row_number() over (order by '+ @OrderString +') as rowId,'+@ReFieldsStr+' from '+ @TableName;--查询语句

--

IF (@WhereString! = '' or @WhereString!=null)

BEGIN

SET @TotalCountSql=@TotalCountSql + ' where '+ @WhereString;

SET @SqlString =@SqlString+ ' where '+ @WhereString;

END

--第一次执行得到

--IF(@TotalRecord is null)

-- BEGIN

EXEC sp_executesql @totalCountSql,N'@TotalRecord int out',@TotalRecord output;--返回总记录数

-- END

----执行主语句

set @SqlString ='select * from ' + @SqlString + ') as t where rowId between ' + ltrim(str(@StartRecord)) + ' and ' + ltrim(str(@EndRecord));

Exec(@SqlString)

END

bootstrap mysql分页_bootstrap分页相关推荐

  1. [数据库]Oracle和mysql中的分页总结

    Mysql中的分页 物理分页 •在sql查询时,从数据库只检索分页需要的数据 •通常不同的数据库有着不同的物理分页语句 •mysql物理分页,采用limit关键字 •例如:检索11-20条 selec ...

  2. MySQL中的分页查询

    MySQL中的分页查询 一.MySQL分页查询原则 在MySQL数据库中使用limit子句进行分页查询: MySQL分页中开始位置为0: 分页子句在查询语句的最后侧: 二.Limit子句(较为常 ...

  3. php mysql ajax 分页_ajax+php+mysql无刷新分页代码(1/2)_PHP教程

    ajax+php+mysql无刷新分页代码 ajax+php教程+mysql教程无刷新分页代码 2 3 4投票结果 5 6 7 8 9 function getxmlhttpobject() 10 { ...

  4. bootstraptable控制分页_bootstrap table分页(前后端两种方式实现)

    bootstrap table分页的两种方式: 前端分页:一次性从数据库查询所有的数据,在前端进行分页(数据量小的时候或者逻辑处理不复杂的话可以使用前端分页) 服务器分页:每次只查询当前页面加载所需要 ...

  5. jsp import mysql con_jsp的分页查询的代码(mysql数据库)

    [原来没有写过,听朋友说,比较难,就试一下,还是挺简单的,只不过,具体实用方面还得自己写,没有什么难的,自己看看就懂了.bean文件:package bean;/** * jsp+java bea 这 ...

  6. bootstrap下拉框分页_【Bootstrap】 bootstrap-select2下拉菜单插件

    这次开发了个小TRS系统,虽然是很小,但是作为初心者,第一次用到了很多看起来洋气使用起来有相对简单的各种前端(主要是和bootstrap配合使用)组件.包括bootstrap-select2,boot ...

  7. mysql 千万数据分页_MySQL处理千万级数据查询、分页

    MySQL数据库优化处理实现千万级快速分页分析,来看下吧. 数据表 collect ( id, title ,info ,vtype) 就这4个字段,其中 title 用定长,info 用text, ...

  8. bootstrap下拉框分页_学习使用Bootstrap输入框、导航、分页等常用组件

    Bootstrap输入框和导航组件 一.下拉菜单 下拉菜单,就是点击一个元素或按钮,触发隐藏的列表显示出来. 按钮和菜单需要包裹在.dropdown 的容器里,而作为被点击的元素按钮需要设置datat ...

  9. mysql分页查询出租房屋信息_分页查询信息(使用jdbc连接mysql数据库实现分页查询任务)...

    分页查询信息 使用jdbc连接mysql数据库实现分页查询任务 通过mysql数据库提供的分页机制,实现商品信息的分页查询功能,将查询到的信息显示到jsp页面上. 本项目时一个简单的运用eclipse ...

最新文章

  1. R语言plotly可视化:plotly可视化箱图、基于预先计算好的分位数、均值、中位数等统计指标可视化箱图、箱图中添加缺口、可视化均值和标准差(With Precomputed Quartiles)
  2. tof摄像头手势识别_行业深度光学行业研究:CIS、光学元件、指纹识别、镜头模组...
  3. python量化投资必背代码-基于python的开源量化交易,量化投资架构
  4. 《卓有成效的程序员》读书笔记
  5. Deep-Learning-YOLOV4实践:ScaledYOLOv4模型训练自己的数据集调试问题总结
  6. 解决方案和项目的区别_沃尔玛用大数据提高销售额,云计算和大数据技术之间的区别汇总...
  7. 大河抽奖盲盒运营版 1.9.12开源版
  8. silverlight 实现全屏
  9. Xcode :error: linker command failed with exit code 1(use -v to see invocation) 或 libstdc++.6.0缺失问题
  10. linux键盘映射默认,Linux 中的键盘映射【转】
  11. uniapp h5在线预览word文档ppt等
  12. Java 程序员常用资源工具集合
  13. 2018上海居住证续签
  14. CAD第一堂课:面板介绍(上)
  15. RTKLIB_RTCM解码学习
  16. 减脂肪应该吃什么食物
  17. tomcat+eclipse +mysql搭建JSP开发环境
  18. CF633C Spy Syndrome 2 trie树
  19. matlab用抛物线族表示马鞍面,matlab实验报告
  20. 解决Sql server数据库不兼容问题

热门文章

  1. JS的ES6模板字符串(拼接、变量、循环、函数)
  2. PHP通过CURL或file_get_contents请求第三方地址
  3. html5中标签分为,HTML标签的三种类型
  4. 如果java使用什么声明类_如果声明一个类时使用abstract修饰符,则表明该类是()_学小易找答案...
  5. ucla研究生计算机科学,详解UCLA研究生录取数据,达到什么标准才能稳被录?
  6. 计算机专业软件技术专业导论,计算机科学与技术专业导论.docx
  7. canvas中文显示乱码 html5_浅析HTML5 Canvas的几种中文字体缩小方案
  8. ai去除水印_ai全自动视频剪辑软件,每天批量制作800条原创视频!
  9. Tomcat9 (catalina.bat)控制台日志乱码
  10. JAVA抽象类为什么可以有构造_抽象类为什么可以有构造函数?- Constructor of an abstract class in C#(转载)...