Maison Java javaDidacticiel Comment implémenter le rappel de message en jsp

Comment implémenter le rappel de message en jsp

May 15, 2019 am 10:14 AM
java jsp

Si vous disposez d'un système au niveau de la plate-forme, vous pouvez envisager un middleware de file d'attente de messages, tel que rocketmq d'Alibaba, et l'utiliser pour l'abonnement et la distribution des messages.

Si vous avez simplement besoin d'accéder à la page Web (jsp), vous pouvez utiliser js pour planifier ajax pour accéder à l'arrière-plan, et l'arrière-plan déterminera s'il y a une mise à jour des données, quelle que soit l'origine des données. .

Cours recommandé : Tutoriel Java.

Comment implémenter le rappel de message en jsp

Ici, nous utilisons JS pour implémenter la boîte de message contextuelle sur la page JSP. Le style peut être modifié selon les exigences. Voici juste un exemple de démonstration simple avec. deux messages personnalisés. , l'effet pop-up est le suivant :


L'implémentation du code n'est pas connectée à l'arrière-plan :

<%@ 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>
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Nombre parfait en Java Nombre parfait en Java Aug 30, 2024 pm 04:28 PM

Guide du nombre parfait en Java. Nous discutons ici de la définition, comment vérifier le nombre parfait en Java ?, des exemples d'implémentation de code.

Générateur de nombres aléatoires en Java Générateur de nombres aléatoires en Java Aug 30, 2024 pm 04:27 PM

Guide du générateur de nombres aléatoires en Java. Nous discutons ici des fonctions en Java avec des exemples et de deux générateurs différents avec d'autres exemples.

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

Guide de Weka en Java. Nous discutons ici de l'introduction, de la façon d'utiliser Weka Java, du type de plate-forme et des avantages avec des exemples.

Numéro de Smith en Java Numéro de Smith en Java Aug 30, 2024 pm 04:28 PM

Guide du nombre de Smith en Java. Nous discutons ici de la définition, comment vérifier le numéro Smith en Java ? exemple avec implémentation de code.

Questions d'entretien chez Java Spring Questions d'entretien chez Java Spring Aug 30, 2024 pm 04:29 PM

Dans cet article, nous avons conservé les questions d'entretien Java Spring les plus posées avec leurs réponses détaillées. Pour que vous puissiez réussir l'interview.

Break or Return of Java 8 Stream Forach? Break or Return of Java 8 Stream Forach? Feb 07, 2025 pm 12:09 PM

Java 8 présente l'API Stream, fournissant un moyen puissant et expressif de traiter les collections de données. Cependant, une question courante lors de l'utilisation du flux est: comment se casser ou revenir d'une opération FOREAK? Les boucles traditionnelles permettent une interruption ou un retour précoce, mais la méthode Foreach de Stream ne prend pas directement en charge cette méthode. Cet article expliquera les raisons et explorera des méthodes alternatives pour la mise en œuvre de terminaison prématurée dans les systèmes de traitement de flux. Lire plus approfondie: Améliorations de l'API Java Stream Comprendre le flux Forach La méthode foreach est une opération terminale qui effectue une opération sur chaque élément du flux. Son intention de conception est

Horodatage à ce jour en Java Horodatage à ce jour en Java Aug 30, 2024 pm 04:28 PM

Guide de TimeStamp to Date en Java. Ici, nous discutons également de l'introduction et de la façon de convertir l'horodatage en date en Java avec des exemples.

Créer l'avenir : programmation Java pour les débutants absolus Créer l'avenir : programmation Java pour les débutants absolus Oct 13, 2024 pm 01:32 PM

Java est un langage de programmation populaire qui peut être appris aussi bien par les développeurs débutants que par les développeurs expérimentés. Ce didacticiel commence par les concepts de base et progresse vers des sujets avancés. Après avoir installé le kit de développement Java, vous pouvez vous entraîner à la programmation en créant un simple programme « Hello, World ! ». Une fois que vous avez compris le code, utilisez l'invite de commande pour compiler et exécuter le programme, et « Hello, World ! » s'affichera sur la console. L'apprentissage de Java commence votre parcours de programmation et, à mesure que votre maîtrise s'approfondit, vous pouvez créer des applications plus complexes.

See all articles