旗下导航:搜·么
当前位置:网站首页 > JAVA教程 > 正文

jsp怎样完成音讯提示【JAVA教程】,jsp,java

作者:搜教程发布时间:2019-11-27分类:JAVA教程浏览:60评论:0


导读:假如你是平台级别的体系,能够斟酌音讯行列的中间件,比方:阿里巴巴的rocketmq,用这个来做音讯定阅与分发。假如你只是简简朴单的须要提示到web(jsp)页面,能够用js...
假如你是平台级别的体系,能够斟酌音讯行列的中间件,比方:阿里巴巴的rocketmq,用这个来做音讯定阅与分发。

假如你只是简简朴单的须要提示到web(jsp)页面,能够用js定时ajax接见背景,背景来肯定是不是有数据更新,不管这个数据是哪来的。

引荐课程:Java教程。

这里就使用在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怎样完成音讯提示的细致内容,更多请关注ki4网别的相干文章!

标签:jspjava


欢迎 发表评论: