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

  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还是noif(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的富文本编辑器,进行新增、修改公告。

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

  1. 计算机桌面24小时制设置,时间怎么设置24小时

    大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. 以电脑为例,时间设置24小时的方法是: 1.在电脑桌面,打开左下角的开始菜单,点开控制面板. 2.进入控制面板之后,切换成经典视图 ...

  2. PHP获取6位数随机数,获取redis里面不存在的6位随机数(设置24小时过时)

    PHP获取6位数随机数 PHP str_shuffle() 函数 str_shuffle() 函数随机打乱字符串中的所有字符. 语法 str_shuffle(string) 参数 描述 string必 ...

  3. SimpleDateFormat格式设置24小时制时

    本来是计算与08:00之间的半小时数,结果遇到时间是12:00的结果居然是-8 String startDate = "12:00";String endDate = " ...

  4. Ubuntu、CentOS 修改时区、设置24小时时间格式

    修改设置时区 方法一 tzselect 方法二 仅限于RedHat Linux 和 CentOS系统 timeconfig 方法三 适用于Debian dpkg-reconfigure tzdata ...

  5. 有1000瓶药水,其中只有一瓶有毒。现在用小白鼠进行实验,小白鼠只要服用任意量有毒药水就会在24小时内死亡。问至少要用多少只小白鼠进行实验才能检测出哪瓶药水有毒?

    时间不是问题,24小时内肯定可以找出有毒的那瓶.  给1000个瓶分别标上如下标签(10位长度):  0000000001 (第1瓶)  0000000010 (第2瓶)  0000000011 (第 ...

  6. “1000瓶药水,其中至多有1瓶剧毒,小狗服完药20小时后才能判断是否中毒。现在给你10只小狗、在24小时内、通过小狗试药的方式找出哪瓶药有毒或者全部无毒”

    题目: 1000瓶药水,其中至多有1瓶剧毒,小狗服完药20小时后才能判断是否中毒. 现在给你10只小狗.在24小时内.通过小狗试药的方式找出哪瓶药有毒或者全部无毒 思路: 一."小狗服完药2 ...

  7. 有1000瓶酒,其中只有一瓶有毒。现在用小白鼠进行实验,小白鼠只要服用任意量有毒酒就会在24小时内死亡。问最少要用多少只小白鼠进行实验才能在24小时内检测出哪瓶药水有毒?

    有1000瓶酒,其中只有一瓶有毒.现在用小白鼠进行实验,小白鼠只要服用任意量有毒酒就会在24小时内死亡.问最少要用多少只小白鼠进行实验才能在24小时内检测出哪瓶药水有毒? 这是一个二进制的问题,答案是 ...

  8. android不自动弹出键盘事件,解析android中隐藏与显示软键盘及不自动弹出键盘的实现方法...

    1.//隐藏软键盘 ((InputMethodManager)getSystemService(INPUT_METHOD_SERVICE)).hideSoftInputFromWindow(Widge ...

  9. 大神程序员,夜夜coding到天明?Python之父昼伏夜出,PHP创始人24小时都在线

    栗子 鱼羊 发自 凹非寺 量子位 出品 | 公众号 QbitAI 大神程序员,夜夜coding到天明? 有位名叫Ivan Bessarabov (简称"伊万") 的好事者,刚刚统计 ...

最新文章

  1. iOS中你可能没有完全弄清楚的(二)自己实现一个KVO源码及解析
  2. laravel-mix 使用
  3. 数据挖掘导论读书笔记2
  4. win10中的ubuntu子系统忘记root密码如何修改
  5. Web前端_项目实践01_萌娃摄影网页(纯HTML+CSS静态页面)
  6. python中字典数据的特点_Python数据类型(字典)
  7. 可爱的穆里尼奥,可爱的切尔西!
  8. 2021“MINIEYE杯”中国大学生算法设计超级联赛(2)I love exam(背包)
  9. html点击图片放大_vue 插件之picture-markert图片标注
  10. python3.7.4安装pip_python3.7下pip的安装教程
  11. MyBatis查询返回Map类型数据
  12. 2016年北京大学信息学奥赛训练营上机考核第四场【pkusc真题模拟总结】
  13. 微信小程序开发基础知识总结
  14. saliency filters精读之permutohedral lattice
  15. visio2013剪除_Visio 2003 图形剪切合并 高级技巧
  16. udp 消息转发 服务器,UDP消息发送
  17. linux测试消息队列阻塞,Linux进程间通信:消息队列
  18. 调用阿里云身份证识别服务识别本地图片,很详细,附工具类
  19. 如何关闭 window10 自带的杀毒软件
  20. 多人网络游戏服务器开发基础学习笔记 II: 帧同步 | 游戏客户端预测原理分析 | FPS 游戏状态同步

热门文章

  1. 【数据结构学习笔记】算法时间复杂度与同阶无穷大之捉大放小
  2. C++中关于类的析构函数无法调用的问题
  3. 前端切图神器avocode
  4. 禁用 Nagle 算法
  5. 2022-2027年(新版)中国学前教育行业发展态势及前景趋势预测报告
  6. linetv_2020上半年泰国LINETV播放量最高的十部泰剧,你看了吗?
  7. Ubuntu20.04安装matlab详细教程
  8. 彻底理解位运算——左移、右移
  9. 微信张小龙:谈移动互联网产品
  10. IDEA乱码问题解决