周末闲来无事,突然想写个分页的东西玩玩,说走就走

在文章最后我会把整个项目+数据库附上,下载下来直接运行就可以看效果了。整个项目采用的是简单三层模式,开发平开是VS2010+SQL2012

一、我要做什么

  很显然,我想完成一个数据的真分页功能,怎么完成呢,干脆就写一个列表页,取名为:学生列表页信息。

  列表页当数据量很大的时候,如果采用的假分页,将导致漫长的等待,同时极大的占用服务器资源等等。总之,诸多不便,十分不科学。所以这里我想写一个简洁的功能较完善的列表页,它支持字段搜索,用户自定义排序(选择排序字段、选择升序或降序)以及自定义每页显示行数,当然它还是无刷新的。整个页面的布局如下:

  

二、我要怎么做

  我的整个蓝图已经构建出来了,接下来就是怎么做了。根据我的需求,首先页面要求是无刷新的,所以这里我们肯定要使用到的技术是ajax,说到ajax,肯定离不开json,它用来与服务器打交道来回传输数据。

  第二点就是真分页,关于真分页,总所周知就是利用sql的row_number来给数据加索引,然后根据条件去取。但是数据量百万级别的时候,row_number也不见得效率,因为它首先要把你的百万数据整个row_number一遍加上索引,效率可想而知,这里我使用的是另一种方法:in 与 not in。这里我把我用的真分页存储过程贴出来(注:这个存储过程并不是我写,这是我在网上找到的(某位高人写的),具体链接也不记得了,总之在这里感谢作者),稍后再来看这个存储过程的参数。

  1. ALTER PROC [dbo].[Proc_EWorkFlow_DataPaging]
  2. @tbname sysname, --要分页显示的表名
  3. @FieldKey sysname, --用于定位记录的主键(惟一键)字段,只能是单个字段
  4. @PageCurrent int=1, --要显示的页码
  5. @PageSize int=10, --每页的大小(记录数)
  6. @FieldShow nvarchar(1000)='', --以逗号分隔的要显示的字段列表,如果不指定,则显示所有字段
  7. @FieldOrder nvarchar(1000)='', --以逗号分隔的排序字段列表,可以指定在字段后面指定DESC/ASC
  8. -- 用于指定排序顺序
  9. @Where nvarchar(1000)='', --查询条件
  10. @PageCount int OUTPUT --总页数
  11. AS
  12.  
  13. DECLARE @sql nvarchar(4000)
  14. SET NOCOUNT ON
  15. --检查对象是否有效
  16. IF OBJECT_ID(@tbname) IS NULL
  17. BEGIN
  18. RAISERROR(N'对象"%s"不存在',1,16,@tbname)
  19. RETURN
  20. END
  21. IF OBJECTPROPERTY(OBJECT_ID(@tbname),N'IsTable')=0
  22. AND OBJECTPROPERTY(OBJECT_ID(@tbname),N'IsView')=0
  23. AND OBJECTPROPERTY(OBJECT_ID(@tbname),N'IsTableFunction')=0
  24. BEGIN
  25. RAISERROR(N'"%s"不是表、视图或者表值函数',1,16,@tbname)
  26. RETURN
  27. END
  28.  
  29. --分页字段检查
  30. IF ISNULL(@FieldKey,N'')=''
  31. BEGIN
  32. RAISERROR(N'分页处理需要主键(或者惟一键)',1,16)
  33. RETURN
  34. END
  35.  
  36. --其他参数检查及规范
  37. IF ISNULL(@PageCurrent,0)<1 SET @PageCurrent=1
  38. IF ISNULL(@PageSize,0)<1 SET @PageSize=10
  39. IF ISNULL(@FieldShow,N'')=N'' SET @FieldShow=N'*'
  40. IF ISNULL(@FieldOrder,N'')=N''
  41. SET @FieldOrder=N''
  42. ELSE
  43. SET @FieldOrder=N'ORDER BY '+LTRIM(@FieldOrder)
  44. IF ISNULL(@Where,N'')=N''
  45. SET @Where=N''
  46. ELSE
  47. SET @Where=N'WHERE ('+@Where+N')'
  48.  
  49. --如果@PageCountNULL值,则计算总页数(这样设计可以只在第一次计算总页数,以后调用时,把总页数传回给存储过程,避免再次计算总页数,对于不想计算总页数的处理而言,可以给@PageCount赋值)
  50. IF @PageCount IS NULL
  51. BEGIN
  52. SET @sql=N'SELECT @PageCount=COUNT(*)'
  53. +N' FROM '+@tbname
  54. +N' '+@Where
  55. EXEC sp_executesql @sql,N'@PageCount int OUTPUT',@PageCount OUTPUT
  56. SET @PageCount=(@PageCount+@PageSize-1)/@PageSize
  57. END
  58.  
  59. --计算分页显示的TOPN
  60. DECLARE @TopN varchar(20),@TopN1 varchar(20)
  61. SELECT @TopN=@PageSize,
  62. @TopN1=@PageCurrent*@PageSize
  63.  
  64. --第一页直接显示
  65. IF @PageCurrent=1
  66. EXEC(N'SELECT TOP '+@TopN
  67. +N' '+@FieldShow
  68. +N' FROM '+@tbname
  69. +N' '+@Where
  70. +N' '+@FieldOrder)
  71. ELSE
  72. BEGIN
  73. SELECT @PageCurrent=@TopN1,
  74. @sql=N'SELECT @n=@n-1,@s=CASE WHEN @n<'+@TopN
  75. +N' THEN @s+N'',''+QUOTENAME(RTRIM(CAST('+@FieldKey
  76. +N' as varchar(8000))),N'''''''') ELSE N'''' END FROM '+@tbname
  77. +N' '+@Where
  78. +N' '+@FieldOrder
  79. SET ROWCOUNT @PageCurrent
  80. EXEC sp_executesql @sql,
  81. N'@n int,@s nvarchar(4000) OUTPUT',
  82. @PageCurrent,@sql OUTPUT
  83. SET ROWCOUNT 0
  84. IF @sql=N''
  85. EXEC(N'SELECT TOP 0'
  86. +N' '+@FieldShow
  87. +N' FROM '+@tbname)
  88. ELSE
  89. BEGIN
  90. SET @sql=STUFF(@sql,1,1,N'')
  91. --执行查询
  92. EXEC(N'SELECT TOP '+@TopN
  93. +N' '+@FieldShow
  94. +N' FROM '+@tbname
  95. +N' WHERE '+@FieldKey
  96. +N' IN('+@sql
  97. +N') '+@FieldOrder)
  98. END
  99. END

  有了这个存储过程,基本上就很容实现我们要做的事了,现在来看下存储过程的参数

  @tbname     sysname,                --要分页显示的表名或视图
  @FieldKey   sysname,                 --用于定位记录的主键(惟一键)字段,只能是单个字段
  @PageCurrent int=1,                  --要显示的页码
  @PageSize   int=10,                  --每页的大小(记录数)
  @FieldShow  nvarchar(1000)='',      --以逗号分隔的要显示的字段列表,如果不指定,则显示所有字段
  @FieldOrder  nvarchar(1000)='',     --以逗号分隔的排序字段列表,可以指定在字段后面指定DESC/ASC
  @Where     nvarchar(1000)='',      --查询条件

  

  根据后面的注释,应该都能看懂,根据我的需求,有几个关键条件是我要用到的:@PageSize、@FieldOrder、@Where、@PagCurrent,根据后面的注释我们知道它们分别是:每页的大小、排序条件、查询条件(及搜索条件)以及要显示的页码,这四个条件都是我的需求里用户可以自主定义的,就是说传进去的条件是根据用户的选择而定的。其他的条件我们都给死的(@tabname后台写表名即可,@FieldKey、@FieldShow也同理),说到这里应该更清晰了。

  现在回过头来理一理我要怎么做:

  1.获取用户选择的条件(搜索条件、排序条件、页面大小、显示第几页);

  2.掌握并运用ajax、json相关技术来构建桥梁把用户选择的条件传入后台拉取数据

  3.获取服务器回传的数据,显示在页面上。

  

  上面三点说的很简单,下面就开始动手做吧!

三、我要动手做

  现在就开始正式做了,整个页面的布局在上面已经展示给大家看了,为了方便理解,在这里我把我已经完成了的列表页展示出来:

  

从列表页看,除了搜索条件是用户输入外,其他的排序、上一页、下一页等等都是让用户点一下就执行,说白了就是页面上所有可点击的按钮以及下拉框选择改变都是调用同一个方法,我命名为GetData();通过这个方法我们要完成上一部分我说的三点:

  1.获取用户选择的条件(搜索条件、排序条件、页面大小、显示第几页);

  2.掌握并运用ajax、json相关技术来构建桥梁把用户选择的条件传入后台拉取数据

  3.获取服务器回传的数据,显示在页面上。

下面我把GetData()方法的伪代码写出来

  1. function GetData(){
  2.  
  3.   //获取搜索条件
  4.   var searchFilter=GetSearchFilter();
  5.   //获取排序条件
  6.   var orderFilter=GetOrderFilter();
  7. //获取页面显示行数
  8.   var pageSize=cbxPagSize.value();
  9.   //获取要显示的页码
  10. var pageIndex=GetPageIndex();
  11.  
  12.   //通过Jquery 和json把获取到的条件传入后台
  13.   $("...",jsonstring,function(result)){
  14.     //将获取到的数据加载到页面上
  15.     DrawListPageData(result);
  16.   }
  17. }

根据上面的伪代码,我们来分步完成要完成的代码,就不多说了,直接把代码贴出来,重要的是思路顺畅

GetSearchFilter():

  1. <script type="text/javascript">
  2. function GetSearchFilter() {
  3. var studentNo = trim($("#txtStudentNo").val());
  4. var name = trim($("#txtStudentName").val());
  5. var sex = trim($("#cbxSex").val());
  6. var age = trim($("#txtAge").val());
  7.  
  8. var searchFilter = "";
  9. if (studentNo != "") {
  10. searchFilter += " and studentNo like'%" + studentNo + "%'";
  11. }
  12. if (name != "") {
  13. searchFilter += " and name like'%" + name + "%' ";
  14. }
  15. if (sex != "") {
  16. searchFilter += " and sex ='" + sex + "' ";
  17. } if (age != "") {
  18. searchFilter += " and age ='" + age + "' ";
  19. }
  20. return searchFilter;
  21. }
  22. </script>

GetOrderFilter():

  1. <script type="text/javascript">
  2. function GetOrderFilter() {
  3. var orderFilter = "";
  4. var selectedfield = GetSeletedSpanName("tdSortComlum");
  5. var orderWay = GetSeletedSpanName("tdDescOrAsc");
  6. if (selectedfield != "") {
  7. orderFilter += selectedfield +" " ;
  8. } else {
  9. orderFilter += " studentNo ";
  10. }
  11.  
  12. if (orderWay != "") {
  13. orderFilter += orderWay;
  14. } else {
  15. orderFilter += " desc";
  16. }
  17. return orderFilter;
  18. }
  19.  
  20. //tdSortComlum 存放排序列的容器
  21. //tdDescOrAsc 存放升序或降序的容器
  22. function GetSeletedSpanName(containerName) {
  23. var Column = document.getElementById(containerName);
  24. var columns = Column.getElementsByTagName("span");
  25. for (i = 0; i < columns.length; i++) {
  26. if (columns[i].className == "spanOnClick") {
  27. return columns[i].id.substr(2);
  28. }
  29. }
  30. return "";
  31. }
  32. </script>

GetPageIndex():

  1. <script type="text/javascript">
  2. function GetPageIndex(pageIndex) {
  3. var currentPage = $("#hfCurrentPage").val();
  4. var totalPages = $("#hfTotalPages").val();
  5. //返回0 表示无效的点击
  6. if (pageIndex == null) {
  7. return 1;
  8. } else {
  9. //点击上一页
  10. if (pageIndex == "-1") {
  11. if (parseInt(currentPage) + parseInt(pageIndex) <= 0) {
  12. return 0;
  13. } else {
  14. return parseInt(currentPage) + parseInt(pageIndex);
  15. }
  16. }
  17. //点击首页
  18. else if (pageIndex == "0"){
  19. if (currentPage == "1") {
  20. return 0;
  21. } else {
  22. return 1;
  23. }
  24. }
  25. //点击下一页
  26. else if (pageIndex == "1") {
  27. if (currentPage == totalPages) {
  28. return 0;
  29. } else {
  30. return parseInt(currentPage) + 1;
  31. }
  32. }
  33. //点击尾页
  34. else if (pageIndex == "9") {
  35. if (currentPage == totalPages) {
  36. return 0;
  37. } else {
  38. return totalPages;
  39. }
  40. }
  41. //点击跳转到
  42. else if (pageIndex == "5") {
  43. var jumpIndex = trim($("#txtPageCount").val());
  44. if (isNaN(parseInt(jumpIndex)) || parseInt(jumpIndex)!=jumpIndex) {
  45. return 0;
  46. } else if (parseInt(jumpIndex) > parseInt(totalPages) || parseInt(jumpIndex) < 1 || jumpIndex == currentPage) {
  47. return 0
  48. } else {
  49. return jumpIndex;
  50. }
  51. }
  52. return 0;
  53. }
  54. }
  55. </script>

DrawListPageData():

  1. <script type="text/javascrpt">
  2. function DrawListPageData(data) {
  3. var items = "";
  4. //数据展示顶部也画出总记录数
  5. $.each(data[1], function (i, resultData) {
  6. items += "<table width=\"100%\"><tr ><td style=\"width:30%\"></td>";
  7. items += " Total Records:" + resultData[0].totalRecords + "&nbsp;&nbsp;&nbsp;&nbsp; ";
  8. items += resultData[0].currentPage + "/" + resultData[0].pageCounts;
  9. items += "(Current Page/Total Pages)";
  10. items += "</tr></table>";
  11. $("#hfCurrentPage").attr("value", resultData[0].currentPage);
  12. $("#hfTotalPages").attr("value", resultData[0].pageCounts);
  13. });
  14. //画出数据
  15. $.each(data[0], function (i, getData) {
  16. items += "<table width=\"100%\" border=\"1\" cellpadding=\"3\" cellspacing=\"1\" bgcolor=\"#B4B4B4\" style=\"border-collapse: collapse;background-color:#FFFFFF\">";
  17. items += "<thead style=\"background-color:#F1FAFF;\"><tr><td>Student No</td><td>Student Name</td><td>Sex</td><td>Age</td></tr></thead>"
  18. $.each(getData, function (i, resultData) {
  19. items += "<tr><td style=\" width :25%\">" + resultData.studentNo + "</td>";
  20. items += "<td style=\" width :25%\">" + resultData.name + "</td>";
  21. items += "<td style=\" width :25%\">" + resultData.sex + "</td>";
  22. items += "<td style=\" width :25%\">" + resultData.age + "</td></tr>";
  23. });
  24. });
  25. items += "<table>"
  26.  
  27. //画出数据总记录数,以及分页按钮
  28. $.each(data[1], function (i, resultData) {
  29. items += "<table width=\"100%\"><tr ><td style=\"width:30%\"></td>";
  30. items += " Total Records:" + resultData[0].totalRecords + "&nbsp;&nbsp;&nbsp;&nbsp; ";
  31. items += resultData[0].currentPage + "/" + resultData[0].pageCounts;
  32. items += "(Current Page/Total Pages)";
  33. items += "<td style=\"width:40%\"><span onclick=\"GetData(0)\" class=\"classDisplaySpan\" >FirstPage</span>";
  34. items += "<span onclick=\"GetData(-1)\" class=\"classDisplaySpan\" >PrePage</span>";
  35. items += "<span onclick=\"GetData(1)\" class=\"classDisplaySpan\" >NextPage</span>";
  36. items += "<span onclick=\"GetData(9)\" class=\"classDisplaySpan\" >LastPage</span></td>";
  37. items += "<td style=\"width:30%\">Jump To:<input id=\"txtPageCount\" type=\"text\" style=\"width:40px;\" />";
  38. items += " <input id=\"btnConfirmJump\" type=\"button\" value=\"OK\" onclick=\"GetData(5)\" style=\"width:40px; height:21px\" /></td></tr></table>";
  39. });
  40. $("#divDataDisplay").html(items);
  41. }
  42. </script>

整个GataData()的代码为:

  1. <script type="text/javascript">
  2. //获取数据集
  3. function GetData(index) {
  4. var pageIndex = GetPageIndex(index);
  5. //alert(pageIndex);
  6. if (pageIndex == "0") {
  7. return false
  8. }
  9. $.post("../Ajax/StudentInfoHandler.ashx", { "actionCode": "0", "orderFilter": GetOrderFilter(), "searchFilter": GetSearchFilter(), "pageSize": $("#cbxPageSize").val(), "pageIndex": pageIndex }, function (result) {
  10. // alert(result);
  11. var ss = result.substr(11);
  12. if (ss != "0") {
  13. var resultData = JSON.parse(ss);
  14. DrawListPageData(resultData);
  15. } else {
  16. $("#divDataDisplay").html("No data to display...");
  17. }
  18. });
  19. }
  20. </script>

这里有两点要说明下:
  1.在伪代码里面GetData()是没有参数的,为什么完整代码里面GetData(index)有个参数?

    试想一下,点击排序和点击上一页、下一页的区别.

    点击排序:页面不跳转,比如当前是第四页,我之前选的升序,现在我选降序,那么数据展示会变,但是还是显示第四页的数据,即页码不变

    点击上一页:页码是会跳转的,当前页码-1(如果可以).

    点击下一页:页码是会跳转的,当前页码+1(如果可以).

    点击首页:页码是会跳转的,页码重置为1.

    点击尾页:页码是会跳转的,页码重置为最大页码数.

  

    从上面情况分析可知,不同的按钮点击对页码的操作也不同,所以我们需要一个标示来告诉 GetPageIndex(index)方法要怎么对页码进行操作,仔细回头去看下GetPageIndex方法就知道了。

  2.DrawListPageData(data)方法,data参数是后台json序列化了的字符串,准确的说是数组字符串,一个数组存放数据信息(总共多少数据、总共多少页、当前页码),一个存放数据量信息。所以分开遍历画在页面上。

  好了,前台该做的操作都做完了,我们现在跳到后台去看看。先说下原理了,后台查出来的数据时Dataset集合,这个dataset里面存放了两个DataTale,一个是存放的数据集,另一个存放的数据量信息。然后通过我们自己写的一个方法DataSetToJson循环遍历dataset返回json字符串.下面是DataSetToJson方法:

  1. /// <summary>
  2. /// Dataset转换为json字符串,返回的是json数组
  3. /// </summary>
  4. /// <param name="ds"></param>
  5. /// <returns></returns>
  6. public string DataSetToJson(DataSet ds)
  7. {
  8. try
  9. {
  10. System.Text.StringBuilder str = new System.Text.StringBuilder("[");
  11. for (int o = ; o < ds.Tables.Count; o++)
  12. {
  13. str.Append("{");
  14. str.Append(string.Format("\"{0}\":[", ds.Tables[o].TableName));
  15. for (int i = ; i < ds.Tables[o].Rows.Count; i++)
  16. {
  17. str.Append("{");
  18. for (int j = ; j < ds.Tables[o].Columns.Count; j++)
  19. {
  20. str.Append(string.Format("\"{0}\":\"{1}\",", ds.Tables[o].Columns[j].ColumnName, ds.Tables[o].Rows[i][j].ToString()));
  21. }
  22. str.Remove(str.Length - , ); str.Append("},");
  23. }
  24. str.Remove(str.Length - , ); str.Append("]},");
  25. }
  26. str.Remove(str.Length - , );
  27. str.Append("]"); return str.ToString();
  28. }
  29. catch (Exception ex)
  30. {
  31. throw ex;
  32. }
  33. }

整个后台操作的代码:

  1. public void GetData(HttpContext context)
  2. {
  3. try
  4. {
  5. string whereFilter = context.Request["searchFilter"];
  6. string orderFilter = context.Request["orderFilter"];
  7. string pageSize = context.Request["pageSize"];
  8. string currentPage = context.Request["pageIndex"];
  9. StudentServices service = new StudentServices();
  10. DataSet ds = new DataSet();
  11. DataTable pageTable = new DataTable("pageTable");
  12. pageTable.Columns.Add("totalRecords");
  13. pageTable.Columns.Add("pageCounts");
  14. pageTable.Columns.Add("currentPage");
  15. pageTable.AcceptChanges();
  16. //获取数据集
  17. DataTable dataTable = service.GetStudentDS(" 1=1 "+whereFilter, orderFilter, pageSize, currentPage).Tables[];
  18. dataTable.TableName = "dataTable";
  19. if (dataTable.Rows.Count > )
  20. {
  21. ds.Tables.Add(dataTable.Copy());
  22. //Get total records
  23. int totalRecords = service.GetStudentCounts(whereFilter);
  24. //Get page counts
  25. int pageCounts = totalRecords % int.Parse(pageSize) == ? totalRecords / int.Parse(pageSize): totalRecords / int.Parse(pageSize)+;
  26.  
  27. DataRow dr = pageTable.NewRow();
  28. dr["totalRecords"] = totalRecords;
  29. dr["pageCounts"] = pageCounts;
  30. dr["currentPage"] = currentPage;
  31. pageTable.Rows.Add(dr);
  32. ds.Tables.Add(pageTable);
  33. JsonHelper js = new JsonHelper();
  34. context.Response.Write(js.DataSetToJson(ds));
  35. return;
  36. }
  37. else
  38. {
  39. context.Response.Write("");
  40. return;
  41. }
  42. }
  43. catch (Exception ex)
  44. {
  45. throw ex;
  46. }
  47. }

  到这里我们的工作就完成了,很多细节都没有拿出来说,比如css+div的配合等等。这里主要是介绍思路以及实现方式,在文章最后我会把整个项目+数据库附上,下载下来直接运行就可以看效果了。整个项目采用的是简单三层模式,开发平开是VS2010+SQL2012

  

  四、总结

  整个周末都在弄这玩意儿,极烂的效率就不多说了(两天完成一个页面),主要是自己对ajax的不熟练使用,虽然花了两天,但是感觉自己进步很大,先总结一下用到的技术以及应该注意的问题

  1.使用到的技术:ajax、json、javascript、存储过程、css+div(这个虽然没拿出来说,但自己整了很长事件lol)

  2.应该注意的问题:

    写这个东西的时候虎头虎脑,想到一点写一点,没有很好的构架自己要干什么,写这篇文章实际是整个东西写完后回过头来再写的,如果开始写这个东西的时候能有写文章的时候的思路完成应该很快,总之摸爬滚打出经验,以后切记自己写东西前要明白自己要干什么以及怎么干.

源码下载:

链接: http://pan.baidu.com/s/1jGoN3bK 密码: 4b6t

  

  

Ajax+存储过程真分页实例解析(10W数据毫秒级+项目解析)的更多相关文章

  1. Jsp分页实例---真分页

    网页的分页功能的实现比较简单,实现方法也多种多样. 今天总结一个简单的Jsp真分页实例. 首先,提到分页就要先明确一个概念,何为真分页何谓假分页. 假分页:一次性从数据库读出表的所有数据一次性的返回给 ...

  2. Android网络之数据解析----使用Google Gson解析Json数据

    [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4 ...

  3. 蓝牙Beacon广播数据包格式以及解析

    目录 1. 获取原始蓝牙广播包 2. 安装WireShark软件 3. 分析Beacon广播包数据 3.1 第一个数据包格式 3.2 第二个数据包格式 3.3 Android程序开发中的蓝牙广播包 4 ...

  4. JSON数据的生成与解析

    JSON数据的生成与解析.首先先到网上下载一个json jar包,我用的是org.json 演示样例代码: package json; import org.json.JSONArray; impor ...

  5. PHP+Ajax点击加载更多列表数据实例

    一款简单实用的PHP+Ajax点击加载更多列表数据实例,实现原理:通过“更多”按钮向服务端发送Ajax请求,PHP根据分页参数查询将最新的几条记录,数据以JSON形式返回,前台Query解析JSON数 ...

  6. 基于Jquery+Ajax+Json+存储过程 高效分页

    在做后台开发中,都会有大量的列表展示,下面给大家给大家分享一套基于Jquery+Ajax+Json+存储过程高效分页列表,只需要传递几个参数即可.当然代码也有改进的地方,如果大家有更好的方法,愿留下宝 ...

  7. ASP.NET(五):ASP.net实现真分页显示数据

    导读:在上篇文章中,介绍了用假分页实现数据的分页显示 ,而避免了去拖动滚动条.但,假分页在分页的同时,其实是拖垮了查询效率的.每一次分页都得重新查询一遍数据,那么有没有方法可以同时兼顾效率和分页呢,那 ...

  8. Thinkphp+Ajax带关键词搜索列表无刷新分页实例

    Thinkphp+Ajax带关键词搜索列表无刷新分页实例,两个查询条件,分页和搜索关键字,懂的朋友还可以添加其他分页参数. 搜索#keyword和加载内容区域#ajax_lists <input ...

  9. java:(json,ajax,path,Oracle的分页实例,Filter拦截器)

    1.json: <%@ page language="java" import="java.util.*" pageEncoding="UTF- ...

随机推荐

  1. xmlns=""

    用dom4j把两个手上的element撮合到一起,dom4j就会在被加的元素上写上xmlns="",当时我也没在意,后来用户要求去掉,查了一下还不是那么容易,原来xml本身对nam ...

  2. Java 正则表达式详解_正则表达式

    body{ font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI& ...

  3. 在Action类中获得HttpServletResponse对象的四种方法

    在struts1.xAction类的execute方法中,有四个参数,其中两个就是response和request.而在Struts2中,并没有任何参数,因此,就不能简单地从execute方法获得Ht ...

  4. Codeforces#348DIV2/VK CUP 2016

    昨天第一次开大小号打cf,发现原来小号提交之后大号在此提交同样的代码会被skipped掉,然后之后提交的代码都不记分,昨天a,b,c都是水题 A 题意:问一个物品最多能被分成多少份,分成的连续两份不能 ...

  5. python处理时间--- datetime模块

    1   Python提供了多个内置模块用于操作日期时间,像calendar,time,datetime.time模块我在之前的文章已经有所介绍,它提供的接口与C标准库time.h基本一致.相比于tim ...

  6. 【转】2015年薪酬大涨的15个IT岗位

    近日,国外科技 IT 招聘公司 Robert Half 分析了 70 个科技职位后发现 2015 年从事 IT 从业人员的平均起薪将攀升至 5.7%,其中 15 个职位的提升潜力最大. 当企业在招聘过 ...

  7. STM32的优先级NVIC_PriorityGroupConfig

    关于STM32的中断优先级 1.STM32中每一个中断都有一个专门的寄存器,(Interrupt Priority Register),来描述该中断的占先式优先级和副优先级,在这个寄存器中STM32使 ...

  8. Delphi中使用Dos窗口输出调试信息

    在项目文件 *.DPR (Project->View Source)  里加上{$APPTYPE   CONSOLE} 然后,在需要输出处加上 Writeln(‘your debug messa ...

  9. Use Wireshark to capture loopback traffic without a loopback adapter (转)

    Use Wireshark to capture loopback traffic without a loopback adapter If you’ve ever used Wireshark f ...

  10. Linux - tomcat -jndi数据源配置

    Linux - tomcat -jndi数据源配置 tomcat/conf/context .xml 文件中修改如下 <Resource name="/jdbc/--" au ...