👽 admin 端首页的弹窗支持关闭后不再显示

blog-admin/src/main/resources/templates/include/macros.ftl

@@ -343,6 +343,7 @@
             </div>
             <div class="modal-footer">
                 <span class="pull-left">tips: 如不想显示该弹窗，可在 <code>index.ftl</code> 中搜索 <code>aboutOneBlog</code> 后删掉相关代码</span>
+                <button type="button" class="btn btn-danger" data-dismiss="modal" id="neverShowNoticeModal"><i class="fa fa-close"> 不再显示</i></button>
                 <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close"> 关闭</i></button>
             </div>
         </div>

blog-admin/src/main/resources/templates/index.ftl

@@ -68,8 +68,6 @@
         }
     </style>
 </@header>
-<#-- 网站首页的项目介绍内容 -->
-<@aboutOneBlog></@aboutOneBlog>
 <div class="row">
     <div class="col-md-12 col-sm-12 col-xs-12 top_tiles">
         <#-- 文章 -->
@@ -250,9 +248,21 @@
     </div>
 </div>
 </div>
+<#-- 网站首页的项目介绍内容 -->
+<@aboutOneBlog></@aboutOneBlog>
 <@footer>
 <script src="https://cdn.jsdelivr.net/npm/echarts@4.1.0/dist/echarts.min.js"></script>
 <script src="/assets/js/zhyd.echarts.js"></script>
+<#-- 显示或者关闭首页的弹窗，当点击“不再显示后”，如果清缓存，这个弹窗仍然会再次显示 -->
+<script type="text/javascript">
+    var neverShowNoticeModal = localStorage.getItem("neverShowNoticeModal");
+    if(!neverShowNoticeModal) {
+        $("#noticeModal").modal('show');
+    }
+    $("#neverShowNoticeModal").click(function (){
+        localStorage.setItem("neverShowNoticeModal", 1);
+    })
+</script>
 <script>
     /* 顶部卡片统计 */
     $.post("/statistics/siteInfo", function (json) {
@@ -300,6 +310,5 @@
         return resultArr;
     }
     init_echarts();
-    $("#noticeModal").modal('show');
 </script>
-</@footer>
\ No newline at end of file
+</@footer>