From 850b14c47c89c3f95ee4bce607d9d42dac29079a Mon Sep 17 00:00:00 2001
From: owen <cht_feng@163.com>
Date: Wed, 30 Jul 2025 10:31:10 +0800
Subject: [PATCH 1/2] remove unuse import

---
 src/main.rs                   | 2 +-
 src/session/session_manage.rs | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/main.rs b/src/main.rs
index 6fe0ad6..7aa9e1f 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -4,7 +4,7 @@ use std::sync::{Arc, RwLock};
 
 use axum::body::Body;
 use axum::extract::Multipart;
-use axum::http::{Request, Response};
+use axum::http::Response;
 use axum::response::Html;
 use axum::response::IntoResponse;
 use axum::Form;
diff --git a/src/session/session_manage.rs b/src/session/session_manage.rs
index 16c0fdf..65e2e8e 100644
--- a/src/session/session_manage.rs
+++ b/src/session/session_manage.rs
@@ -3,8 +3,6 @@ use std::sync::Arc;
 use std::sync::OnceLock;
 use std::sync::RwLock;
 
-use tklog::error;
-
 use crate::session::session::Session;
 
 #[derive(Clone, Debug)]
@@ -23,7 +21,7 @@ impl SessionManager {
         let timeout = timeout.unwrap_or(DEFAULT_TIMEOUT);
         let manager = SessionManager {
             timeout,
-            sessions: Arc::new(RwLock::new(HashMap::new())),
+            sessions: Arc::new(RwLock::new(HashMap::with_capacity(DEFAULT_SESSION_COUNT))),
         };
 
         SESSION_MANAGER
-- 
Gitee


From 691b9fa12585c4a7d201bb36ff8fd7d5bd3724a6 Mon Sep 17 00:00:00 2001
From: owen <cht_feng@163.com>
Date: Wed, 30 Jul 2025 12:33:02 +0800
Subject: [PATCH 2/2] blog list UI performance

---
 templates/html/blog_list.html | 273 ++++++++++++++++------------------
 1 file changed, 127 insertions(+), 146 deletions(-)

diff --git a/templates/html/blog_list.html b/templates/html/blog_list.html
index 29fa718..970bec6 100644
--- a/templates/html/blog_list.html
+++ b/templates/html/blog_list.html
@@ -5,104 +5,65 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>RustU</title>
         <link rel="stylesheet" href="styles.css" />
-        <link rel="stylesheet" type="text/css" href="/assets/css/paper.css" />
-        <link
-            rel="stylesheet"
-            type="text/css"
-            href="/assets/css/bootstrap.min.css"
-        />
-        <script
-            type="text/javascript"
-            src="/assets/js/bootstrap.bundle.min.js"
-        ></script>
+        <link rel="stylesheet" href="/assets/css/paper.css" />
+        <link rel="stylesheet" href="/assets/css/bootstrap.min.css" />
+        <script src="/assets/js/bootstrap.bundle.min.js"></script>
+        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.7.1.min.js"></script>
         <style>
-            .content-wrap {
-                min-height: calc(100% - 90px);
-                /* 60px是footer的高度，可根据实际情况调整 */
-                margin-bottom: -90px;
-                /* 负margin等于footer的高度，避免内容被footer遮挡 */
+            :root {
+                --footer-height: 60px;
+                --card-min-height: 180px;
+                --card-margin-top: 25px;
             }
 
-            html,
-            body {
+            html, body {
                 height: 100%;
                 margin: 20px;
-                /*background-image: linear-gradient(
-                    -225deg,
-                    #231557 0%,
-                    #44107a 29%,
-                    #ff1361 67%,
-                    #fff800 100%
-                );*/
+            }
+
+            .content-wrap {
+                min-height: calc(100% - var(--footer-height) - 40px; /* 40px for body margin */
+                margin-bottom: calc(var(--footer-height) * -1);
             }
 
             a {
                 text-decoration: none;
             }
 
-            ,
-            .blaok_blog {
+            .blog-card {
                 width: 25rem;
-                min-height: 550px;
-                margin-top: 20px;
+                min-height: var(--card-min-height);
+                margin-top: var(--card-margin-top);
             }
 
             footer {
-                height: 60px;
-                /* 设置footer的高度 */
+                height: var(--footer-height);
                 text-align: center;
                 padding: 20px 0;
                 position: relative;
                 margin-top: 80px;
-                /* 与min-height一起确保footer在内容不足时也能置底 */
+            }
+
+            .pagination-container {
+                margin-top: 3rem;
+            }
+
+            @media (max-width: 992px) {
+                .blog-card {
+                    width: 100%;
+                }
             }
         </style>
     </head>
 
     <body>
-        <section class="content-wrap">
+        <main class="content-wrap">
             <div class="container">
                 <div class="row">
-                    <div class="col">
-                        {% for article in vec1 %}
-                        <div
-                            class="card shadow white blaok_blog text-break"
-                            style="min-height: 180px; margin-top: 25px"
-                        >
-                            <a
-                                href="/article/{{article.id|e}}"
-                                class="card-body"
-                            >
-                                <h4 class="card-title">{{article.title|e}}</h4>
-                                <p class="card-text">{{article.summary|e}}</p>
-                            </a>
-                        </div>
-                        {% endfor %}
-                    </div>
-
-                    <div class="col">
-                        {% for article in vec2 %}
-                        <div
-                            class="card shadow blaok_blog text-break"
-                            style="min-height: 180px; margin-top: 25px"
-                        >
-                            <a
-                                href="/article/{{article.id|e}}"
-                                class="card-body"
-                            >
-                                <h4 class="card-title">{{article.title|e}}</h4>
-                                <p class="card-text">{{article.summary|e}}</p>
-                            </a>
-                        </div>
-                        {% endfor %}
-                    </div>
-
-                    <div class="col">
-                        {% for article in vec3 %}
-                        <div
-                            class="card shadow blaok_blog text-break"
-                            style="min-height: 180px; margin-top: 25px"
-                        >
+                    {% for column in [vec1, vec2, vec3] %}
+                    <div class="col-md-4">
+                        {% for article in column %}
+                        <div class="card shadow blog-card text-break">
                             <a
                                 href="/article/{{article.id|e}}"
                                 class="card-body"
@@ -113,101 +74,121 @@
                         </div>
                         {% endfor %}
                     </div>
+                    {% endfor %}
                 </div>
             </div>
-        </section>
-
-        <section class="section pt-0">
-            <div class="row mt-3">
-                <div class="col-4"></div>
-                <div class="col-4">
-                    <nav aria-label="Page navigation example" class="pos">
-                        <ul class="pagination justify-content-center">
-                            <li class="page-item">
-                                <a
-                                    id="prePage"
-                                    class="page-link"
-                                    href="#"
-                                    aria-label="Previous"
-                                >
-                                    <span aria-hidden="true">&laquo;</span>
-                                </a>
-                            </li>
-                            <li class="page-item" id="page1">
-                                <a class="page-link" href="/list/1">1</a>
-                            </li>
-                            <li class="page-item">
-                                <a
-                                    id="nextPage"
-                                    class="page-link"
-                                    href="#"
-                                    aria-label="Next"
-                                >
-                                    <span aria-hidden="true">&raquo;</span>
-                                </a>
-                            </li>
-                        </ul>
-                    </nav>
+
+            <div class="container pagination-container">
+                <div class="row justify-content-center">
+                    <div class="col-auto">
+                        <nav aria-label="Page navigation">
+                            <ul class="pagination">
+                                <li class="page-item">
+                                    <a
+                                        id="prePage"
+                                        class="page-link"
+                                        href="#"
+                                        aria-label="Previous"
+                                    >
+                                        <span aria-hidden="true">&laquo;</span>
+                                    </a>
+                                </li>
+                                <li class="page-item" id="page1">
+                                    <a class="page-link" href="/list/1">1</a>
+                                </li>
+                                <li class="page-item">
+                                    <a
+                                        id="nextPage"
+                                        class="page-link"
+                                        href="#"
+                                        aria-label="Next"
+                                    >
+                                        <span aria-hidden="true">&raquo;</span>
+                                    </a>
+                                </li>
+                            </ul>
+                        </nav>
+                    </div>
                 </div>
-                <div class="col-4"></div>
             </div>
-        </section>
+        </main>
+
         <footer>
             <p>
                 粤公网安备44011802000978号 ICP备案： 粤ICP备2024315825号-1
                 &copy; 2024 你我同锈. All rights reserved.
             </p>
         </footer>
-        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.7.1.min.js"></script>
 
         <script>
-            function reloadPages() {
-                var current_page = {{page_num}};
-                var page_total = {{page_total}};
-
-                //nextPage and prePage control
-                if (page_total === 1) {
-                    $("#nextPage").addClass("disabled");
-                    $("#prePage").addClass("disabled");
-                } else if (current_page === 1) {
-                    $("#prePage").addClass("disabled");
-                } else if (current_page === page_total) {
-                    //next page invalid
-                    $("#nextPage").addClass("disabled");
-                }
-                // the page number control, 最多显示10页
-                var page_range = Math.floor(current_page / 10);
-                var current_page_min_num = Number.parseInt(page_range) * 10 + Number.parseInt(1);
-                console.log("parseInt(page_range)+1=" + current_page_min_num);
-                var current_page_max_num = page_range * 10 + 10;
-                if (current_page_max_num >= page_total) {
-                    current_page_max_num = page_total;
-                }
-                if (current_page_min_num > 10) {
-                    $("#prePage").attr("href", "/list/" + (current_page_min_num - 1));
+            document.addEventListener('DOMContentLoaded', function() {
+                const currentPage = {{page_num}};
+                const totalPages = {{page_total}};
+                const paginationContainer = document.querySelector('.pagination');
+
+                // Helper function to create page item
+                const createPageItem = (pageNum, isActive = false) => {
+                    const li = document.createElement('li');
+                    li.className = `page-item ${isActive ? 'active' : ''}`;
+
+                    const a = document.createElement('a');
+                    a.className = 'page-link';
+                    a.href = `/list/${pageNum}`;
+                    a.textContent = pageNum;
+
+                    li.appendChild(a);
+                    return li;
+                };
+
+                // Disable navigation buttons if needed
+                if (totalPages <= 1) {
+                    document.getElementById('prePage').classList.add('disabled');
+                    document.getElementById('nextPage').classList.add('disabled');
+                    return;
                 }
-                if (current_page_max_num < page_total) {
-                    console.log("set nextpage: " + current_page_max_num);
-                    $("#nextPage").attr("href", "/list/" + (current_page_max_num + 1));
+
+                if (currentPage === 1) {
+                    document.getElementById('prePage').classList.add('disabled');
+                } else {
+                    document.getElementById('prePage').href = `/list/${currentPage - 1}`;
                 }
 
-                console.log("current_page_max_num   " + current_page_max_num);
-                $("#page1").html("<a class='page-link' href='/list/" + current_page_min_num + "'>" + current_page_min_num + "</a>");
-                console.log("current_page_min_num+1=" + parseInt(current_page_min_num) + 1);
-                var nodes = "";
-                for (var i = current_page_min_num + 1; i <= current_page_max_num; i++) {
-                    nodes += "<li class='page-item' ><a class='page-link'  href='/list/" + i + "'>" + i + "</a></li>"
+                if (currentPage === totalPages) {
+                    document.getElementById('nextPage').classList.add('disabled');
+                } else {
+                    document.getElementById('nextPage').href = `/list/${currentPage + 1}`;
                 }
-                $("#page1").after(nodes);
 
+                // Generate page numbers (max 10 visible at a time)
+                const pageRange = Math.floor((currentPage - 1) / 10);
+                const startPage = pageRange * 10 + 1;
+                const endPage = Math.min(startPage + 9, totalPages);
 
-            }
+                // Clear existing pages (keep first and last)
+                const page1 = document.getElementById('page1');
+                page1.querySelector('a').textContent = startPage;
+                page1.querySelector('a').href = `/list/${startPage}`;
 
+                // Remove existing page items
+                const nextPageItem = document.getElementById('nextPage').parentNode;
+                while (page1.nextElementSibling !== nextPageItem) {
+                    page1.parentNode.removeChild(page1.nextElementSibling);
+                }
 
+                // Add new page items
+                for (let i = startPage + 1; i <= endPage; i++) {
+                    const pageItem = createPageItem(i, i === currentPage);
+                    page1.parentNode.insertBefore(pageItem, nextPageItem);
+                }
 
-            window.addEventListener('load',
-                reloadPages()
-            );
+                // Add ellipsis if needed
+                if (endPage < totalPages) {
+                    const ellipsisItem = document.createElement('li');
+                    ellipsisItem.className = 'page-item disabled';
+                    ellipsisItem.innerHTML = '<span class="page-link">...</span>';
+                    page1.parentNode.insertBefore(ellipsisItem, nextPageItem);
+                }
+            });
         </script>
     </body>
 </html>
-- 
Gitee