2025-07-10 19:18:05 +08:00
|
|
|
<?php
|
|
|
|
|
session_start();
|
|
|
|
|
require_once 'config.php';
|
|
|
|
|
|
|
|
|
|
if (!isset($conn) || !$conn instanceof mysqli) {
|
|
|
|
|
die('数据库连接失败，请检查配置文件。');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$tagId = isset($_GET['tag']) ? intval($_GET['tag']) : 0;
|
|
|
|
|
$search = isset($_GET['search']) ? $_GET['search'] : '';
|
|
|
|
|
$limit = isset($_GET['limit']) ? intval($_GET['limit']) : 12;
|
|
|
|
|
$offset = isset($_GET['page']) ? (intval($_GET['page']) - 1) * $limit : 0;
|
|
|
|
|
|
2025-07-11 09:03:25 +08:00
|
|
|
$sql = "SELECT apps.id, apps.name, apps.description, apps.age_rating, apps.platforms, AVG(reviews.rating) as avg_rating
|
2025-07-10 19:18:05 +08:00
|
|
|
FROM apps
|
|
|
|
|
LEFT JOIN reviews ON apps.id = reviews.app_id ";
|
|
|
|
|
|
|
|
|
|
$conditions = [];
|
|
|
|
|
$params = [];
|
|
|
|
|
$paramTypes = '';
|
|
|
|
|
|
|
|
|
|
if ($tagId) {
|
|
|
|
|
$sql .= "JOIN app_tags ON apps.id = app_tags.app_id
|
|
|
|
|
JOIN tags ON app_tags.tag_id = tags.id ";
|
|
|
|
|
$conditions[] = "app_tags.tag_id = ?";
|
|
|
|
|
$params[] = $tagId;
|
|
|
|
|
$paramTypes .= 'i';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!empty($search)) {
|
|
|
|
|
$conditions[] = "(apps.name LIKE ? OR apps.description LIKE ?)";
|
|
|
|
|
$searchTerm1 = "%$search%";
|
|
|
|
|
$searchTerm2 = "%$search%";
|
|
|
|
|
$params[] = $searchTerm1;
|
|
|
|
|
$params[] = $searchTerm2;
|
|
|
|
|
$paramTypes .= 'ss';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (!empty($conditions)) {
|
|
|
|
|
$sql .= " WHERE " . implode(" AND ", $conditions);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$sql .= " GROUP BY apps.id
|
|
|
|
|
ORDER BY apps.created_at DESC
|
|
|
|
|
LIMIT ? OFFSET ?";
|
|
|
|
|
$params[] = $limit;
|
|
|
|
|
$params[] = $offset;
|
|
|
|
|
$paramTypes .= 'ii';
|
|
|
|
|
|
|
|
|
|
if (!empty($params)) {
|
|
|
|
|
$stmt = $conn->prepare($sql);
|
|
|
|
|
if (!$stmt) {
|
|
|
|
|
die('预处理语句失败: ' . $conn->error);
|
|
|
|
|
}
|
|
|
|
|
$stmt->bind_param($paramTypes, ...$params);
|
|
|
|
|
if (!$stmt->execute()) {
|
|
|
|
|
die('执行语句失败: ' . $stmt->error);
|
|
|
|
|
}
|
|
|
|
|
$result = $stmt->get_result();
|
|
|
|
|
} else {
|
|
|
|
|
$result = $conn->query($sql);
|
|
|
|
|
if (!$result) {
|
|
|
|
|
die('查询失败: ' . $conn->error);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$tagResult = $conn->query("SELECT id, name FROM tags ORDER BY name");
|
|
|
|
|
?>
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="zh-CN">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>应用标签</title>
|
|
|
|
|
<!-- Bootstrap CSS -->
|
|
|
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
|
<!-- 自定义CSS -->
|
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
2025-07-12 21:52:15 +08:00
|
|
|
<!-- Font Awesome -->
|
2025-07-15 17:58:30 +08:00
|
|
|
<link rel="stylesheet" href="/css/all.min.css">
|
2025-07-10 19:18:05 +08:00
|
|
|
<!-- Fluent Design 模糊效果 -->
|
|
|
|
|
<style>
|
|
|
|
|
.blur-bg {
|
|
|
|
|
backdrop-filter: blur(10px);
|
|
|
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<!-- 导航栏 -->
|
|
|
|
|
<nav class="navbar navbar-expand-lg navbar-light blur-bg">
|
|
|
|
|
<div class="container">
|
2025-07-12 22:48:35 +08:00
|
|
|
<a href="index.php"><img src="/favicon.jpeg" alt="Logo" style="height: 30px; margin-right: 10px; border-radius: var(--border-radius);"></a>
|
2025-07-10 19:18:05 +08:00
|
|
|
<a class="navbar-brand" href="index.php"><?php echo APP_STORE_NAME; ?></a>
|
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
|
|
|
<span class="navbar-toggler-icon"></span>
|
|
|
|
|
</button>
|
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
|
|
|
<ul class="navbar-nav">
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" href="index.php">首页</a>
|
|
|
|
|
</li>
|
|
|
|
|
<?php if (isset($_SESSION['admin'])): ?>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link" href="/admin/">管理</a>
|
|
|
|
|
</li>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
<li class="nav-item">
|
|
|
|
|
<a class="nav-link active" href="tags.php">标签</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
|
|
<div class="container mt-4">
|
|
|
|
|
<h1>应用标签</h1>
|
|
|
|
|
<div class="mb-4">
|
|
|
|
|
<?php $tagResult = $conn->query("SELECT id, name FROM tags ORDER BY name"); ?>
|
|
|
|
|
<?php while ($tag = $tagResult->fetch_assoc()): ?>
|
|
|
|
|
<a href="tags.php?tag=<?php echo $tag['id']; ?>" class="btn btn-outline-primary me-2 mb-2">
|
|
|
|
|
<?php echo htmlspecialchars($tag['name']); ?>
|
|
|
|
|
</a>
|
|
|
|
|
<?php endwhile; ?>
|
|
|
|
|
</div>
|
|
|
|
|
<form method="get" action="tags.php" class="mb-4">
|
|
|
|
|
<div class="row g-3">
|
|
|
|
|
<div class="col-md-6">
|
|
|
|
|
<div class="form-floating">
|
|
|
|
|
<input type="text" name="search" class="form-control" id="searchInput" placeholder="搜索应用..." value="<?php echo isset($_GET['search']) ? htmlspecialchars($_GET['search']) : ''; ?>">
|
|
|
|
|
<label for="searchInput">搜索应用...</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">搜索</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</form>
|
|
|
|
|
<div class="row">
|
|
|
|
|
<?php if ($result->num_rows > 0): ?>
|
|
|
|
|
<?php while ($row = $result->fetch_assoc()): ?>
|
|
|
|
|
<div class="col-md-3 mb-4">
|
|
|
|
|
<div class="card blur-bg">
|
|
|
|
|
|
|
|
|
|
<div class="card-body">
|
|
|
|
|
<h5 class="card-title"><?php echo $row['name']; ?></h5>
|
|
|
|
|
<p class="card-text"><?php echo substr($row['description'], 0, 100); ?>...</p>
|
2025-07-11 09:03:25 +08:00
|
|
|
<?php
|
|
|
|
|
// 获取应用标签
|
|
|
|
|
$tagSql = "SELECT t.name FROM tags t JOIN app_tags at ON t.id = at.tag_id WHERE at.app_id = ?";
|
|
|
|
|
$tagStmt = $conn->prepare($tagSql);
|
|
|
|
|
$tagStmt->bind_param('i', $row['id']);
|
|
|
|
|
$tagStmt->execute();
|
|
|
|
|
$tagResult = $tagStmt->get_result();
|
|
|
|
|
$tags = [];
|
|
|
|
|
while ($tag = $tagResult->fetch_assoc()) {
|
|
|
|
|
$tags[] = htmlspecialchars($tag['name']);
|
|
|
|
|
}
|
|
|
|
|
$tagStmt->close();
|
|
|
|
|
|
|
|
|
|
// 获取应用适用平台
|
|
|
|
|
$platforms = json_decode($row['platforms'], true);
|
|
|
|
|
echo ' 标签: '. implode(', ', $tags) . '<br>';
|
|
|
|
|
$platforms = $platforms ?? [];
|
2025-07-12 21:52:15 +08:00
|
|
|
echo ' 平台: ';
|
|
|
|
|
foreach ($platforms as $platform) {
|
|
|
|
|
$icon = '';
|
|
|
|
|
if ($platform === 'Windows') {
|
|
|
|
|
$icon = '<i class="fab fa-windows"></i>';
|
|
|
|
|
} elseif ($platform === 'macOS') {
|
|
|
|
|
$icon = '<i class="fab fa-apple"></i>';
|
|
|
|
|
} elseif ($platform === 'Linux') {
|
|
|
|
|
$icon = '<i class="fab fa-linux"></i>';
|
|
|
|
|
} elseif ($platform === 'iOS') {
|
|
|
|
|
$icon = '<i class="fab fa-app-store-ios"></i>';
|
|
|
|
|
} elseif ($platform === 'Android') {
|
|
|
|
|
$icon = '<i class="fab fa-android"></i>';
|
|
|
|
|
}
|
|
|
|
|
echo " <span class='d-inline-flex align-items-center'>$icon $platform</span>";
|
|
|
|
|
}
|
|
|
|
|
echo '<br>';
|
2025-07-11 09:03:25 +08:00
|
|
|
echo ' 评分: '. round($row['avg_rating'], 1) . '/5<br>';
|
|
|
|
|
echo '';
|
|
|
|
|
?>
|
2025-07-10 19:18:05 +08:00
|
|
|
<a href="app.php?id=<?php echo $row['id']; ?>" class="btn btn-primary">查看详情</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endwhile; ?>
|
|
|
|
|
<?php else: ?>
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
<p class="text-center">未找到相关应用。</p>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Bootstrap JS Bundle with Popper -->
|
|
|
|
|
<script src="/js/bootstrap.bundle.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
// 导航栏滚动效果
|
|
|
|
|
window.addEventListener('scroll', function() {
|
|
|
|
|
const navbar = document.querySelector('.navbar');
|
|
|
|
|
if (window.scrollY > 10) {
|
|
|
|
|
navbar.classList.add('scrolled');
|
|
|
|
|
} else {
|
|
|
|
|
navbar.classList.remove('scrolled');
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
