layui自定义查询条件html页面,Layui的数据表格+springmvc实现搜索功能的例子_飛雲

如下所示：

主要在前端页面加：

搜索ID：

userid

content

搜索

在

reload:function () {

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

var keyType=$("#key_type option:selected").val();

table.reload('contenttable',{

method:'post',

where:{keyWord:keyWord,keyType:keyType}

});

}

layui.use('table', function(){

var table = layui.table;

//渲染

table.render({

elem: '#test' //绑定table表格

,height: 450

,url: '/admin/backContent' //后台springmvc接收路径

,page:true //true表示分页

,limit: 10

,id:'contenttable'

,toolbar: '#toolbarDemo'

,cols: [[

{type: 'checkbox', fixed: 'left'}

,{field:'id', title:'id', width:80, fixed: 'left', unresize: true, sort: true}

,{field:'content', title:'内容', width:120}

,{field:'userid', title:'用户id', width:80, sort: true}

,{field:'nice', title:'点赞数', width:100}

,{field:'createtime', title:'分享时间', width:80, sort: true}

,{field:'pic1', title:'图片1', width:120,templet:'

@ResponseBody

public ResultMap> backContent(Page page, @RequestParam("limit") int limit){

page.setRows(limit);

ListcontentList=contentService.selectPageList(page);

int totals=contentService.selectPageCount(page);

page.setTotalRecord(totals);

return new ResultMap>(0,"",totals,contentList);

}

因为layui返回的参数不单单是json数组，要符号其的数据格式才能在jsp页面显示数据，所以用ResultMap类来处理返回数据的格式。

package net.stxy.one.model;

/**

* layui数据表格返回数据处理类

* Created by ASUS on 2018/5/19

* @Authod Grey Wolf

public class ResultMap {

private String msg;

private T data;

private int code;

private int count;

public String getMsg() {

return msg;

}

public void setMsg(String msg) {

this.msg = msg;

}

public T getData() {

return data;

}

public void setData(T data) {

this.data = data;

}

public int getCode() {

return code;

}

public void setCode(int code) {

this.code = code;

}

public int getCount() {

return count;

}

public void setCount(int count) {

this.count = count;

}

public ResultMap(int code,String msg, int count,T data) {

this.code = code;

this.msg = msg;

this.count = count;

this.data = data;

}

public ResultMap() {

}

其中mapper的语句：

select

from content

AND userid like '%' #{keyWord} '%'

AND content like '%' #{keyWord} '%'

order by id DESC

limit #{start},#{rows}

select count(1) from content

AND userid like '%' #{keyWord} '%'

AND content like '%' #{keyWord} '%'

以上这篇layui的数据表格+springmvc实现搜索功能的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持前端开发者。

layui自定义查询条件html页面,Layui的数据表格+springmvc实现搜索功能的例子_飛雲_前端开发者...相关推荐

layui实现数据表格table的搜索功能
layui根据特定信息对表格进行搜索并显示效果实现 html部分 js部分 Controller层 Mapper层注意总结效果先放效果图此处根据"角色名称"进行搜索, ...
layui table勾选框的修改_Layui默认选中table的CheckBox复选框方法_飛雲_前端开发者...
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , ...
java自定义sql查询条件_mybatis-plus QueryWrapper自定义查询条件的实现
mybatis-plus框架功能很强大,把很多功能都集成了,比如自动生成代码结构,mybatis crud封装,分页,动态数据源等等,附上官网链接https://mp.baomidou.com/,gi ...
使用mysql数据库时出现汉字查询条件时无法查出对应数据
使用mysql数据库时出现汉字查询条件时无法查出对应数据原因: 在mysql数据库中编码默认不是utf-8,而后端一般使用utf-8的编码进行查询,所以编码不同无法查询到对应的数据解决方法: 1. ...
JEECG中datagrid方法自定义查询条件
自定义加添加查询条件的用法: CriteriaQuery cq = new CriteriaQuery(EquipmentEntity.class, dataGrid); //查询条件组装器 org. ...
泛微E8自定义查询和第三方页面参数交互
最近接到一个需求,要做一个整体报表.且在明细行的某个单元格点击时,可以根据当前明细行的多个参数.传递到一个第三方页面并将查询结果展示在第三方页面. 思考了一下.目前泛微支持的表单建模中,配置的跳转链接 ...
前端框架Layui学习五：弹出层和数据表格
Layui layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,拿来即用. 一.弹出层在 layui 中使用 layer l ...
layui table动态选中_layui后台管理—table 数据表格详细讲解
1.layui介绍 layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用,非常适合界面的快速开发.layui区别于那些基于MVVM底 ...
layui实现table表格的“关键字搜索”功能
最近在做一个项目里,正好用到了layui的分页.但是在做分页关键字查询时,遇到了几个问题.第一个参数的传递,第二个数据的嗮选,第三个数据的返回,第四个数据的重新加载. 如下是解决方案的js代码,和大家 ...

layui自定义查询条件html页面,Layui的数据表格+springmvc实现搜索功能的例子_飛雲_前端开发者...

layui自定义查询条件html页面,Layui的数据表格+springmvc实现搜索功能的例子_飛雲_前端开发者...相关推荐

最新文章

热门文章