JAVA实现自动弹出公告栏可设置24小时内不显示

àì夳堔傛蜴生んèń 2022-03-20 09:27 694阅读 0赞

公司因每次停机更新导致用户的操作不便，所以希望我能做一个公告页出来，进行分析大概自己给自己拟定了一下需求。

1.  进入首页，如果有存在有效时间内的、状态为正常的公告则自动弹出框进行显示。
2.  弹出框有关闭和24h内不再显示按钮，优化用户已经知晓通知后的使用体验。24小时之后公告继续弹出。
3.  当有新的公告时，就算用户设置24小时不弹出也需要弹出以保证公告的传达性。
4.  用户可以手动点击首页查看公告按钮进行查看。

因为各个用户之间公告的展示需要独立开来，所以把是否查看的状态储存在cookie里。

如下，在首页加载的时候调用showNoticeList方法并传参ready代表是自加载的时候，查看按钮传参click以区分。

$(document).ready(function() {
    	showNoticeList('ready');
    });
    
    $('#showNoticeBtn').click(function(){
    	showNoticeList("click");
    });

function showNoticeList(type){
    			$.ajax({
    				url : '${xxx}/manager/notice',
    				type : "post",
    				async : true,
    				dataType : "json",
    				success : function(data) {//查询当前是否有需要展示的公告
    					if(type == 'click' && data.length == 0){//当是点击首页按钮，并且没有查到公告时，提示暂无公告。
    						layer.alert('暂无公告！', {icon: 0});
    					}
    					if(data.length > 0){
    						var lastDate = $.cookie('lastDate'); //获取上次查看的公告时间，进行对比来区分最近的公告是否被查看
    						var showNotice = $.cookie('showNotice');//获取存在cookie里的是否查看公告的值为yes还是no
    						if(data[0].createTime != lastDate){//当查询出的公告不是上一次查看的公告时，设置showNotice为yes，无论用户设置是否查看公告都进行弹出
    							$.cookie('showNotice','yes');
    						}
    						if(data[0].createTime == lastDate && showNotice == 'no' && type == 'ready'){ //如果上次查看的公告的修改时间等于本次最新的公告修改时间 默认为用户已看过 可跳过
    							return;
    						}
    						layer.open({
    							title: '公告'
    							,content: data[0].content //公告内容
    							,area: ['970px', '400px']
    							,btn: ['24h内不再显示', '确定']
    							,btn1: function(index, layero){
    								layer.alert('24h内不再自动弹出公告，您可以手动点击首页公告栏查看最新公告！', {icon: 0});
    								var date = new Date();
    								date.setTime(date.getTime()+24*60*60*1000);
    								$.cookie('showNotice', 'no', {expires: date});//设置showNotice的值为no，失效时间为24h
    							}
    							,btn2: function(index, layero){
    						    	
    							}
    						});
    						$.cookie('lastDate',data[0].createTime); //设置上次查看的公告时间为 当前公告时间
    				},
    				error:function(data) {
    					alert("公告查询出错！");
    				}
    			});
    		}

相对应在后台管理的时候，修改公告以及新增公告的时候要保证公告时间为最新时间。

借用layui的富文本编辑器，进行新增、修改公告。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dJTkdaSU5HTElV_size_16_color_FFFFFF_t_70][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dJTkdaSU5HTElV_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dJTkdaSU5HTElV_size_16_color_FFFFFF_t_70 2][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dJTkdaSU5HTElV_size_16_color_FFFFFF_t_70]: /images/20220320/60e79f8ffaaa43d7a54c55192350a11f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dJTkdaSU5HTElV_size_16_color_FFFFFF_t_70 1]: /images/20220320/c04e726e0ff741c3a1fc250d8b9ef5ae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1dJTkdaSU5HTElV_size_16_color_FFFFFF_t_70 2]: /images/20220320/3bb5fc6817e04b0e980f3bd378f675c1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，694人围观）

还没有评论，来说两句吧...

相关阅读

相关 java获取24小时内时间表数组

package com.ekkcole.controlle.时刻表; import java.text.DecimalFormat;

小咪咪/ 2024年03月26日 14:45/ 0 赞/ 75 阅读

相关 SimpleDateFormat显示24小时和12小时时间格式

public static void main(String[] args) throws Exception { MainTest1 main

古城微笑少年丶/ 2023年10月12日 20:45/ 0 赞/ 18 阅读

相关日期格式化12小时与24小时设置

> //12小时 > SimpleDateFormat format=new SimpleDateFormat("yyyy-MM-dd hh:mm:ss");

小灰灰/ 2023年05月30日 04:55/ 0 赞/ 20 阅读

相关【工具】eclipse不自动弹出提示

1、此方法用于没有一点提示的情况：依次打开eclipse上面的windows ——preferences ——java ——editor —— content assist ，

一时失言乱红尘/ 2022年12月11日 07:25/ 0 赞/ 362 阅读

相关 html 页面自动弹出,javaScript实现自动弹出页面

window.open()的所有参数列表(转载) 前言:经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一

╰+攻爆jí腚メ/ 2022年10月06日 00:47/ 0 赞/ 259 阅读

相关 AndroidStudio设置不自动弹出 Documentation 窗口

今天用AS在xml码字的时候，每隔2、3秒钟就自动弹出 Documentation窗口，缩小了又自动出来。如下图。好烦！！ ![这里写图片描述][20160718142433

r囧r小猫/ 2022年09月23日 10:59/ 0 赞/ 161 阅读

相关 cookie设置24小时

var cookieOffline = { "setCookie": function(name, value) { var c

偏执的太偏执、/ 2022年06月06日 01:16/ 0 赞/ 208 阅读

相关 Element-ui 之 Message，自动弹出，无法显示。

目的：解决Message，自动弹出，和无法显示的问题。一：解决自动弹出的问题 ![watermark_type_ZmFuZ3poZW5naGVpdGk_s

蔚落/ 2022年05月13日 03:12/ 0 赞/ 373 阅读

相关 JAVA实现自动弹出公告栏可设置24小时内不显示

公司因每次停机更新导致用户的操作不便，所以希望我能做一个公告页出来，进行分析大概自己给自己拟定了一下需求。 1. 进入首页，如果有存在有效时间内的、状态为正常的公告则自动弹

àì夳堔傛蜴生んèń/ 2022年03月20日 09:27/ 0 赞/ 695 阅读

相关 weebox弹出窗口不居中显示？

某些页面weebox弹出窗口不居中显示，某些页面又居中显示，弹出窗口的居中算法也OK，这是为什么呢？一、解决办法作为对你负责的态度，必须先告知你决绝办法。在页面

向右看齐/ 2021年09月10日 14:48/ 0 赞/ 438 阅读