首页 Java java教程 jsp怎么实现消息提醒

jsp怎么实现消息提醒

May 15, 2019 am 10:14 AM
java jsp

如果你是平台级别的系统,可以考虑消息队列的中间件,例如:阿里巴巴的rocketmq,用这个来做消息订阅与分发。

如果你只是简简单单的需要提示到web(jsp)页面,可以用js定时ajax访问后台,后台来确定是否有数据更新,无论这个数据是哪来的。

推荐课程:Java教程

jsp怎么实现消息提醒

这里就使用在JSP页面上通过JS实现消息弹出框,样式可根据要求修改,这边只是一个简单的示范例子,自定义了两条消息,弹框效果如下:


代码实现并未连接后台:

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%@page import="java.util.*"%>
<html>
  <head>
	<style type="text/css">
		#winpop { width:250px; height:0px; position:absolute; right:0; bottom:0; border:1px solid grey; margin:0; padding:1px; overflow:hidden; display:none; background:#FFFFFF}
		#winpop .title { width:100%; height:20px; line-height:20px; background:#0AB0FF ; font-weight:bold; text-align:center; font-size:12px;color:white}
		#winpop .con { width:100%; height:360px; line-height:80px; font-weight:bold; font-size:12px; color:#FF0000; text-decoration:underline; text-align:center}
		.close { position:absolute; right:4px; top:-1px; color:#FFFFFF; cursor:pointer}
	</style>
  </head>
<%     
    //未读消息unreadList根据实际情况取
    List<Map> unreadList = new ArrayList<Map>();
	Map<String,String> map1=new HashMap<String,String>();
	map1.put("msgId","1");
	map1.put("msgContent","message111111");
	unreadList.add(map1);
	Map<String,String> map2=new HashMap<String,String>();
	map2.put("msgId","2");
	map2.put("msgContent","message222222");
	unreadList.add(map2);
    int num=unreadList.size();
%>
  <body>
    <script language="javascript" type="text/javascript">
		window.onload = function tanchuang() { //加载
			document.getElementById('winpop').style.height = '0px';//要初始化这个高度,虽然CSS里已经初始化了
			
				setTimeout("tips_pop()",0); //调用tips_pop()这个函数
		}
		
		function tips_pop() {
			var MsgPop = document.getElementById("winpop");//获取窗口这个对象,即ID为winpop的对象
			var popH = parseInt(MsgPop.style.height);//用parseInt将对象的高度转化为数字,以方便下面比较
		
			if (popH == 0) { //如果窗口的高度是0
				MsgPop.style.display = "block";//那么将隐藏的窗口显示出来
				show = setInterval("changeH('up')", 2);//开始以每0.002秒调用函数changeH("up"),即每0.002秒向上移动一次
			} else { //否则
				hide = setInterval("changeH('down')", 2);//开始以每0.002秒调用函数changeH("down"),即每0.002秒向下移动一次
			}
		}
		function changeH(str) {
			var MsgPop = document.getElementById("winpop");
			var popH = parseInt(MsgPop.style.height);
			if (str == "up") { //如果这个参数是UP
				if (popH <= 100) { //如果转化为数值的高度小于等于100
					MsgPop.style.height = (popH + 4).toString() + "px";//高度增加4个象素
				} else {
					clearInterval(show);//否则就取消这个函数调用,意思就是如果高度超过100象度了,就不再增长了
				}
			}
			if (str == "down") {
				if (popH >= 4) { //如果这个参数是down
					MsgPop.style.height = (popH - 4).toString() + "px";//那么窗口的高度减少4个象素
				} else { //否则
					clearInterval(hide); //否则就取消这个函数调用,意思就是如果高度小于4个象度的时候,就不再减了
					MsgPop.style.display = "none"; //因为窗口有边框,所以还是可以看见1~2象素没缩进去,这时候就把DIV隐藏掉
				}
			}
		}
	</script>
	
	<%if(num>0){ %>
		<div id="winpop">
		<div class="title" >系统信息<br>
		共有<font color="red"><big><%=num %></big></font>条未读消息
		<span class="close" onclick="tips_pop()">X</span></div>
		<%for(int i=0;i<num;i++) { %>
		<!-- 点击信息标题链接到信息明细,传递信息编号参数 -->
		      <a href="/XXXAction.do?msgId=<%=unreadList.get(i).get("msgId") %>">
				<%if(String.valueOf(unreadList.get(i).get("msgContent")).length()>16) {%>
					<%=String.valueOf(unreadList.get(i).get("msgContent")).substring(0,16)+"..." %>
					<%} else{ %>
					<%=String.valueOf(unreadList.get(i).get("msgContent")) %>
					<%} %>
			  </a><br>
			<%
				if(i>=1){//最多显示两条
					break;
				}
			} %>
			<center>
			<!-- 点击查看更多未读消息 -->
			<a href="/XXXAction.do %>"><font color="red">更多未读消息...</font></a></center>
		</div>
		<%} %>
  </body>
</html>
登录后复制

以上是jsp怎么实现消息提醒的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Java 中的完美数 Java 中的完美数 Aug 30, 2024 pm 04:28 PM

Java 完美数指南。这里我们讨论定义,如何在 Java 中检查完美数?,示例和代码实现。

Java 中的随机数生成器 Java 中的随机数生成器 Aug 30, 2024 pm 04:27 PM

Java 随机数生成器指南。在这里,我们通过示例讨论 Java 中的函数,并通过示例讨论两个不同的生成器。

Java中的Weka Java中的Weka Aug 30, 2024 pm 04:28 PM

Java 版 Weka 指南。这里我们通过示例讨论简介、如何使用weka java、平台类型和优点。

Java 中的史密斯数 Java 中的史密斯数 Aug 30, 2024 pm 04:28 PM

Java 史密斯数指南。这里我们讨论定义,如何在Java中检查史密斯号?带有代码实现的示例。

Java Spring 面试题 Java Spring 面试题 Aug 30, 2024 pm 04:29 PM

在本文中,我们保留了最常被问到的 Java Spring 面试问题及其详细答案。这样你就可以顺利通过面试。

突破或从Java 8流返回? 突破或从Java 8流返回? Feb 07, 2025 pm 12:09 PM

Java 8引入了Stream API,提供了一种强大且表达力丰富的处理数据集合的方式。然而,使用Stream时,一个常见问题是:如何从forEach操作中中断或返回? 传统循环允许提前中断或返回,但Stream的forEach方法并不直接支持这种方式。本文将解释原因,并探讨在Stream处理系统中实现提前终止的替代方法。 延伸阅读: Java Stream API改进 理解Stream forEach forEach方法是一个终端操作,它对Stream中的每个元素执行一个操作。它的设计意图是处

Java 中的时间戳至今 Java 中的时间戳至今 Aug 30, 2024 pm 04:28 PM

Java 中的时间戳到日期指南。这里我们还结合示例讨论了介绍以及如何在java中将时间戳转换为日期。

创造未来:面向零基础的 Java 编程 创造未来:面向零基础的 Java 编程 Oct 13, 2024 pm 01:32 PM

Java是热门编程语言,适合初学者和经验丰富的开发者学习。本教程从基础概念出发,逐步深入讲解高级主题。安装Java开发工具包后,可通过创建简单的“Hello,World!”程序实践编程。理解代码后,使用命令提示符编译并运行程序,控制台上将输出“Hello,World!”。学习Java开启了编程之旅,随着掌握程度加深,可创建更复杂的应用程序。

See all articles