241 lines
9.4 KiB
PHP
241 lines
9.4 KiB
PHP
<?php
|
|
$pageTitle = '新闻中心 - Nova';
|
|
$pageDescription = 'Nova Bootstrap Template 的新闻中心页面';
|
|
$pageKeywords = 'blog, news, nova';
|
|
require_once __DIR__ . '/header.php';
|
|
?>
|
|
<?php
|
|
// 本页使用本地分页：根据 query 参数 ?page=n 只展示 newsList 的切片
|
|
$allNewsList = is_array($newsList ?? null) ? $newsList : [];
|
|
|
|
$currentPage = (int)($_GET['page'] ?? 1);
|
|
if ($currentPage < 1) {
|
|
$currentPage = 1;
|
|
}
|
|
|
|
$pageSize = 4; // 每页展示 4 条（grid 中每条占 col-lg-6，所以刚好两行）
|
|
$totalCount = count($allNewsList);
|
|
$totalPages = (int)ceil($totalCount / $pageSize);
|
|
if ($totalPages < 1) {
|
|
$totalPages = 1;
|
|
}
|
|
|
|
if ($currentPage > $totalPages) {
|
|
$currentPage = $totalPages;
|
|
}
|
|
|
|
$newsListForPage = array_slice($allNewsList, ($currentPage - 1) * $pageSize, $pageSize);
|
|
?>
|
|
|
|
<!-- Page Title -->
|
|
<div class="page-title dark-background" data-aos="fade" style="background-image: url(<?php echo $baseUrl; ?>/themes/template3/assets/img/blog-page-title-bg.jpg);">
|
|
<div class="container">
|
|
<h1>新闻中心</h1>
|
|
<nav class="breadcrumbs">
|
|
<ol>
|
|
<li><a href="<?php echo $baseUrl; ?>/">主页</a></li>
|
|
<li class="current">新闻中心</li>
|
|
</ol>
|
|
</nav>
|
|
</div>
|
|
</div><!-- End Page Title -->
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
|
|
<div class="col-lg-8">
|
|
|
|
<!-- Blog Posts Section -->
|
|
<section id="blog-posts" class="blog-posts section">
|
|
|
|
<div class="container">
|
|
<div class="row gy-4">
|
|
<?php if (!empty($newsList)): ?>
|
|
<?php foreach ($newsListForPage as $i => $item): ?>
|
|
<?php
|
|
$title = $item['title'] ?? '无标题';
|
|
$author = $item['author'] ?? '';
|
|
$category = $item['category'] ?? ($item['category_name'] ?? '');
|
|
|
|
$publishDateRaw = $item['publish_date'] ?? '';
|
|
$postDate = !empty($publishDateRaw) ? date('Y年m月d日', strtotime($publishDateRaw)) : '';
|
|
|
|
$thumbUrl = $item['thumb'] ?? ($item['image'] ?? '');
|
|
if (!empty($thumbUrl)) {
|
|
if (strpos($thumbUrl, 'http') === 0) {
|
|
$imgSrc = $thumbUrl;
|
|
} elseif (strpos($thumbUrl, '/') === 0) {
|
|
$imgSrc = $apiUrl . $thumbUrl;
|
|
} else {
|
|
$imgSrc = $apiUrl . '/' . $thumbUrl;
|
|
}
|
|
} else {
|
|
$imgIndex = ($i % 6) + 1; // blog-1.jpg ~ blog-6.jpg
|
|
$imgSrc = $baseUrl . "/themes/template3/assets/img/blog/blog-{$imgIndex}.jpg";
|
|
}
|
|
|
|
$articleUrl = $apiUrl . '/article_detail/' . ($item['id'] ?? 0);
|
|
?>
|
|
|
|
<div class="col-lg-6">
|
|
<article>
|
|
|
|
<div class="post-img">
|
|
<img src="<?php echo htmlspecialchars($imgSrc); ?>" alt="" class="img-fluid">
|
|
</div>
|
|
|
|
<p class="post-category"><?php echo htmlspecialchars($category); ?></p>
|
|
|
|
<h2 class="title">
|
|
<a href="<?php echo htmlspecialchars($articleUrl); ?>">
|
|
<?php echo htmlspecialchars($title); ?>
|
|
</a>
|
|
</h2>
|
|
|
|
<div class="d-flex align-items-center">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-author.jpg" alt="" class="img-fluid post-author-img flex-shrink-0">
|
|
<div class="post-meta">
|
|
<p class="post-author"><?php echo htmlspecialchars($author); ?></p>
|
|
<p class="post-date">
|
|
<time datetime="<?php echo htmlspecialchars($publishDateRaw); ?>">
|
|
<?php echo htmlspecialchars($postDate); ?>
|
|
</time>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</article>
|
|
</div><!-- End post list item -->
|
|
<?php endforeach; ?>
|
|
<?php else: ?>
|
|
<div class="col-12 text-center">
|
|
<p>暂无新闻数据</p>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</section><!-- /Blog Posts Section -->
|
|
|
|
<!-- Blog Pagination Section -->
|
|
<section id="blog-pagination" class="blog-pagination section">
|
|
|
|
<div class="container">
|
|
<div class="d-flex justify-content-center">
|
|
<ul>
|
|
<?php
|
|
$prevPage = max(1, $currentPage - 1);
|
|
$nextPage = min($totalPages, $currentPage + 1);
|
|
$showMax = 10;
|
|
$showTotal = min($totalPages, $showMax);
|
|
?>
|
|
<li><a href="<?php echo $baseUrl; ?>/blog?page=<?php echo $prevPage; ?>"><i class="bi bi-chevron-left"></i></a></li>
|
|
<?php for ($p = 1; $p <= $showTotal; $p++): ?>
|
|
<li>
|
|
<a
|
|
href="<?php echo $baseUrl; ?>/blog?page=<?php echo $p; ?>"
|
|
<?php echo ($p === $currentPage) ? 'class="active"' : ''; ?>
|
|
>
|
|
<?php echo $p; ?>
|
|
</a>
|
|
</li>
|
|
<?php endfor; ?>
|
|
<li><a href="<?php echo $baseUrl; ?>/blog?page=<?php echo $nextPage; ?>"><i class="bi bi-chevron-right"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</section><!-- /Blog Pagination Section -->
|
|
|
|
</div>
|
|
|
|
<div class="col-lg-4 sidebar">
|
|
|
|
<div class="widgets-container">
|
|
|
|
<!-- Search Widget -->
|
|
<div class="search-widget widget-item">
|
|
|
|
<h3 class="widget-title">搜索</h3>
|
|
<form action="">
|
|
<input type="text">
|
|
<button type="submit" title="Search"><i class="bi bi-search"></i></button>
|
|
</form>
|
|
|
|
</div><!--/Search Widget -->
|
|
|
|
<!-- Categories Widget -->
|
|
<div class="categories-widget widget-item">
|
|
|
|
<h3 class="widget-title">分类</h3>
|
|
<ul class="mt-3">
|
|
<li><a href="#">General <span>(25)</span></a></li>
|
|
<li><a href="#">Lifestyle <span>(12)</span></a></li>
|
|
<li><a href="#">Travel <span>(5)</span></a></li>
|
|
<li><a href="#">Design <span>(22)</span></a></li>
|
|
<li><a href="#">Creative <span>(8)</span></a></li>
|
|
<li><a href="#">Educaion <span>(14)</span></a></li>
|
|
</ul>
|
|
|
|
</div><!--/Categories Widget -->
|
|
|
|
<!-- Recent Posts Widget -->
|
|
<div class="recent-posts-widget widget-item">
|
|
|
|
<h3 class="widget-title">最新文章</h3>
|
|
|
|
<div class="post-item">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-1.jpg" alt="" class="flex-shrink-0">
|
|
<div>
|
|
<h4><a href="<?php echo $baseUrl; ?>/blog-details">Nihil blanditiis at in nihil autem</a></h4>
|
|
<time datetime="2020-01-01">Jan 1, 2020</time>
|
|
</div>
|
|
</div><!-- End recent post item-->
|
|
|
|
<div class="post-item">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-2.jpg" alt="" class="flex-shrink-0">
|
|
<div>
|
|
<h4><a href="<?php echo $baseUrl; ?>/blog-details">Quidem autem et impedit</a></h4>
|
|
<time datetime="2020-01-01">Jan 1, 2020</time>
|
|
</div>
|
|
</div><!-- End recent post item-->
|
|
|
|
<div class="post-item">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-3.jpg" alt="" class="flex-shrink-0">
|
|
<div>
|
|
<h4><a href="<?php echo $baseUrl; ?>/blog-details">Id quia et et ut maxime similique occaecati ut</a></h4>
|
|
<time datetime="2020-01-01">Jan 1, 2020</time>
|
|
</div>
|
|
</div><!-- End recent post item-->
|
|
|
|
<div class="post-item">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-4.jpg" alt="" class="flex-shrink-0">
|
|
<div>
|
|
<h4><a href="<?php echo $baseUrl; ?>/blog-details">Laborum corporis quo dara net para</a></h4>
|
|
<time datetime="2020-01-01">Jan 1, 2020</time>
|
|
</div>
|
|
</div><!-- End recent post item-->
|
|
|
|
<div class="post-item">
|
|
<img src="<?php echo $baseUrl; ?>/themes/template3/assets/img/blog/blog-recent-5.jpg" alt="" class="flex-shrink-0">
|
|
<div>
|
|
<h4><a href="<?php echo $baseUrl; ?>/blog-details">Et dolores corrupti quae illo quod dolor</a></h4>
|
|
<time datetime="2020-01-01">Jan 1, 2020</time>
|
|
</div>
|
|
</div><!-- End recent post item-->
|
|
|
|
</div><!--/Recent Posts Widget -->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
|
|
|
|
<?php require_once __DIR__ . '/footer.php'; ?>
|