CodeIgniter+Bootstrap轮播：如何循环加载关联数据库幻灯片？

我来帮你解决这个问题！你现在遇到的核心问题有两个：一是关联查询的条件可能写错了，二是用了row_array()只会返回单行数据，没法拿到对应帖子的所有幻灯片。咱们一步步来修复：

首先，先检查你的数据库关联逻辑：你写的yacht_slider.yacht_slide_id = yachts.id看起来有问题——幻灯片表的外键应该是存储帖子ID的字段（比如叫yacht_id），而不是幻灯片自己的ID关联帖子ID。这个错误会导致关联结果不对，甚至只能匹配到一行数据。

接下来修改你的模型代码，咱们把帖子信息和对应的所有幻灯片分开查询，这样逻辑更清晰，也避免一对多查询的问题：

1. 更新模型方法 #

在你的游艇模型里新增一个专门获取带幻灯片的帖子信息的方法（或者修改原来的get_yachts方法）：

public function get_yacht_with_slides($slug) {
    // 先获取当前帖子的基本信息
    $yacht = $this->db->get_where('yachts', array('slug' => $slug))->row_array();
    
    // 如果帖子不存在，返回null
    if (!$yacht) {
        return null;
    }
    
    // 再查询该帖子对应的所有幻灯片，这里假设幻灯片表的外键是yacht_id
    $slides_query = $this->db->get_where('yacht_slider', array('yacht_id' => $yacht['id']));
    $yacht['slides'] = $slides_query->result_array();
    
    return $yacht;
}

2. 更新控制器代码 #

修改你的控制器，调用新的模型方法，同时处理帖子不存在的情况：

public function view($slug = NULL){
    $data['yacht'] = $this->yacht_model->get_yacht_with_slides($slug);
    
    // 如果没找到对应的帖子，显示404页面
    if (!$data['yacht']) {
        show_404();
    }
    
    $data['title'] = 'Yachts';
    $this->load->view('templates/header', $data);
    $this->load->view('yachts/view', $data);
    $this->load->view('templates/footer');
}

3. 在视图中循环渲染Bootstrap轮播 #

现在你可以在视图里通过$yacht['slides']拿到所有幻灯片数据，用foreach循环渲染轮播的每一项：

<div id="yachtCarousel" class="carousel slide" data-bs-ride="carousel">
  <!-- 轮播指示器 -->
  <div class="carousel-indicators">
    <?php foreach ($yacht['slides'] as $index => $slide): ?>
      <button 
        type="button" 
        data-bs-target="#yachtCarousel" 
        data-bs-slide-to="<?php echo $index; ?>" 
        <?php echo $index === 0 ? 'class="active"' : ''; ?> 
        aria-current="<?php echo $index === 0 ? 'true' : 'false'; ?>" 
        aria-label="Slide <?php echo $index + 1; ?>"
      ></button>
    <?php endforeach; ?>
  </div>
  
  <!-- 轮播内容 -->
  <div class="carousel-inner">
    <?php foreach ($yacht['slides'] as $index => $slide): ?>
      <div class="carousel-item <?php echo $index === 0 ? 'active' : ''; ?>">
        <!-- 这里替换成你幻灯片表中存储图片路径的字段，比如slide_image -->
        <img src="<?php echo $slide['slide_image']; ?>" class="d-block w-100" alt="<?php echo isset($slide['alt_text']) ? $slide['alt_text'] : 'Yacht Slide'; ?>">
      </div>
    <?php endforeach; ?>
  </div>
  
  <!-- 轮播控制按钮 -->
  <button class="carousel-control-prev" type="button" data-bs-target="#yachtCarousel" data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
  </button>
  <button class="carousel-control-next" type="button" data-bs-target="#yachtCarousel" data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
  </button>
</div>

为什么原来的方法不行？ #

1. 关联条件错误：yacht_slider.yacht_slide_id = yachts.id 这个条件是把幻灯片的ID和帖子ID关联，逻辑完全错误——正确的应该是幻灯片表中存储帖子ID的字段（比如yacht_id）和帖子表的id关联。
2. 使用了row_array()：这个方法只会返回查询结果的第一行，所以即使关联正确，也只能拿到一张幻灯片，而result_array()会返回所有匹配的行。

这样修改后，你就能正确循环加载指定帖子的所有幻灯片了！

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