【微服务】146:商品品牌业务后台Java代码编写( 二 )


4Service层和Mapper层
因为是单表查询 , 所以使用通用mapper插件即可 , mapper层代码超简单就不说明了 。
【微服务】146:商品品牌业务后台Java代码编写
文章图片
分页助手的使用
PageHelper是Mybatis的一个分页插件 , 其使用起来非常的方便 。
调用startPage()方法开启分页助手的使用 , 参数为当前页码数和每页的行数 。
在中创建一个PageInfo对象 , 其和分页相关的数据都可以用对应的get方法获取 。
根据key值模糊查询
我们在搜索框中输入的数据为key:
key值要么是品牌名name包含的值 。
key值要么就是品牌首字母letter 。
排序
关于通用mapper的使用 , 第132天有说明 。
用一个三元表达式来说明是升序还是降序 , 一定要注意要留有空格 , 具体看图中说明 。
查询结果
如果查询结果为空 , 自定义一个异常报错 , 关于自定义异常后续专门写一篇文章额外说明 , emm……具体看情况吧 。
三、前端页面接受请求
通过浏览器F12查看响应到的数据 。
1响应数据渲染
【微服务】146:商品品牌业务后台Java代码编写
文章图片
因为我们在前端代码中打印了响应的数据 , 也就是consol.log(resp)这段代码 。
在浏览器中可以查看到具体的响应数据 。
我们可以发现 , 数据主要存储在data中:
items即为响应的每行数据 , 因为设置的rows值为5 , 所以这里items大小也就是为5 。
total即总记录数 , 数据库中一共查到了164条品牌数据 。
totalPage即总页数 , 因为我们这里没有编写对应的业务 , 所以为null 。
将响应的数据赋值给前端vue中对应的值即可 , 其中关于loading再次做一个说明:
loading为true , 前端页面中有一条不断加载的线来表示数据正在加载中 。
loading为为false , 不再显示那条线 。
2做一个测试
在管理页面中 , 选择我的品牌管理 , 向服务器发送请求获取响应数据 , 并完成数据渲染:
【微服务】146:商品品牌业务后台Java代码编写
文章图片
页面加载后的结果就是如上图所示 , 这是我调到了第2页后的数据 。
由于vue组件的使用 , 所以自行实现了分页功能 , 不用我们自己以前那样一一对应渲染了 。
其中关于图片的业务还未处理 , 数据库中有的也没有图片数据 , 所以没有显示 。
最后
行有不得反求诸己 , 我是@刘小爱 。
白天上班晚上学习 , 和Java同岁 , 不为其它 , 只为学会自律做好自己 , 也愿我的每日打卡能给你带来勇气 , 欢迎点赞关注和评论 。