这是入库按钮:<el-button type="primary" @click="submitForm" :loading="loadingbut" v-else v-hasPermi="['inter:order:add']">入 库</el-button> 这是需求:站内所有仓库板块用户收到新入库消息提醒,以弹窗方式展示, 这是前端submitForm() { this.goodsType = this.$refs.goodsType.item; this.form.goodOrderItems = this.goodsType.goodList; console.log(this.form.goodOrderItems); this.loadingbut = true; this.$refs.form.validate((valid) => { if (valid) { if (this.form.id && this.form.id !== "0") { edit(this.form).then(res => { this.$message.success("保存成功!"); this.loadingbut = false; this.back(); }); } else { add(this.form).then(res => { this.$message.success("保存成功!"); this.loadingbut = false; this.back(); }); } } this.loadingbut = false; return false; }); } 前端该怎么改, 后端是springboot,后端该怎么改
时间: 2024-02-10 21:34:14 浏览: 91
前端部分:
在submitForm()方法中,当保存成功后,可以调用一个新的方法,用来发送新入库消息提醒。在这个方法中,可以使用axios或者其他HTTP库向后端发送请求,将新入库消息的相关信息发送到后端。后端可以使用WebSocket或者其他方式将消息推送到所有需要收到消息提醒的用户。具体实现方式需要根据项目的具体情况来确定。
后端部分:
在后端中,需要实现一个接口,用来接收前端发送的新入库消息提醒。可以使用Spring Boot提供的WebSocket或者其他方式来实现消息推送。当收到消息后,需要将消息推送到所有需要收到消息提醒的用户。具体实现方式需要根据项目的具体情况来确定。
相关问题
这是入库按钮:<el-button type="primary" @click="submitForm" :loading="loadingbut" v-else v-hasPermi="['inter:order:add']">入 库</el-button> 这是需求:站内所有仓库板块用户收到新入库消息提醒,以弹窗方式展示,能帮我写出来吗
可以的,你可以在 `submitForm` 函数中添加一个发送通知的逻辑。具体实现可以按照以下步骤:
1. 在 `submitForm` 函数中,发送请求将数据入库。
2. 在请求成功的回调函数中,向仓库板块用户发送新入库消息提醒。
3. 弹窗方式展示消息。可以使用 Element UI 的 `MessageBox` 组件,例如:
```javascript
this.$messageBox.alert('新入库消息提醒', '您有新的入库记录,请及时查看。')
```
4. 如果需要将消息推送给用户,可以使用 WebSocket 技术实现。在用户登录时,建立 WebSocket 连接,并订阅仓库板块的消息通知。当有新的消息时,WebSocket 服务器会向客户端推送消息。具体实现可以参考第三方库,例如 Socket.io。
实现以上逻辑后,用户就能在收到新入库消息时弹窗提醒,进而查看新的入库记录。
阅读全文