layui分页快速使用

项目需要用layui的分页功能，但没工夫去学原理等等，直接拿来用。

1.建ResultBean类，用来返回前端表格需要的数据。

代码

package com.example.mybatisdemo.pojo;/*** @Description: 响应消息体* @Author laoxu* @Date 2019/12/21 9:50**/
public class ResultBean {/**响应编码*/private int code;/**响应消息*/private String msg;/**数据总量*/private int count;/**数据*/private Object data;public ResultBean() {}public ResultBean(int code, String msg, int count, Object data) {super();this.code = code;this.msg = msg;this.count = count;this.data = data;}@Overridepublic String toString() {return "R [code=" + code + ", msg=" + msg + ", count=" + count + ", data=" + data + "]";}public int getCode() {return code;}public void setCode(int code) {this.code = code;}public String getMsg() {return msg;}public void setMsg(String msg) {this.msg = msg;}public int getCount() {return count;}public void setCount(int count) {this.count = count;}public Object getData() {return data;}public void setData(Object data) {this.data = data;}
}

2.controller层

代码示例

注意关于uname的判断

@ResponseBody
public ResultBean get_orgallbill(int page, int limit,String uname,HttpServletResponse Response, HttpServletRequest Request) throws Exception {int offset = (page - 1) * limit;Page page1 = new Page(offset, limit);Integer id = (Integer) Request.getSession().getAttribute("organize_id");page1.setComplain_id(id);if (uname == null || uname.isEmpty() == true) {int count = billService.corgbill(page1).size();ResultBean result = new ResultBean(0, "查询成功", count, billService.orgbill(page1));return result;} else {Integer use = Integer.parseInt(uname);page1.setComplain_vido(use);int count = billService.cuorgbill(page1).size();ResultBean result = new ResultBean(0, "查询成功", count, billService.uorgbill(page1));return result;}
}

Page类中的offset和limit是关于分页，其他是我方便查询添加到类里面的，uname是后来添加的查询条件（后面有示例oname）

page类代码演示

package com.example.mybatisdemo.pojo;public class Page {private int offset;private int num;private String use_number;private String organize_name;private Integer complain_vido;private Integer complain_id;public Page(int offset, int num) {this.offset = offset;this.num = num;}public int getOffset() {return offset;}public void setOffset(int offset) {this.offset = offset;}public int getNum() {return num;}public void setNum(int num) {this.num = num;}public String getUse_number() {return use_number;}public void setUse_number(String use_number) {this.use_number = use_number;}public String getOrganize_name() {return organize_name;}public void setOrganize_name(String organize_name) {this.organize_name = organize_name;}public Integer getComplain_vido() {return complain_vido;}public void setComplain_vido(Integer complain_vido) {this.complain_vido = complain_vido;}public Integer getComplain_id() {return complain_id;}public void setComplain_id(Integer complain_id) {this.complain_id = complain_id;}
}

3.dao层的SQL语句

//    管理员审核浏览所有视频分页
@Select("select * from `vido` s, `organize` where s.vido_organize=organize_id and s.vido_yn='yes' limit #{offset},#{num}")
public List<Map<String,Object>> usegetallvidos(Page page);
//  管理员审核浏览所有视频统计数量
@Select("select * from `vido` s, `organize` where s.vido_organize=organize_id and s.vido_yn='yes'")
public List<Map<String,Object>> cusegetallvidos(Page page);

4.前端页面代码

学习用Layui table模块，数据操作和左右列固定 - 在线演示http://layui.swimafish.com/demo/table/operate.html

layui分页快速使用相关推荐

php layui 框架,快速上手前端框架layui
layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用. 一.介绍在使用layui之前,我们先要了解一下la ...
java实现layui分页_基于LayUI分页和LayUI laypage分页的使用示例
本文介绍了LayUI分页,LayUI动态分页,LayUI laypage分页,LayUI laypage刷新当前页,分享给大家,具体如下: 效果图: 一.引用js依赖主要是jquery-1.11. ...
最易懂的layui分页
该篇文章是在layui前端框架之分页基础上简洁化和详细化. 首先该示例采用的是Spring+MyBatis Plus+SpringMVC(常规的SSM框架),持久层换成MyBatis也行. 至于lay ...
layui分页和模板引擎
模板引擎 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...
layui分页功能在vue写的H5中实现
layui分页原文档:https://www.layui.site/doc/modules/laypage.html 文档介绍的比较简单,实际用起来我走了很多弯路: 1.count总数从接口返回,需要 ...
layui分页页码消失
layui分页传值到后台,下方分页栏消失通过layui的分页完成后,想要再完成搜索的分页,但是在向后台传递页码时附带搜索框内容,会发现分页下方页面消失了.后来才发现是搜索框内的值获取问题. 后台代码 ...
layui分页数据表格渲染
最近需要对后台的数据进行分页渲染并且需要进行表头动态渲染,因此和小伙伴一起学习了layui的数据表格渲染,然后进行了改进,成功之后记录了下来先说前端HTML和js代码 <script src= ...
laravel+layui分页
前端部分 <div class="layui-card-body"><form class="layui-form"><table ...
【分页】超详细Spring+layUI分页实现过程
对于分页,相信做过开发的朋友都比较熟悉的,但每个插件提供的方式和功能略有不同之处,下面给大家分享一下我在做项目中遇到的关于layUI分页的一点知识,仅供参考学习首先看一下效果图(layUI分页自带导 ...

layui分页快速使用

layui分页快速使用相关推荐

最新文章

热门文章