CodeIgniter 框架入門教程第一課：Hello World 部署與架構認識

前言

CodeIgniter（CI）是輕量級、文檔完善、中文註解豐富的 PHP MVC 框架，極適合有 PHP 基礎、初學 MVC 的開發者快速上手。本系列教程將從環境部署、目錄結構、MVC 概念到實作計算機完整示範。第一課完成框架部署、認識目錄結構、修改預設控制器輸出 Hello World。

適用讀者

• 具備 PHP 基礎：變數、流程控制、陣列、OOP、資料庫操作。
• 理解 Web 基礎術語：URL、表單、HTTP 請求/回應。

框架下載與部署

1. 下載 CI 2.1.0 源碼（官網或 GitHub）。
2. 解壓至 Web 根目錄（如 xampp/htdocs/CI_01）。
3. 瀏覽器訪問 https://localhost/CI_01/，出現歡迎頁即部署成功。

目錄結構解析

CI_01/
├── application/          # 核心開發目錄
│   ├── config/           # 配置檔案
│   ├── controllers/      # 控制器
│   ├── models/           # 模型
│   ├── views/            # 視圖
│   └── ...               # libraries、helpers 等
├── system/               # 框架核心（勿動）
└── index.php             # 入口檔案

開發工作集中在 application/，遵循 MVC 分層。

MVC 運作流程

1. 使用者請求進入 index.php。
2. 路由解析決定 Controller/Method。
3. Controller 處理邏輯、呼叫 Model 取得資料。
4. Controller 載入 View 並傳遞資料。
5. View 渲染輸出 HTML 回應瀏覽器。

修改預設控制器輸出 Hello World

檔案：application/controllers/welcome.php

<?php
class Welcome extends CI_Controller {
    public function index() {
        // 原本：$this->load->view('welcome_message');
        echo "Hello World!";
    }
}

瀏覽器重新整理，畫面顯示 Hello World!，代表第一個 CI 程式運行成功。

路由配置補充

檔案：application/config/routes.php

$route['default_controller'] = 'welcome';  // 預設控制器
$route['404_override'] = '';                 // 404 處理
$route['translate_uri_dashes'] = FALSE;

可修改 default_controller 指向自訂控制器（如 calculate）。

本課小結

• 完成 CI 框架部署與目錄認識。
• 理解 MVC 基本流程與 CI 目錄對應。
• 修改控制器輸出 Hello World，驗證框架運作。

下一課預告：建立計算機範例，實作 View 表單、Model 計算邏輯、Controller 協調，完整體驗 MVC 開發模式。