Php 使用codeigniter创建库时出错

我已经粘贴了我的数据库的两个屏幕截图，以及我希望我的网页看起来如何。我试图把这件事做完，但不知道如何解决这个问题 我已将所有图像存储在文件夹中，并将图像路径存储在数据库中，现在我想以这样的方式获取图像，当我单击“所有作品”时，它应该显示所有图像，但当我单击“创造性”、“摄影”或“web开发”时，它应该只显示与数据库中存储的类相关的图像，类型为列。或者，例如，如果我点击说创意，那么它应该显示第二，第三，第五和第八像这样。我真的不知道如何做到这一点。求你了，我真的需要帮助

            //-----controller------

            public function portfolio()  
            {  
            $this->load->helper('url');
            $this->load->view('header');
                $data['results'] = $this->Contact_model->getAllRecords3();
            $this->load->view('portfolio',$data); 
            $this->load->view('footer');    
            }


            //--------model-----

            function getAllRecords3()
            {
                return  $this->db->get('portfolio1')->result();
            }


            //-------view---------

            <section id="portfolio">
        <div class="container">
          <div class="center">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt</p>
          </div>

          <ul class="portfolio-filter text-center">
            <li><a class="btn btn-default active" href="#" data-filter="*">All Works</a></li>
            <li><a class="btn btn-default" href="#" data-filter=".bootstrap">Creative</a></li>
            <li><a class="btn btn-default" href="#" data-filter=".html">Photography</a></li>
            <li><a class="btn btn-default" href="#" data-filter=".wordpress">Web Development</a></li>
          </ul>
          <!--/#portfolio-filter-->
        </div>
        <div class="container">
          <div class="">
            <div class="portfolio-items">

            <?php 
                if( !empty($results) ) {

                    foreach($results as $row) {?>
                    <div class="portfolio-item apps joomla col-xs-12 col-sm-4 col-md-3">
                    <div class="recent-work-wrap">
                      <img class="img-responsive" src="<?php echo base_url('uploads/'.$row->filename);?>" alt="">
                      <div class="overlay">
                          <div class="recent-work-inner">
                      <h3><a href="#"><?php echo $row->first_content; ?></a></h3>
                      <p><?php echo $row->second_content; ?></p>
                      <a class="preview" href="<?php echo base_url('uploads/'.$row->filename);?>" rel="prettyPhoto"><i class="fa fa-eye"></i> View</a>
                      </div>
                        </div>  
                    </div> 
                    </div> 
                   <?php 

                   } ?>

                <?php }
            ?>


                </div>
              </div>
            </div>
          </section>




              <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
              <script src="<?php echo base_url(); ?>js/jquery-2.1.1.min.js"></script>
              <!-- Include all compiled plugins (below), or include individual files as needed -->
              <script src="<?php echo base_url(); ?>js/bootstrap.min.js"></script>
              <script src="<?php echo base_url(); ?>js/jquery.prettyPhoto.js"></script>
              <script src="<?php echo base_url(); ?>js/jquery.isotope.min.js"></script>
              <script src="<?php echo base_url(); ?>js/wow.min.js"></script>
              <script src="<?php echo base_url(); ?>js/functions.js"></script>

/----控制器------
公共职能组合（）
{  
$this->load->helper（'url'）；
$this->load->view（'header'）；
$data['results']=$this->Contact_model->getAllRecords3（）；
$this->load->view（'portfolio'，$data）；
$this->load->view（'footer'）；
}
//--------模型-----
函数getAllRecords3（）
{
返回$this->db->get（'portfolio1'）->result（）；
}
//-------看法---------
同一天，我们将继续为精英们提供临时服务







文件名）；？>“alt=”“>

请尝试下面的解决方案

您错过了添加div的动态类，如应用程序和joomla

<div class="portfolio-item apps joomla col-xs-12 col-sm-4 col-md-3">



在上面的代码行中添加了类

<?php
foreach($results as $row) {
//code for getting dynamic class names from db
$class = explode(",.", $row->type);
$gettypes = implode(" ", $class); 
?>
<div class="portfolio-item <?php echo $gettypes;?> col-xs-12 col-sm-4 col-md-3">


您已经包括jquery.isotox.min.js库，您需要遵循以下文档


同时更改为以下视图代码

<div class="portfolio-item <?php echo $gettypes;?> col-xs-12 col-sm-4 col-md-3">

在您的类型中，您必须随时间添加图像…..当您当时获取图像时，您必须传递类型，并假设您希望所有图像然后将类型设置为空。我不知道，请有人指导我这方面的工作吗
<div class="portfolio-item <?php echo $gettypes;?> col-xs-12 col-sm-4 col-md-3">