返回
使用函数方法调用创建一个页面消失提示Message
前端
2023-11-06 03:02:43
在实际的开发工作中,经常会有提示类弹窗的需求。这个弹窗的信息不会影响用户的使用,并且能够在一定时间后消失。
提示弹窗通常有两种方式实现:前端方案与后端方案。
前端实现 :前端方案最常见的就是通过javascript实现,直接在前端通过dom操作进行提示,这种方式会比较繁琐,逻辑也会比较复杂,所以一般会在框架中找到相关的插件使用。
后端实现 :后端实现主要利用的是session或者cookie,在合适的时间将数据传输给前端渲染即可。
代码示例
/**
* 创建消息提示框
*
* @param title 消息标题
* @param content 消息内容
* @param type 消息类型
* @return 消息提示框
*/
public static Message createMessage(String title, String content, String type) {
Message message = new Message();
message.setTitle(title);
message.setContent(content);
message.setType(type);
return message;
}
/**
* 创建消息提示框
*
* @param message 消息对象
* @return 消息提示框
*/
public static Message createMessage(Message message) {
return message;
}
/**
* 显示消息提示框
*
* @param message 消息提示框
*/
public static void showMessage(Message message) {
// TODO: 在页面上显示消息提示框
}
/**
* 隐藏消息提示框
*
* @param message 消息提示框
*/
public static void hideMessage(Message message) {
// TODO: 在页面上隐藏消息提示框
}
使用方法
// 创建消息提示框
Message message = Message.createMessage("标题", "内容", "类型");
// 显示消息提示框
Message.showMessage(message);
// 隐藏消息提示框
Message.hideMessage(message);
效果图预览
[图片]