jsp或超文本标记语言
表id=' UserList ' lay-filter=' UserList '/table js
//用户列表var tableIns=table。render({ elem : ' # user list ',URL : ' user action _ findall。action ',cellMinWidth : 95,page : true,height : 'full-125 ',limits :[10,15,20,25],limit : 10,id : ' userListTable ',cols : [[ {type: 'checkbox ',fix用户名,最小宽度:100,对齐: '中心},{field: '用户电子邮件,标题: '用户邮箱,minWidth:200,align:'center ',模板:函数(d){ return ' a class=' layui-blue ' href=' mailto : ' d .用户电子邮件' ' rel=' external no follow ' ' d .用户电子邮件'/a ';}},{field: 'userSex ',title: '用户性别,align:'center'},{field: 'userStatus ',title: '用户状态,align:'center ',模板:函数(d){ return d . userstatus==' 0 '?'正常使用:'span class='layui-red '限制使用/span ';}},{field: 'userGrade ',title: '用户等级,align:'center'},{field: 'userEndTime ',title: '最后登录时间,对齐: '中心,最小宽度:150 ',{title: '操作,minWidth:175,templet: ' # userListBar ',fixed:'right ',align : ' center ' }]});UserAction.java
//接收前端发送来的分页参数私有int page=1;public void SetPage(int page){ this。page=page} public int GetPage(){ return page;}私有int limit=2;public int GetLimit(){ return limit;} public void setLimit(int limit){ this。极限=极限;} public String find all(){ list user all user=this。getuser service().findaluser(这个。getpage()、这个。getlimit());映射字符串,对象结果=新HashMapString,对象();result.put('code ',0);result.put('msg ',' ');result.put('count ',this.getUserService().findTotalRecord(键));对象数组=JSONArray。来自对象(所有用户);result.put('data ',array);//将其转换为数据数据,并压入值栈返回ActionContext.getContext().getValueStack().set('jsonData ',JSON对象。从对象(结果));返回"成功";}struts.xml配置
!-用户配置-包名=“用户”命名空间='/'扩展='公共,json-default '操作名='userAction_* '类='userAction '方法='{1} '结果名='成功'类型='json '参数名=' root ' JSON数据/参数/结果/操作/包返回数据数据格式,也是获得数据表格要求的格式
{ 'code': 0,' msg': ' ',' count': 15,' data': [ { 'usersId': '1 ',' userName': 'user12 ',' user email ' : '[email protected]',' userSex': '女、"用户状态":"0"、"用户等级":倔强青铜,' userEndTime ' : ' 2018-11-11 15:22:33 ' },{ 'usersId': '2 ',' userName': 'asd ','用户电子邮件' : '[电子邮件保护],' userSex ' : '男、"用户状态":"1"、"用户等级":秩序白银,' userEndTime ' : ' 2018-11-11 15:2233:33 ' },]}注意:
1.js中桌子的领域需要与返回的数据键相对应,比如字段:"用户名"与"用户名" :"ASD "
2.layui的数据表格向全球资源定位器(统一资源定位符)发送请求时,会附上页以及限制这两个参数,所以服务端需要接收并以此为条件查找数据
前端展示效果
以上这篇获得之数据表格-与后台交互获取数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。