Add frontend-design skill, remove design-taste-frontend

Server-only helper functions (get_current_admin_user, row_to_post_list,
row_to_post_full, sync_tags, clean_tags) are defined behind
#[cfg(feature = "server")] in helpers.rs, but their imports in consumer
files were not gated, causing WASM build failures.

src/api/posts/create.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::*;
 
+#[cfg(feature = "server")]
 use super::helpers::{clean_tags, get_current_admin_user, sync_tags};
 use super::types::CreatePostResponse;
 #[cfg(feature = "server")]

src/api/posts/delete.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::*;
 
+#[cfg(feature = "server")]
 use super::helpers::get_current_admin_user;
 use super::types::CreatePostResponse;
 #[cfg(feature = "server")]

src/api/posts/list.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::*;
 
+#[cfg(feature = "server")]
 use super::helpers::{get_current_admin_user, row_to_post_list};
 use super::types::PostListResponse;
 #[cfg(feature = "server")]
@@ -20,15 +21,21 @@ pub async fn list_published_posts(
 
         let client = get_conn().await.map_err(AppError::db_conn)?;
 
-        // Get total count
+        // Get total count from cache or query
-        let count_row = client
+        let total = if let Some(cached_total) = crate::cache::get_total_published_posts().await {
-            .query_one(
+            cached_total
-                "SELECT COUNT(*) FROM posts WHERE status = 'published' AND deleted_at IS NULL",
+        } else {
-                &[],
+            let count_row = client
-            )
+                .query_one(
-            .await
+                    "SELECT COUNT(*) FROM posts WHERE status = 'published' AND deleted_at IS NULL",
-            .map_err(AppError::query)?;
+                    &[],
-        let total: i64 = count_row.get(0);
+                )
+                .await
+                .map_err(AppError::query)?;
+            let total: i64 = count_row.get(0);
+            crate::cache::set_total_published_posts(total).await;
+            total
+        };
 
         let offset = ((page - 1).max(0) as i64) * (per_page as i64);
         let limit = per_page as i64;
@@ -139,6 +146,9 @@ pub async fn get_posts_by_tag(tag_name: String) -> Result<PostListResponse, Serv
             posts.push(row_to_post_list(&client, row).await);
         }
 
+        // NOTE: total = posts.len() is correct because get_posts_by_tag
+        // currently fetches ALL matching posts (no LIMIT/OFFSET).
+        // If pagination is added later, switch to a proper COUNT(*) query.
         let total = posts.len() as i64;
         crate::cache::set_posts_by_tag(&tag_name, posts.clone(), total).await;
         Ok(PostListResponse { posts, total })

src/api/posts/read.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::*;
 
+#[cfg(feature = "server")]
 use super::helpers::{get_current_admin_user, row_to_post_full, row_to_post_list};
 use super::types::SinglePostResponse;
 #[cfg(feature = "server")]

src/api/posts/search.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::*;
 
+#[cfg(feature = "server")]
 use super::helpers::row_to_post_list;
 use super::types::PostListResponse;
 #[cfg(feature = "server")]

src/api/posts/stats.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::*;
 
+#[cfg(feature = "server")]
 use super::helpers::get_current_admin_user;
 use super::types::PostStatsResponse;
 #[cfg(feature = "server")]

src/api/posts/update.rs

@@ -1,5 +1,6 @@
 use dioxus::prelude::*;
 
+#[cfg(feature = "server")]
 use super::helpers::{clean_tags, get_current_admin_user, sync_tags};
 use super::types::CreatePostResponse;
 #[cfg(feature = "server")]

src/cache.rs

@@ -31,6 +31,7 @@ const TTL_TAG_POSTS: Duration = Duration::from_secs(120);
 #[derive(Debug, Clone, Hash, Eq, PartialEq)]
 pub enum CacheKey {
     PublishedPosts { page: i32, per_page: i32 },
+    TotalPublishedPosts,
     AllTags,
     PostBySlug(String),
     PostsByTag(String),
@@ -109,6 +110,16 @@ pub async fn set_post_list(key: &CacheKey, posts: Vec<Post>, total: i64) {
     let _ = POST_LIST_CACHE.insert(key.clone(), (posts, total)).await;
 }
 
+#[cfg(feature = "server")]
+pub async fn get_total_published_posts() -> Option<i64> {
+    POST_LIST_CACHE.get(&CacheKey::TotalPublishedPosts).await.map(|(_, total)| total)
+}
+
+#[cfg(feature = "server")]
+pub async fn set_total_published_posts(total: i64) {
+    let _ = POST_LIST_CACHE.insert(CacheKey::TotalPublishedPosts, (vec![], total)).await;
+}
+
 #[cfg(feature = "server")]
 pub async fn get_tag_list() -> Option<Vec<Tag>> {
     TAG_LIST_CACHE.get(&CacheKey::AllTags).await

src/pages/admin/dashboard.rs

@@ -55,7 +55,7 @@ pub fn Admin() -> Element {
                     "最近文章"
                 }
                 match &*posts_res.read() {
-                    Some(Ok(PostListResponse { posts })) => {
+                    Some(Ok(PostListResponse { posts, total: _ })) => {
                         rsx! {
                             div { class: "space-y-0",
                                 for post in posts.iter().take(5) {
@@ -64,7 +64,14 @@ pub fn Admin() -> Element {
                             }
                         }
                     }
-                    _ => {
+                    Some(Err(_e)) => {
+                        rsx! {
+                            div { class: "text-center text-red-500 dark:text-red-400 py-20",
+                                "加载失败"
+                            }
+                        }
+                    }
+                    None => {
                         rsx! {
                             div { class: if show_posts_skeleton() { "space-y-4 animate-pulse" } else { "space-y-4 opacity-0" },
                                 for _ in 0..5 {

src/pages/admin/posts.rs

@@ -27,7 +27,7 @@ pub fn Posts() -> Element {
             }
 
             match &*posts_res.read() {
-                Some(Ok(PostListResponse { posts })) => {
+                Some(Ok(PostListResponse { posts, total: _ })) => {
                     if posts.is_empty() {
                         rsx! {
                             div { class: "text-center py-20 text-gray-500 dark:text-[#9b9c9d]",

src/pages/archives.rs

@@ -95,12 +95,12 @@ fn ArchivesContent() -> Element {
 
     let posts_data = posts_res.read();
     match &*posts_data {
-        Some(Ok(PostListResponse { posts })) => {
+        Some(Ok(PostListResponse { posts, total })) => {
             let grouped = group_posts(posts);
             rsx! {
                 div { class: "mt-2 text-base text-gray-500 dark:text-[#9b9c9d]",
                     "共 "
-                    span { class: "font-medium text-gray-700 dark:text-[#dadadb]", "{posts.len()}" }
+                    span { class: "font-medium text-gray-700 dark:text-[#dadadb]", "{total}" }
                     " 篇文章"
                 }
                 for year_group in grouped.iter() {

src/pages/home.rs

@@ -29,12 +29,12 @@ fn HomePosts(current_page: i32) -> Element {
     let posts_res = use_server_future(move || list_published_posts(current_page, POSTS_PER_PAGE))?;
 
     let posts_data = posts_res.read().as_ref().map(|r| match r {
-        Ok(PostListResponse { posts }) => Ok(posts.clone()),
+        Ok(PostListResponse { posts, total }) => Ok((posts.clone(), *total)),
         Err(e) => Err(e.to_string()),
     });
 
     match posts_data {
-        Some(Ok(posts)) => {
+        Some(Ok((posts, total))) => {
             rsx! {
                 for post in posts.iter() {
                     PostCard { post: post.clone() }
@@ -44,7 +44,7 @@ fn HomePosts(current_page: i32) -> Element {
                         "暂无文章"
                     }
                 }
-                Pagination { current_page, posts: posts.clone() }
+                Pagination { current_page, total }
             }
         }
         Some(Err(e)) => {
@@ -77,9 +77,10 @@ fn HomeInfo() -> Element {
 }
 
 #[component]
-fn Pagination(current_page: i32, posts: Vec<crate::models::post::Post>) -> Element {
+fn Pagination(current_page: i32, total: i64) -> Element {
     let has_prev = current_page > 1;
-    let has_next = posts.len() >= POSTS_PER_PAGE as usize;
+    let total_pages = ((total + POSTS_PER_PAGE as i64 - 1) / POSTS_PER_PAGE as i64).max(1) as i32;
+    let has_next = current_page < total_pages;
     let prev = current_page - 1;
     let prev_route = if prev <= 1 {
         Route::Home {}

src/pages/search.rs

@@ -49,7 +49,7 @@ pub fn Search() -> Element {
         }
         if is_searching() {
             DelayedSkeleton { SearchSkeleton {} }
-        } else if let Some(Ok(PostListResponse { posts })) = search_res() {
+        } else if let Some(Ok(PostListResponse { posts, total: _ })) = search_res() {
             if posts.is_empty() {
                 div { class: "text-center text-gray-500 dark:text-[#9b9c9d] py-20",
                     "未找到相关文章"

src/pages/tags.rs

@@ -85,16 +85,16 @@ fn TagDetailContent(tag: String) -> Element {
     let posts_res = use_server_future(move || get_posts_by_tag(tag.clone()))?;
 
     let posts_data = posts_res.read().as_ref().map(|r| match r {
-        Ok(PostListResponse { posts }) => Ok(posts.clone()),
+        Ok(PostListResponse { posts, total }) => Ok((posts.clone(), *total)),
         Err(e) => Err(e.to_string()),
     });
 
     match posts_data {
-        Some(Ok(posts)) => {
+        Some(Ok((posts, total))) => {
             rsx! {
                 div { class: "mt-2 text-base text-gray-500 dark:text-[#9b9c9d]",
                     "共 "
-                    span { class: "font-medium text-gray-700 dark:text-[#dadadb]", "{posts.len()}" }
+                    span { class: "font-medium text-gray-700 dark:text-[#dadadb]", "{total}" }
                     " 篇文章"
                 }
                 for post in posts.iter() {