From 7071f02cef2650d5165de9783e2b7a78c669de90 Mon Sep 17 00:00:00 2001
From: Leonmmcoset <testmod@qq.com>
Date: Wed, 9 Jul 2025 14:56:36 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E6=90=9C=E7=B4=A2):=20=E4=B8=BA=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E8=80=85=E5=BA=94=E7=94=A8=E9=A1=B5=E9=9D=A2=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E6=90=9C=E7=B4=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

实现应用卡片搜索功能，支持按标题和描述过滤
添加无结果提示，使用 SweetAlert 显示通知
---
 developer_apps.php | 50 ++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 46 insertions(+), 4 deletions(-)

diff --git a/developer_apps.php b/developer_apps.php
index ce857a7..f042b12 100644
--- a/developer_apps.php
+++ b/developer_apps.php
@@ -90,10 +90,19 @@ $resultApps = $conn->query($sqlApps);
     </nav>
 
     <div class="container mt-4">
-        <div class="mb-3 form-floating">
-            <input type="text" class="form-control" id="searchApp" placeholder="搜索应用">
-            <label for="searchApp">搜索应用</label>
-        </div>
+        <form id="searchForm" class="mb-4">
+            <div class="row g-3">
+                <div class="col-md-10">
+                    <div class="form-floating">
+                        <input type="text" class="form-control" id="searchApp" placeholder="搜索应用" value="">
+                        <label for="searchApp">搜索应用</label>
+                    </div>
+                </div>
+                <div class="col-md-2">
+                    <button class="btn btn-primary w-100" style="width: calc(3.5rem + calc(var(--bs-border-width) * 2)); height: calc(3.5rem + calc(var(--bs-border-width) * 2))" type="submit" id="searchButton">搜索</button>
+                </div>
+            </div>
+        </form>
         <h1><?php echo $developerName; ?> 的应用</h1>
         <hr>
         <?php if (isset($developer['social_links']) && !empty($developer['social_links'])): ?>
@@ -157,6 +166,39 @@ $resultApps = $conn->query($sqlApps);
     <script>
         document.addEventListener('DOMContentLoaded', function() {
             document.body.classList.add('page-transition');
+
+            // 搜索功能实现
+            function performSearch(event) {
+                event.preventDefault();
+                const searchTerm = document.getElementById('searchApp').value.toLowerCase();
+                const appCards = document.querySelectorAll('.col-md-4.mb-4');
+                let hasResults = false;
+
+                appCards.forEach(card => {
+                    const title = card.querySelector('.card-title').textContent.toLowerCase();
+                    const description = card.querySelector('.card-text').textContent.toLowerCase();
+
+                    if (title.includes(searchTerm) || description.includes(searchTerm)) {
+                        card.style.display = '';
+                        hasResults = true;
+                    } else {
+                        card.style.display = 'none';
+                    }
+                });
+
+                // 如果没有搜索结果，显示提示
+                if (!hasResults) {
+                    Swal.fire({
+                        title: '未找到结果',
+                        text: '没有找到与 "' + searchTerm + '" 匹配的应用',
+                        icon: 'info',
+                        confirmButtonText: '确定'
+                    });
+                }
+            }
+
+            // 添加表单提交事件监听
+            document.getElementById('searchForm').addEventListener('submit', performSearch);
         });
     </script>
 </body>