1.消息列表返回 接口设计
id="getMsgListFormat" resultType="hashmap">
select u.userNameas senderName,
p.nameas productName,
m.contentas content,
m.statusas status,
m.createTime as createTime,
m.idas id
from minmao.t_product p
left outer join
minmao.t_message m on m.productId = p.id
left outer join
minmao.t_user u on m.senderId = u.id
where recipientId = #{recipientId}
order by createTime desc
接口测试
文章图片
前端渲染
文章图片
2.消息回复 设计思路 回复消息本质上还是对消息表插入一个记录，不过它只需要将被回复的消息的发送方和接收方身份进行对调，所以前端只需要向后盾传递要回复消息的id和回复的内容即可，在前端如下：
文章图片
回复按钮绑定一个点击事件，传递该消息的id：
文章图片
消息内容与表单的输入进行双向绑定：
文章图片
现在我们需要一个接口来接收这两个参数进行处理，即在消息表中插入一条记录：
文章图片
进行接口测试：
文章图片
进行前后端对接：
文章图片
改造回复按钮的点击事件：
文章图片
打印一下响应结果：
文章图片
好了对接成功，我们进行完全的改造，如下：
文章图片
测试发现一个问题：
文章图片
正常应该是：
文章图片
问题是：弹窗的遮罩层的层级在弹窗之上
解决：在el-dialog标签里加上
:modal-append-to-body='false'参考文章：vue element-ui el-dialog组件的一些坑
3.删除消息 接口设计太简单了，直接快进到接口测试：
文章图片
前端进行对接：
为删除按钮绑定点击事件
文章图片
在点击事件向后端发送请求，根据响应结果做出不同的操作提示：
文章图片
4.取消订单 接口设计
文章图片
文章图片
前端的话与删除消息同理，绑定事件，发请求，根据响应做出不同的提示。
【笔记|15天完成民猫电商毕设——消息模块收尾（12th day）】休息时间到了，拜拜！
推荐阅读
- 学习|Python3学习
- 前端|uniapp开发微信小程序的坑
- 微信小程序|uniapp开发微信小程序获取code
- Java|从头搭建一个SpringBoot项目，至少应该引入哪些配置（）
- java|Springboot+mybatis搭建的第一个项目
- Spring|1、搭建一个简单的SpringBoot项目
- springBoot|springBoot之如何搭建第一个简单的springBoot项目(Hello World)
- Java微服务框架|从零搭建一个SpringBoot项目
- Spring|带你搭一下你的第一个SpringBoot项目