2009年10月7日星期三

[CodeIgniter] 建立簡單的MVC架構範例 [編輯]

1 回應

codeigniter for MVC

[圖片來源: CodeIgniter.com]

CodeIgniter是一套簡單、快速的PHP Framework,因為採用MVC的概念,所以能讓中、大型網站專案的架構變得漂亮乾淨許多,最近有空又開始試玩它,建議剛入門的同學可以先到官網跟著教學影片run幾次,尤其是20分鐘建立Blog的例子,實際跑過幾次流程,認識一下Controller跟View之間的互動方式。

耶,為什麼只提到Controller跟View呢?Model呢?是的,那個範例並沒有使用到Model,它是將取得資料的動作,直接寫在Controller了。其實寫CodeIgniter,並不用強制一定要M、V、C都使用,如果網站很單純,只要有C (只要有心...),V跟M都能被實作在C裡。跑過教學影片的同學一定有印象,Controller就是一堆PHP的Class,一個繼承Controller類別的Class,本身就像是一頁網頁,使用echo的方式就能達到View的效果,而在Controller直接呼叫像是 $this->db->get('db_table_name')的語法就能取得資料庫的資料了,就像範例那樣。

雖說Controller似乎能控制一切,但使用MVC架構的目的本來就是不想全部的code都搞成一沱,所以我們先來看看一個簡單的MVC例子,M,V,C都用。現在請先確定已經把CodeIgniter抓下來,並且放在Server目錄內了。

好的,首先我們先建立資料庫的資料,一切從簡,以下是SQL script,我建了一個名為test的資料庫,執行以下SQL會建立一個名為entries的資料表,欄位有id, title, body,再建立兩筆記錄:

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

--
-- database: `test`
--

-- --------------------------------------------------------

--
-- table: `entries`
--

CREATE TABLE IF NOT EXISTS `entries` (
  `id` int(16) NOT NULL,
  `title` varchar(64) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL,
  `body` varchar(128) CHARACTER SET utf8 COLLATE utf8_unicode_ci NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- data: `entries`
--

INSERT INTO `entries` (`id`, `title`, `body`) VALUES
(1, 'mrmu1', 'HiHi!~'),
(2, 'mrmu2', 'HIHIHI~'); 

再來準備Controller的部份,請在system/application/controllers目錄下建立blog.php,內容如下:
class Blog extends Controller {
  function __construct() {
    parent::Controller();
  }

  function index() {
    $data['title'] = "TitleT";
    $data['heading'] = "My PageT";
    
    //$data['query'] = $this->db->get('entries'); // A
    $this->load->model('blog_model'); // B
    $data['query'] = $this->blog_model->getdata(); // C

    $this->load->view('blog_view', $data);
  }
}
其中標示A的那行,就是官網的教學影片使用的方式,直接在Controller取得資料庫的資料,我們先把它註解掉,以B,C行來取代它,即是使用load->model的方式,把載入資料的事交給blog_model這個類別,而接著再使用blog_model裡的getdata()來取得資料。

對了,要記得載入database函式庫,讓我們能使用db相關的函式。要載入database這個函式庫您可以在Controller裡面加上這行 $this->load->database();,可以加在呼叫$this->db->get('entries');之前,最好是放在建構子中,這樣可叫用的範圍比較廣,不過您也可以像這個範例一樣,直接到system/application/config/autoload.php 找到 $autoload['libraries'] = array();,改成$autoload['libraries'] = array('database'); 這樣一來,它就會自動載入,您也就不用在Controller裡面額外加上load database的指令了。

接下來我們就來看看blog_model這個類別要怎麼寫。

請在system/application/models目錄下建立blog_model.php,因為我們只是要驗證一下,所以內容非常簡潔,如下:
class Blog_model extends Model {
    function Blog_model() {
        parent::Model();
    }
       
    function getdata() {
        $query = $this->db->get('entries');
        return $query;
    }
}
很簡潔吧,好,接下來就是把View的部份也建立起來,請到system/application/views目錄建立blog_view.php,內容如下:

// 從Controller傳來的heading變數

[?php echo $heading; ?]

[?php foreach($query->result() as $row): ?]// 一筆一筆讀出資料

[?php echo $row->title ?]

// 讀出title欄位的資料

[? php echo $row->body ?]

// 讀出body欄位的資料
//分隔線 [? php endforeach; ?]

基本上,View就是一堆Html語法加上輸出一些PHP的變數,如此就完成了我們的MVC架構簡單範例了。

輸出結果:

My PageT

mrmu1

HiHi!~



mrmu2

HIHIHI~



*注意,如果出現了 Message: Undefined property: Blog_model::$db 就表示您沒有載入database這個函式庫,請參考上述作法加載。


CodeIgniter官網:http://codeigniter.com/
CodeIgniter官方教學影片:http://codeigniter.com/tutorials/

1 回應: to “ [CodeIgniter] 建立簡單的MVC架構範例