vol框架提示保存成功的弹框
时间: 2023-07-09 17:15:30 浏览: 66
如果你使用的是 Spring Boot 框架中的 Spring MVC 模块,你可以在控制器方法中添加如下代码来实现保存成功的提示弹框:
```java
// 导入需要的包
import org.springframework.web.servlet.mvc.support.RedirectAttributes;
// 在控制器方法中添加 RedirectAttributes 参数
@RequestMapping("/save")
public String save(User user, RedirectAttributes redirectAttributes) {
// 保存用户信息
userService.save(user);
// 添加保存成功的提示信息
redirectAttributes.addFlashAttribute("message", "保存成功!");
// 重定向到用户列表页面
return "redirect:/user/list";
}
```
在上述示例代码中,我们使用了 RedirectAttributes 类来在重定向时传递参数,其中 `addFlashAttribute` 方法可以将参数添加到 Flash Attributes 中,这些参数会在重定向到目标页面后自动清除。
接下来,在目标页面中,你可以使用以下代码来获取保存成功的提示信息并展示弹框:
```html
<!-- 在页面头部引入 Bootstrap 和 jQuery -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 在页面中添加如下代码 -->
<script>
$(function() {
// 获取保存成功的提示信息
var message = "${message}";
// 如果提示信息不为空,则展示弹框
if (message) {
alert(message);
}
});
</script>
```
在上述代码中,我们使用了 EL 表达式 `${message}` 来获取保存成功的提示信息,并使用 jQuery 在页面加载完成后展示弹框。这里我们使用了 Bootstrap 的样式来美化弹框。