让用户ID抓包不泄露更安全

src/main/resources/templates/page/about.html

@@ -17,10 +17,10 @@
         <div class="jumbotron" style="background-color: #ffffff;">
             <div class="container">
                 <h1 class="display-3">关于我们
-                    <span style="font-size: 18px;" class="badge badge-pill badge-primary">Quinn</span>
+                    <a style="font-size: 12px;" href="javascript:donate();" class="badge badge-pill badge-danger text-decoration-none">赞助服务器</a>
                 </h1>
                 <div class="alert alert-primary mt-3" role="alert">
-                    我们致力于提供免费资源，大家可以从该平台获取资源，大家可以一起整理汇总。
+                    广罗优质资源，服务优质的你!
                 </div>
                 <div class="timeline-small-body">
                     <ul>
@@ -29,7 +29,7 @@
                             <div class="desc">
                                 <h3>
                                     [[${about.getTitle()}]]
-                                    <small class="float-right" th:text="${#dates.format(about.getGmtCreate(),'yyyy-MM-dd')}"></small>
+                                    <small class="float-right" th:text="${#dates.format(about.getGmtCreate(),'yyyy-MM-dd HH:mm:ss')}"></small>
                                 </h3>
                                 <h4 th:utext="${about.getContent()}"></h4>
                             </div>
@@ -49,6 +49,19 @@
 <script th:src="@{/js/toTop.js}"></script>
 <script th:src="@{/js/jquery-ui.min.js}"></script>
 <script th:src="@{/live/js/addlive2d.js}"></script>
-
+<!-- layer 赞赏码 -->
+<script th:src="@{/layer/layer.js}"></script>
+<script th:src="@{/js/axios.js}"></script>
+<script type="text/javascript">
+    // 后台读取
+    function donate(){
+        axios.get('/user/donate').then(response => {
+            layer.photos({
+                photos: response.data,
+                anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
+            });
+        })
+    }
+</script>
 </body>
 </html>