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

DAY 10

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

蒼鴻鐵鷹練成

老鷹(eagle)

2013-09-25 20:12:47

4644 瀏覽

分享至

之前的網頁有了訂正版

不過我們先來看看顯示
在controllers底下新增一個
news.php

<?php
class news extends CI_Controller{
   
    function __construct() {
        parent::__construct();
        //載入資料庫行為
        $this->load->model('sql');
        /**請參考 http://www.codeigniter.org.tw/user_guide/helpers/url_helper.html **/
        $this->load->helper('url');
    }
   
    function index(){
        //載入頁面 news.php
        $this->load->view('news');
    }
   
    function AddNews(){
        $this->load->view('AddNews');
    }
   
    //新增
   
    function NewsAdd(){
        /** 這個POST會給妳一個陣列 可直接寫入資料庫 不過你前面名稱需要對映欄位 **/
        $all = $this->input->post();
        $this->sql->add($all,'news');
        //返回頁面
        redirect(site_url().'news/index');
    }
   
}
?>

還有
sql.php

<?php
class sql extends CI_Model{
   
    function __construct() {
        parent::__construct();
        /**載入資料庫類別 參考  http://www.codeigniter.org.tw/user_guide/database/examples.html **/
        $this->load->database();
    }

    function add($all,$table){
        //寫入公式 insert方法 參數1=資料庫  參數2=要寫入的資料
        $this->db->insert($table,$all);
    }

}
?>

訂正版(忘記給名稱還有要加表單)
AddNews

<?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 -->
<?php /**  index1.php/news/NewsAdd  請參考  http://www.codeigniter.org.tw/user_guide/general/urls.html **/ ?>
<form id="form1" name="form1" method="post" action="<?=$link;?>index1.php/news/NewsAdd">
  <table width="1200" border="0" class="table table-bordered table-condensed">
    <tr>
      <td id="color"><strong>>>>新增公告</strong></td>
    </tr>
    <tr>
      <td><div align="center">
        <!-- placeholder="標題" 請參考 http://kkbruce.tw/Bootstrap/BaseCSS#forms -->
        <input type="text" name="title" placeholder="標題" id="title"/>
        <input name="date" type="hidden" id="date" value="<?=date('Y-m-d');?>" />
      </div>
        <label>
        <div align="center"></div>
        </label></td>
    </tr>
    <tr>
      <td id="color"><div align="center"><strong>內容</strong></div></td>
    </tr>
    <tr>
      <td><div align="center">
        <textarea name="content"  cols="45" rows="5" id="content"></textarea>
      </div></td>
    </tr>
    <tr>
      <td id="color"><!-- class="btn-group" 請參考 http://kkbruce.tw/Bootstrap/Components#buttonGroups   -->
        <div class="btn-group">
          <button class="btn" type="submit">新增公告</button>
          <button class="btn" type="reset">重新填寫</button>
          <button class="btn" type="button">回公佈欄</button>
        </div></td>
    </tr>
  </table>
</form>
</div>

為什麼首頁沒顯示,這個留到明天在講,資料庫因該已經新增了!

待續......