數(shù)據(jù)明明已經(jīng)有返回了,但是列表就是不顯示
網(wǎng)上的解決辦法要不就是code對(duì)應(yīng)的值改成0,再要不就是還需要response參數(shù)。都試過了沒有用,我的值還是沒展示。實(shí)在是找不到問題在哪里,求幫助~~~
customer.js文件
table=layui.table; table.render({ ????elem:?, ????url:?,??page:?,???response:{?statusName:?, ????????statusCode:?}, ????cols:?[[?{field:,title:}, ????????{field:,title:}, ????????{field:,title:}, ????????{field:,title:}, ????????{field:,title:}, ????????{title:,toolbar:} ????]], ????parseData:(res){{ ????????????:?res.code,?:?res.msg,???:?res.data.records,???:?res.data.count????} ????} }); controller文件: package?com.imooc.project.controller; import?com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper; import?com.baomidou.mybatisplus.core.toolkit.StringUtils; import?com.baomidou.mybatisplus.core.toolkit.Wrappers; import?com.baomidou.mybatisplus.extension.api.R; import?com.baomidou.mybatisplus.extension.plugins.pagination.Page; import?com.imooc.project.entity.Customer; import?com.imooc.project.service.CustomerService; import?org.springframework.beans.factory.annotation.Autowired; import?org.springframework.web.bind.annotation.GetMapping; import?org.springframework.web.bind.annotation.RequestMapping; import?org.springframework.stereotype.Controller; import?org.springframework.web.bind.annotation.ResponseBody; import?java.util.HashMap; import?java.util.Map; /** ?*?<p> ?*?客戶表?前端控制器 ?*?</p> ?* ?*?@author?xigua ?*?@since?2023-04-19 ?*/ @Controller @RequestMapping("/customer") public?class?CustomerController?{ ????@Autowired ????private?CustomerService?customerService; ????/** ?????*?進(jìn)入列表頁 ?????*?@return ?????*/ ????@GetMapping("toList") ????public?String?toList(){ ????????return?"/customer/customerList"; ????} ????/** ?????*?查詢方法 ?????*?@param?realName ?????*?@param?phone ?????*?@param?page ?????*?@param?limit ?????*?@return ?????*/ ????@GetMapping("list") ????@ResponseBody ????public?R<Map<String,Object>>?list(String?realName,String?phone,Long?page,Long?limit){ ????????//查詢條件:當(dāng)realName不為空時(shí),加上模糊查詢;當(dāng)電話號(hào)碼不為空時(shí),加上模糊查詢 ????????//并且customerID按照倒序排列 ????????LambdaQueryWrapper<Customer>?wrapper=?Wrappers.<Customer>lambdaQuery() ????????????????.like(StringUtils.isNotBlank(realName),Customer::getRealName,realName) ????????????????.like(StringUtils.isNotBlank(phone),Customer::getPhone,phone) ????????????????.orderByDesc(Customer::getCustomerId); ????????//分頁查詢 ????????Page<Customer>?customerPage?=?customerService.page(new?Page<>(page,?limit),?wrapper); ????????HashMap<String,?Object>?data?=?new?HashMap<>(); ????????data.put("count",customerPage.getTotal()); ????????data.put("records",customerPage.getRecords()); ????????return?R.ok(data); ????} } customerList.html文件 <!DOCTYPE?html> <html?lang="zh"?xmlns:th="http://www.thymeleaf.org"> <head> <meta?charset="UTF-8"> ???<link?rel="stylesheet"?th:href="@{/webjars/layui/css/layui.css}"?media="all"> </head> <body> ???<div?class="layui-form-item"> ??????<div?class="layui-inline"> ?????????<label?class="layui-form-label">真實(shí)姓名</label> ?????????<div?class="layui-input-inline"?style="width:?150px;"> ????????????<input?type="text"?id="realName"?autocomplete="off"?class="layui-input"> ?????????</div> ??????</div> ??????<div?class="layui-inline"> ?????????<label?class="layui-form-label">手機(jī)號(hào)碼</label> ?????????<div?class="layui-input-inline"?style="width:?150px;"> ????????????<input?type="text"?id="phone"?autocomplete="off" ?class="layui-input"> ?????????</div> ??????</div> ??????<div?class="layui-inline"> ?????????<div?class="layui-input-inline"> ????????????<button?class="layui-btn">查詢</button> ?????????</div> ??????</div> ???</div> ???<button?class="layui-btn">增加</button> ???<table?id="customerList"></table> ???<script?th:src="@{/webjars/layui/layui.all.js}"></script> ???<script?th:src="@{/webjars/jquery/jquery.js}"></script> ???<script?th:src="@{/js/customer/customer.js}"></script> ???<script?type="text/html"?id="barDemo"> ??????<a?class="layui-btn?layui-btn-xs"?lay-event="detail">查看</a> ??????<a?class="layui-btn?layui-btn-xs"?lay-event="edit">編輯</a> ??????<a?class="layui-btn?layui-btn-danger?layui-btn-xs"?lay-event="del">刪除</a> ???</script> </body> </html>
2023-05-10
家人們我找了一下午,我感覺就是我請(qǐng)求成功了,但是解析數(shù)據(jù)有問題。
然后我試了一下會(huì)不會(huì)是后端沒有返回count,然后前端沒法獲取總數(shù)條數(shù),所以沒法賦值給res.data.count
然后我在customer.js里面?zhèn)髁诉@行代碼
家人們誰懂啊,沒想到成功了