Emlog调用30天热门文章排行榜图文形式代码函数

在emlog博客系统中，展示30天内的热门文章排行榜不仅能够提升用户体验，还能增加网站的互动性。通过图文形式展示这一排行榜，更是能让内容更加直观、吸引人。下面，我们就来实现这一功能。

第一步：准备工作

在开始之前，请确保你的emlog博客系统已经安装并正常运行。同时，你需要具备一定的PHP和HTML基础，以便进行代码编辑和调试。

第二步：编写代码

打开模板文件
首先，找到你当前使用的模板文件夹，并打开module.php文件。这个文件通常用于存放模板的各种模块代码。

添加PHP代码
在module.php文件中，添加以下PHP代码段，用于获取30天内的热门文章数据：

<?php
// 获取30天热门文章
$db = MySql::getInstance();
$time = time() - 30*24*60*60; // 30天前的时间戳
$sql = "SELECT gid, title, lognum FROM ".DB_PREFIX."blog WHERE date > '$time' ORDER BY lognum DESC LIMIT 10";
$hot_logs = $db->fetchAll($sql);
?>

设计图文展示
紧接着，在合适的位置添加HTML和PHP混合代码，用于图文形式展示热门文章排行榜：

<div class="hot-articles">
   <h3>30天热门文章排行榜</h3>
   <ul>
       <?php foreach($hot_logs as $key => $log): ?>
       <li>
span class="rank"><?php echo $key + 1; ?></span>
           <a href="<?php echo Url::log($log['gid']); ?>" title="<?php echo $log['title']; ?>">
               <img src="path_to_thumbnail_image" alt="<?php echo $log['title']; ?>" />
               <p><?php echo $log['title']; ?></p>
           </a>
           <span class="views"><?php echo $log['lognum']; ?> 阅读</span>
       </li>
       <?php endforeach; ?>
   </ul>
</div>

注意：path_to_thumbnail_image需要替换为实际文章缩略图的路径。你可以根据自己的需求调整图片的大小和样式。

第三步：样式调整

为了让图文展示更加美观，你还需要在CSS文件中添加相应的样式。例如：

.hot-articles {
    background-color: #f9f9f9;
    padding: 20px;
    margin: 20px 0;
    border-radius: 5px;
}

.hot-articles h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.hot-articles ul {
    list-style: none;
    padding: 0;
}

.hot-articles li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.hot-articles .rank {
    font-size: 18px;
    font-weight: bold;
    margin-right: 10px;
}

.hot-articles img {
    width: 80px;
    height: 60px;    margin-right: 15px;
}

.hot-articles p {
    margin: 0;
    font-size: 16px;
}

.hot-articles .views {
    margin-left: auto;
    font-size: 14px;
    color: #999;
}