返回

使用函数方法调用创建一个页面消失提示Message

前端

在实际的开发工作中,经常会有提示类弹窗的需求。这个弹窗的信息不会影响用户的使用,并且能够在一定时间后消失。

提示弹窗通常有两种方式实现:前端方案与后端方案。
前端实现 :前端方案最常见的就是通过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);

效果图预览

[图片]

源码地址github

https://github.com/yinguobin/message-box