[鐵鷹練成]CI之公佈欄(資料顯示)

DAY 11

[鐵鷹練成]CodeIgniter + Bootstrap系列第 11 篇

蒼鴻鐵鷹練成

老鷹(eagle)

2013-09-26 19:49:28

3714 瀏覽

來我們今天講說,昨天的資料要怎麼顯示出來!!
首先我們回到(老鷹比較不會講解東西就用程式碼跟注解介紹吧)
controllers/news.php

//多了一行
    function index(){
        //提取資料放入一個陣列裡
        $data['query'] = $this->sql->all('news');
        //載入頁面 news.php  資料載入頁面
        $this->load->view('news',$data);
    }

models/sql.php

/** 提取表單很簡單使用get方法 請參考 http://www.codeigniter.org.tw/user_guide/database/active_record.html **/
    function all($table){
        $query = $this->db->get($table);
        return $query;
    }

views/news.php

<?php
/*---------------------------------------*/
//........ 此頁面請放在view資料夾底下.......//
/*---------------------------------------*/
$link = 'http://localhost/test/';
?>

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>公佈欄</title>
<!--以下是 Bootstrap 的文件包-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="<?=$link;?>css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="<?=$link;?>css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="<?=$link;?>js/jquery.js"></script>
<script src="<?=$link;?>js/bootstrap.min.js"></script>
<style>
#heig{
     height:10px;
}
#color{
     background-color: #E5E5E5;
}
</style>


<!--"container"為固定置中,請參考 http://kkbruce.tw/Bootstrap/Scaffolding 佈局篇-->
<div class="container">
<!--class="table table-bordered table-condensed"請參考 http://kkbruce.tw/Bootstrap/BaseCSS#tables -->
  <table width="1200" border="0" class="table table-bordered table-condensed">
    <tr>
      <td colspan="2" bgcolor="#CCCCCC"><div align="center"><strong>公佈欄</strong></div></td>
    </tr>
    <tr>
      <td>
      <!-- 請參考 http://kkbruce.tw/Bootstrap/BaseCSS#forms -->
      <div id="heig">
      <form action="" method="post" name="like" class="form-inline" id="like">
        <strong>搜尋標題: </strong>
        <label>
        <input type="text" name="title"/>
        </label>
        <button class="btn" type="submit">搜尋</button>
      </form>
      </div>
      </td>
      <td>

        <div align="center">       
          <!-- 請參考 http://kkbruce.tw/Bootstrap/BaseCSS#buttons -->
          <a href="<?=$link;?>index1.php/news/AddNews"><button class="btn" type="button">新增公告</button></a>
      </div></td>
    </tr>
    <tr>
      <td colspan="2"><table width="1200" border="0"  class="table table-bordered table-condensed table-striped table-hover">
        <tr>
          <td id="color"><div align="center"><strong>項次</strong></div></td>
          <td id="color"><div align="center"><strong>分類</strong></div></td>
          <td id="color"><div align="center"><strong>標題</strong></div></td>
          <td id="color"><div align="center"><strong>時間</strong></div></td>
          <td id="color"><div align="center"><strong>管理</strong></div></td>
        </tr>
        <?php
          /** result_array() 參考 http://www.codeigniter.org.tw/user_guide/database/results.html    **/
          foreach($query->result_array() as $key=>$row):
          ?>
        <tr>
          <td><div align="center"><?=$key+1;?></div></td>
          <td><div align="center"><?=$row['class'];?></div></td>
          <td><div align="center"><?=$row['title'];?></div></td>
          <td><div align="center"><?=$row['date'];?></div></td>
          <td><div align="center">
          </div></td>
        </tr>
        <?php endforeach; ?>
      </table></td>
    </tr>
  </table>
</div>

成功畫面