😀前言 本篇博文是关于Spring Boot(vue3+ElementPlus+AxiOS+mybatisPlus+spring Boot 前后端分离)【五】,希望你能够喜欢 &
😀前言
本篇博文是关于Spring Boot(vue3+ElementPlus+AxiOS+mybatisPlus+spring Boot 前后端分离)【五】,希望你能够喜欢
🏠个人主页:晨犀主页
🧑个人简介:大家好,我是晨犀,希望我的文章可以帮助到大家,您的满意是我的动力😉😉
💕欢迎大家:这里是CSDN,我总结知识的地方,欢迎来到我的博客,感谢大家的观看🥰
如果文章有什么需要改进的地方还请大佬不吝赐教 先在此感谢啦😊
//增加方法[接口],根据id,返回对应的家居信息 //如何设计? 依然使用url占位符+@PathVariable @GetMapping("/find/{id}") public Result findById(@PathVariable Integer id) { Furn furn = furnService.getById(id); log.info("furn={}", furn); return Result.success(furn);//返回成功的信息-携带查询到furn信息 }
//处理删除方法handleDel(id) { request.delete("/api/del/" + id).then(res => { if (res.code === 200) { this.$message({ type: "success", message: "删除成功" }) } else { this.$message({ type: "error", message: res.msg }) } this.list() // 刷新列表 })} //响应删除点击 编辑 @Bean public MybatisPlusInterceptor mybatisPlusInterceptor() { MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor(); //这里分页需要指定数据库类型,因为不同的DB,分页sql语句不同 interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.Mysql)); return interceptor; }}
//分页查询的接口/方法 @GetMapping("/furnsByPage") public Result listFurnsByPage(@RequestParam(defaultValue = "1") Integer pageNum, @RequestParam(defaultValue = "5") Integer pageSize) { //这里通过page方法,返回Page对象, 对象中就封装了分页数据 Page<Furn> page = furnService.page(new Page<>(pageNum, pageSize)); //这里我们注意观察,返回的page数据结构是如何的?这样你才能指定在前端如何绑定返回的数据 return Result.success(page); }
mybatis-plus: configuration: #这里我们配置输出底层的sql,方便我们观察sql log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
------看后端sql--------
==> Preparing: SELECT COUNT(*) FROM furn==> Parameters:<== Columns: COUNT(*)<== Row: 5<== Total: 1==> Preparing: SELECT id,name,maker,price,sales,stock FROM furn LIMIT ?==> Parameters: 3(Long)<== Columns: id, name, maker, price, sales, stock <== Row: 1, 北欧风格小桌子, 熊猫家居, 180.00, 666, 7<== Row: 2, 简约风格小椅子, 熊猫家居, 180.00, 666, 7<== Row: 3, 典雅风格小台灯, 蚂蚁家居, 180.00, 666, 7<== Total: 3
//增加element-plus 分页控件
启动项目后台服务springboot-furn, 启动项目前台springboot_vue, 浏览器输入: http://localhost:10000/
● 测试分页显示效果, 浏览器: http://localhost:10000/
文章到这里就结束了,如果有什么疑问的地方请指出,诸大佬们一起来评论区一起讨论😁
希望能和诸大佬们一起努力,今后我们一起观看感谢您的阅读🍻
如果帮助到您不妨3连支持一下,创造不易您们的支持是我的动力🤞
来源地址:https://blog.csdn.net/m0_73557631/article/details/132535638
--结束END--
本文标题: Spring Boot(Vue3+ElementPlus+Axios+MyBatisPlus+Spring Boot 前后端分离)【五】
本文链接: https://www.lsjlt.com/news/402618.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-01-21
2023-10-28
2023-10-28
2023-10-27
2023-10-27
2023-10-27
2023-10-27
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0