【微服务】146:商品品牌业务后台Java代码编写( 二 )
4Service层和Mapper层
因为是单表查询 , 所以使用通用mapper插件即可 , mapper层代码超简单就不说明了 。

文章图片
分页助手的使用
PageHelper是Mybatis的一个分页插件 , 其使用起来非常的方便 。
调用startPage()方法开启分页助手的使用 , 参数为当前页码数和每页的行数 。
在中创建一个PageInfo对象 , 其和分页相关的数据都可以用对应的get方法获取 。
根据key值模糊查询
我们在搜索框中输入的数据为key:
key值要么是品牌名name包含的值 。
key值要么就是品牌首字母letter 。
排序
关于通用mapper的使用 , 第132天有说明 。
用一个三元表达式来说明是升序还是降序 , 一定要注意要留有空格 , 具体看图中说明 。
查询结果
如果查询结果为空 , 自定义一个异常报错 , 关于自定义异常后续专门写一篇文章额外说明 , emm……具体看情况吧 。
三、前端页面接受请求
通过浏览器F12查看响应到的数据 。
1响应数据渲染

文章图片
因为我们在前端代码中打印了响应的数据 , 也就是consol.log(resp)这段代码 。
在浏览器中可以查看到具体的响应数据 。
我们可以发现 , 数据主要存储在data中:
items即为响应的每行数据 , 因为设置的rows值为5 , 所以这里items大小也就是为5 。
total即总记录数 , 数据库中一共查到了164条品牌数据 。
totalPage即总页数 , 因为我们这里没有编写对应的业务 , 所以为null 。
将响应的数据赋值给前端vue中对应的值即可 , 其中关于loading再次做一个说明:
loading为true , 前端页面中有一条不断加载的线来表示数据正在加载中 。
loading为为false , 不再显示那条线 。
2做一个测试
在管理页面中 , 选择我的品牌管理 , 向服务器发送请求获取响应数据 , 并完成数据渲染:

文章图片
页面加载后的结果就是如上图所示 , 这是我调到了第2页后的数据 。
由于vue组件的使用 , 所以自行实现了分页功能 , 不用我们自己以前那样一一对应渲染了 。
其中关于图片的业务还未处理 , 数据库中有的也没有图片数据 , 所以没有显示 。
最后
行有不得反求诸己 , 我是@刘小爱 。
白天上班晚上学习 , 和Java同岁 , 不为其它 , 只为学会自律做好自己 , 也愿我的每日打卡能给你带来勇气 , 欢迎点赞关注和评论 。
- 12月13日消息|小米13系列手机明日开售售价4599元
- 12月13日消息|微软参展2022印度动漫展,win11“喧宾夺主”成为主角
- 服务器|国际乒联服务器出问题 马龙、樊振东等信息遭泄漏
- 12月13日消息|极狐gitlab与微软、神州数码达成合作
- 科技在不断进步|宝砾微pl56002助力快充市场繁荣发展
- 南京酷科电子科技有限公司作为小米科技公司旗下的生态链企业之一|酷科65wgan充电器测试模块测试模块主要测试
- 唉|这么又“杀”我微信了?
- 极狐 GitLab 与微软、神州数码达成合作,在中国市场落地运营
- 高大幕墙骨架结构选型成为当下大跨度幕墙系统面临的主要问题|幕墙精制钢型材,新时代下的幕墙新材料【西创系统】
- 12月13日消息|微软计划今年年底关闭xboxmvp计划
