Heim Java javaLernprogramm So implementieren Sie eine Nachrichtenerinnerung in JSP

So implementieren Sie eine Nachrichtenerinnerung in JSP

May 15, 2019 am 10:14 AM
java jsp

Wenn Sie über ein System auf Plattformebene verfügen, können Sie Nachrichtenwarteschlangen-Middleware wie Alibabas rocketmq in Betracht ziehen und diese für das Abonnieren und Verteilen von Nachrichten verwenden.

Wenn Sie lediglich eine Eingabeaufforderung zur Webseite (JSP) benötigen, können Sie mit js Ajax für den Zugriff auf den Hintergrund planen. Der Hintergrund bestimmt, ob eine Datenaktualisierung vorliegt, unabhängig davon, woher die Daten stammen .

Empfohlener Kurs: Java-Tutorial.

So implementieren Sie eine Nachrichtenerinnerung in JSP

Hier verwenden wir JS, um das Nachrichten-Popup-Feld auf der JSP-Seite zu implementieren. Hier ist nur ein einfaches Demonstrationsbeispiel mit Zwei benutzerdefinierte Nachrichten. Der Popup-Effekt ist wie folgt:


Die Code-Implementierung ist nicht mit dem Hintergrund verbunden:

<%@ 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>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo implementieren Sie eine Nachrichtenerinnerung in JSP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Perfekte Zahl in Java Perfekte Zahl in Java Aug 30, 2024 pm 04:28 PM

Leitfaden zur perfekten Zahl in Java. Hier besprechen wir die Definition, Wie prüft man die perfekte Zahl in Java?, Beispiele mit Code-Implementierung.

Zufallszahlengenerator in Java Zufallszahlengenerator in Java Aug 30, 2024 pm 04:27 PM

Leitfaden zum Zufallszahlengenerator in Java. Hier besprechen wir Funktionen in Java anhand von Beispielen und zwei verschiedene Generatoren anhand ihrer Beispiele.

Weka in Java Weka in Java Aug 30, 2024 pm 04:28 PM

Leitfaden für Weka in Java. Hier besprechen wir die Einführung, die Verwendung von Weka Java, die Art der Plattform und die Vorteile anhand von Beispielen.

Smith-Nummer in Java Smith-Nummer in Java Aug 30, 2024 pm 04:28 PM

Leitfaden zur Smith-Zahl in Java. Hier besprechen wir die Definition: Wie überprüft man die Smith-Nummer in Java? Beispiel mit Code-Implementierung.

Fragen zum Java Spring-Interview Fragen zum Java Spring-Interview Aug 30, 2024 pm 04:29 PM

In diesem Artikel haben wir die am häufigsten gestellten Fragen zu Java Spring-Interviews mit ihren detaillierten Antworten zusammengestellt. Damit Sie das Interview knacken können.

Brechen oder aus Java 8 Stream foreach zurückkehren? Brechen oder aus Java 8 Stream foreach zurückkehren? Feb 07, 2025 pm 12:09 PM

Java 8 führt die Stream -API ein und bietet eine leistungsstarke und ausdrucksstarke Möglichkeit, Datensammlungen zu verarbeiten. Eine häufige Frage bei der Verwendung von Stream lautet jedoch: Wie kann man von einem Foreach -Betrieb brechen oder zurückkehren? Herkömmliche Schleifen ermöglichen eine frühzeitige Unterbrechung oder Rückkehr, aber die Stream's foreach -Methode unterstützt diese Methode nicht direkt. In diesem Artikel werden die Gründe erläutert und alternative Methoden zur Implementierung vorzeitiger Beendigung in Strahlverarbeitungssystemen erforscht. Weitere Lektüre: Java Stream API -Verbesserungen Stream foreach verstehen Die Foreach -Methode ist ein Terminalbetrieb, der einen Vorgang für jedes Element im Stream ausführt. Seine Designabsicht ist

Zeitstempel für Datum in Java Zeitstempel für Datum in Java Aug 30, 2024 pm 04:28 PM

Anleitung zum TimeStamp to Date in Java. Hier diskutieren wir auch die Einführung und wie man Zeitstempel in Java in ein Datum konvertiert, zusammen mit Beispielen.

Gestalten Sie die Zukunft: Java-Programmierung für absolute Anfänger Gestalten Sie die Zukunft: Java-Programmierung für absolute Anfänger Oct 13, 2024 pm 01:32 PM

Java ist eine beliebte Programmiersprache, die sowohl von Anfängern als auch von erfahrenen Entwicklern erlernt werden kann. Dieses Tutorial beginnt mit grundlegenden Konzepten und geht dann weiter zu fortgeschrittenen Themen. Nach der Installation des Java Development Kit können Sie das Programmieren üben, indem Sie ein einfaches „Hello, World!“-Programm erstellen. Nachdem Sie den Code verstanden haben, verwenden Sie die Eingabeaufforderung, um das Programm zu kompilieren und auszuführen. Auf der Konsole wird „Hello, World!“ ausgegeben. Mit dem Erlernen von Java beginnt Ihre Programmierreise, und wenn Sie Ihre Kenntnisse vertiefen, können Sie komplexere Anwendungen erstellen.

See all articles