使用CodeIgniter开发相册：如何查询单相册单张图片实现Facebook式展示？

嘿，这个需求我之前也做过类似的，其实核心就是给每个相册配一张「封面图」——也就是从每个相册里挑一张图来代表它。下面一步步来实现，完全适配CodeIgniter的开发流程：

要拿到每个相册+对应的一张图片，有两种常用的写法，看你的数据库版本选：

方法一：适合所有数据库（兼容性强） #

用子查询分组获取每个相册的任意一张图片，再和相册表关联：

SELECT 
    a.album_id, 
    a.album_name, 
    p.image_name
FROM albums a
LEFT JOIN (
    SELECT album_id, image_name 
    FROM images 
    GROUP BY album_id
) p ON a.album_id = p.album_id
WHERE a.user_id = ? -- 这里替换成当前登录用户的ID

LEFT JOIN的好处是：哪怕某个相册还没传图片，也能显示相册本身，不会被过滤掉。

方法二：取最新/指定顺序的图片（MySQL 8+/PostgreSQL支持） #

如果想让封面是相册里最新上传的图片，可以用窗口函数ROW_NUMBER()，更灵活：

SELECT 
    a.album_id, 
    a.album_name, 
    p.image_name
FROM albums a
LEFT JOIN (
    SELECT 
        album_id, 
        image_name,
        -- 按image_id倒序，给每个相册的图片排号，取第1个就是最新的
        ROW_NUMBER() OVER (PARTITION BY album_id ORDER BY image_id DESC) as rn
    FROM images
) p ON a.album_id = p.album_id AND p.rn = 1
WHERE a.user_id = ?

创建（或修改）你的相册模型，比如Album_model.php，写一个方法来获取数据：

<?php
class Album_model extends CI_Model {

    // 获取用户的所有相册+对应封面图
    public function get_user_albums_with_cover($user_id) {
        // 用方法二的窗口函数写法（推荐）
        $subquery = $this->db->select("album_id, image_name, ROW_NUMBER() OVER (PARTITION BY album_id ORDER BY image_id DESC) as rn")
                             ->from('images')
                             ->get_compiled_select();

        $this->db->select('a.album_id, a.album_name, p.image_name')
                 ->from('albums a')
                 ->join("($subquery) p", 'a.album_id = p.album_id AND p.rn = 1', 'left')
                 ->where('a.user_id', $user_id);
        
        return $this->db->get()->result(); // 返回对象数组
    }
}

如果用方法一，把subquery改成$this->db->select('album_id, image_name')->from('images')->group_by('album_id')->get_compiled_select()就行。

比如在Album.php控制器的列表页面：

<?php
class Album extends CI_Controller {

    public function __construct() {
        parent::__construct();
        $this->load->model('Album_model');
        $this->load->library('session');
        // 这里可以加登录验证，确保只有登录用户能访问
    }

    public function index() {
        // 从session取当前登录用户ID（根据你的登录逻辑调整）
        $current_user_id = $this->session->userdata('user_id');
        
        // 获取相册数据
        $data['albums'] = $this->Album_model->get_user_albums_with_cover($current_user_id);
        
        // 加载视图
        $this->load->view('albums/album_list', $data);
    }
}

在视图文件album_list.php里，用网格布局渲染相册，每个相册显示封面和名称：

<div class="album-container">
    <h2>我的相册</h2>
    <div class="album-grid">
        <?php foreach ($albums as $album): ?>
            <div class="album-card">
                <!-- 显示封面图，没有图片就用默认图 -->
                <?php if (!empty($album->image_name)): ?>
                    <img src="<?php echo base_url('uploads/images/' . $album->image_name); ?>" 
                         alt="<?php echo htmlspecialchars($album->album_name); ?>" 
                         class="album-cover">
                <?php else: ?>
                    <img src="<?php echo base_url('assets/img/default-album-cover.png'); ?>" 
                         alt="空相册" 
                         class="album-cover">
                <?php endif; ?>
                <p class="album-name"><?php echo htmlspecialchars($album->album_name); ?></p>
            </div>
        <?php endforeach; ?>
    </div>
</div>

<!-- 加一点CSS让它像Facebook的风格 -->
<style>
.album-container {
    max-width: 1200px;
    margin: 20px auto;
    padding: 0 20px;
}
.album-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 15px;
    margin-top: 20px;
}
.album-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: transform 0.2s;
}
.album-card:hover {
    transform: translateY(-2px);
}
.album-cover {
    width: 100%;
    height: 180px;
    object-fit: cover; /* 保持图片比例，裁剪多余部分 */
}
.album-name {
    padding: 10px;
    margin: 0;
    text-align: center;
    background: #f8f9fa;
    font-size: 14px;
}
</style>

• 记得配置CodeIgniter的base_url，确保图片路径正确；
• 如果用GROUP BY的写法，有些数据库开启ONLY_FULL_GROUP_BY模式会报错，这时候窗口函数的写法更稳妥；
• 可以给相册表加个cover_image_id字段，让用户自己设置封面图，这样查询更高效——不过如果只是默认取一张的话，上面的方法足够用了。

内容的提问来源于stack exchange，提问作者dwp