JAVA(jquery)---分页(POST+GET)

很早以前我为java项目而头疼过,从网上找了很多分页,感觉都不是自己想要的,于是手动编写了一个分页插件。

功能如下:该插件与任何分页插件兼容互补,无需担心有后遗症,呵呵

JAVA后台处理:采用固定格式解析,这样就不用频繁的去写分页了,而且有固定格式的输出,不用担心再回出错。

下面我们一起来分享下我的成果,最后会给大家提供一个demo供大家学习

demo下载:http://download.csdn.net/detail/u013424001/7307183

页面调用CODE展示:

$("#pageDivs").getdata({//("#pageDivs")--这个参数没用到,偷懒了,本来应该写成分页数据显示的ID(可以任意写)
			url : rootPath+"/unit/getUnitUserAll.do",//用于请求的URL
			like:"",//搜索的内容
			search:"",//搜索的类型
			where1:"",//备用的搜索条件值或参数(不用可以不写)
			where2:"",//备用的搜索条件值或参数(不用可以不写)
                        where3:"",//备用的搜索条件值或参数(不用可以不写)
			divId:"pageDiverr",//分页数据显示的DIV--ID
			dataId : "userUnitTable",//用于追加数据的ID
			styleCallback:function(){//回调函数,增加样式处理
				$("#userUnitTable tr:even").addClass("a1");//这是我自己的样式处理
			}
  });

效果图预览:


代码解析:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,以下是一个使用layui+Python+Flask+MySQL实现分页代码示例: HTML代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>分页示例</title> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css"> </head> <body> <div class="layui-container"> <table class="layui-table"> <thead> <tr> <th>姓名</th> <th>年龄</th> <th>性别</th> <th>地址</th> </tr> </thead> <tbody id="table_data"></tbody> </table> <div id="page"></div> </div> <script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script> <script> layui.use(['laypage', 'layer'], function(){ var laypage = layui.laypage, layer = layui.layer; laypage.render({ elem: 'page', limit: 10, curr: 1, count: 100, jump: function(obj, first){ if(!first){ $.ajax({ url: '/get_data', type: 'POST', dataType: 'json', data: { page: obj.curr, limit: obj.limit }, success: function(data){ if(data.code == 0){ var html = ''; for(var i=0;i<data.data.length;i++){ html += '<tr>'; html += '<td>'+data.data[i].name+'</td>'; html += '<td>'+data.data[i].age+'</td>'; html += '<td>'+data.data[i].gender+'</td>'; html += '<td>'+data.data[i].address+'</td>'; html += '</tr>'; } $('#table_data').html(html); } else{ layer.msg('获取数据失败!'); } }, error: function(){ layer.msg('获取数据失败!'); } }); } } }); }); </script> </body> </html> ``` Python代码: ```python from flask import Flask, render_template, request, jsonify import pymysql app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/get_data', methods=['POST']) def get_data(): page = request.form.get('page', 1, type=int) limit = request.form.get('limit', 10, type=int) offset = (page - 1) * limit conn = pymysql.connect(host='localhost', user='root', password='123456', database='test', charset='utf8') cursor = conn.cursor(pymysql.cursors.DictCursor) cursor.execute('SELECT * FROM users LIMIT %s, %s', (offset, limit)) data = cursor.fetchall() cursor.execute('SELECT COUNT(*) FROM users') count = cursor.fetchone()['COUNT(*)'] cursor.close() conn.close() return jsonify({'code': 0, 'msg': '', 'data': data, 'count': count}) if __name__ == '__main__': app.run(debug=True) ``` 这个示例使用了jQuery和layui库,通过ajax异步获取分页数据。在Python部分,使用了pymysql库连接MySQL数据库,通过分页查询获取数据并返回给前端。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值