我們現在正式進入 Sub-topic 1: Web 環境建置與 PHP 基礎。這部分的重點是理解網頁是如何運作的，以及認識我們接下來要使用的工具。

1. 網頁的運作原理與 WAMP 伺服器環境

我們要開發的是「動態網頁」，這牽涉到「前端（Client-side）」與「後端（Server-side）」的合作。

原文定義：

• "Client-Side Programming is good in: Checking and validation of user's information... Responding user's actions and event performed on the browser."

• "Server-Side Programming is good in: Adding up-to-date information using database on the server. Controlling the content of a web page under different situations..."

• "WAMP (Windows, Apache, MySQL, PHP) Server... Apache, the web server... MySQL, the database management system... PHP, the programming language"

💡 白話文與生活比喻（餐廳運作模型）：

想像你開了一家名為 WAMP 的全能餐廳：

• W (Windows)：這家餐廳的地皮跟建築物（作業系統）。

• A (Apache Web Server)：餐廳的服務生。負責在門口監聽（Listen）客人的點單（HTTP requests），然後把客人要的菜端上桌（HTTP responses）。

• P (PHP)：餐廳的主廚。他負責處理邏輯，例如判斷客人是不是 VIP、計算結帳金額。他會讀取你寫的腳本（PHP Script）來動態生成網頁內容（也就是做菜）。

• M (MySQL)：餐廳的食材倉庫/冰箱（資料庫）。主廚 (PHP) 會去倉庫找新鮮的食材（Data）來做菜。

而客人的瀏覽器（如 Chrome），就是 Client-Side。它只負責看菜單、填寫點菜單（驗證有沒有漏填），以及把菜吃掉（顯示畫面）。

2. 伺服器配置的兩大神器：php.ini 與 phpinfo()

當我們架設好伺服器後，有時候需要修改設定（例如允許客人上傳多大的照片）。

原文定義：

• "php.ini Configuration File... To change php.ini settings in WAMP, choose PHP => php.ini, open the text file to make changes, save the file and restart the WAMP."

• "phpinfo() is a function that used to output the information about the PHP configuration in the server... is a valuable debugging tool"

💡 白話文解釋：

• php.ini：這是餐廳的內部管理規章。裡面規定了像是 post_max_size (最大點單容量) 或 upload_max_filesize (最大上傳檔案大小)。記住，修改完規章後，必須重新啟動伺服器 (Restart WAMP)，新規定才會生效。

• phpinfo()：這是一個 PHP 內建的指令。只要在網頁寫下 <?php phpinfo(); ?>，就像是呼叫「餐廳營運狀態報表」，它會印出目前所有的設定值、系統版本，是工程師找 Bug 時最愛用的工具。

3. PHP 程式語言基礎

PHP 的語法和 JavaScript 有點像，但它有一些獨特的標記。

原文定義：

• "When PHP parses a file, it looks for the opening and closing tags... <?php and ?>"

• "PHP doesn't require you to declare a variable before using it. PHP knows that something is a variable by the fact that the name is preceded with a dollar sign like this $abc."

• "Associative array: $cities['france'] = "paris";"

💡 白話文解釋與易錯提醒：

• 標籤 (Tags)：PHP 程式碼必須包在 <?php 與 ?> 裡面，否則伺服器會把它當成一般的純文字或 HTML 顯示出來。

• 變數 (Variables)：PHP 的變數超級好認，前面一定要加錢字號 $。例如 $userName = "John";。字串連接不像 Java 或 JS 用 + 號，PHP 是用小數點 . 來連接（例如："Hello " . $userName）。

• 陣列 (Arrays)：除了用數字 0, 1, 2 當作索引的普通陣列，PHP 非常愛用「關聯陣列 (Associative Array)」。你可以把它想像成一本字典，用文字當作鑰匙 (Key) 來找資料。例如：$student['name'] = "Mary";。

Sub-topic 2: 表單處理與檔案上傳 (Form Data & File Uploads)

這個章節的重點在於「前端（瀏覽器）如何將使用者的輸入，正確無誤地打包送到後端（伺服器）」。

1. 傳遞資料的兩大門派：GET vs. POST

HTML 表單 <form> 在傳送資料時，有兩種主要的方法（Method）。

原文定義：

• "a GET request passes the parameters to the server as a query string... GET is limited to browser's URL length... information is more private (not shown in browser address bar)"

• "a POST request embeds the parameters in HTTP request, not in the URL"

💡 白話文與生活比喻（寄信模型）：

• GET（寄明信片）：當你使用 GET 時，資料會直接附加在網址的最後面，這稱為 Query String（例如 ?name=Sue&meal=pizza）。
  • 優點：可以加到我的最愛（Bookmark），也可以把網址直接貼給朋友看。
  • 缺點：大家都能在網址列看到內容（毫無隱私），而且明信片版面有限，大約只能塞 100-200 個字元。

• POST（寄密封包裹）：資料被藏在 HTTP 請求的內部傳送，網址列完全看不出痕跡。
  • 優點：適合傳送私密資訊（例如登入密碼），且容量沒有嚴格限制，適合傳遞大筆資料。
  • 缺點：不能被加到我的最愛。如果使用者按「上一頁」，常常會跳出「確認重新提交表單 (POSTDATA)」的警告訊息。

2. 伺服器如何收件？(Superglobals)

當前端把表單送出後，後端的 PHP 主廚要怎麼拿到這些資料呢？PHP 準備了三個「超級陣列（Superglobals）」來接招。

原文定義：

• "You need to use the environment variables $_GET, $_POST or $_REQUEST."

💡 白話文與易錯提醒：

• $_GET['變數名稱']：專門用來接收 GET 方法送來的資料。

• $_POST['變數名稱']：專門用來接收 POST 方法送來的資料。

• $_REQUEST['變數名稱']：這是一個「萬能信箱」，無論前端是用 GET 還是 POST 傳過來，它通通都能收。不過實務上為了安全性，通常會明確指定使用 $_GET 或 $_POST。

3. 檔案上傳的兩大鐵律 (File Uploading)

這是一個超級常考的實作題！要讓網頁具備上傳檔案（如圖片、履歷）的功能，前後端都有嚴格的規定。

原文定義：

• "Make sure that the form uses method="post"... The form also needs the following attribute: enctype="multipart/form-data"... Without the requirements above, the file upload will not work."

• "move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)"

💡 白話文拆解：

• 前端（HTML）的鐵律：表單方法必須是 method="post"，並且「一定」要加上通關密語 enctype="multipart/form-data"。這是在告訴伺服器：「注意囉，這次傳過來的不是單純的文字，而是被拆解的二進位檔案。」如果沒寫這個屬性，上傳絕對會失敗。

• 後端（PHP）的鐵律：檔案資料不會放在 $_POST 裡，而是有一個專屬的陣列叫做 $_FILES。檔案上傳到伺服器後，一開始只會存在「暫存區 (tmp_name)」，你必須使用 PHP 的 move_uploaded_file() 函數，手動把檔案搬移到指定的真實資料夾（例如 upload/），這個上傳動作才算真正完成。

Sub-topic 3: 狀態管理 Cookies & Sessions。
這一個章節要解決的核心問題是：「既然網頁本身沒有記憶力，那我們該怎麼記住使用者是誰？」

1. 為什麼需要狀態管理？(HTTP is Stateless)

在學習 Cookie 和 Session 之前，我們必須先認識 HTTP 協定的一個致命缺點。

原文定義：

• "HTTP is a stateless protocol. This means that state is NOT preserved between HTTP requests on the same site."

• "Methods of maintaining state: Passing hidden variables, Cookies, Session."

💡 白話文與生活比喻（金魚腦服務生）： HTTP 協定就像是一個擁有「金魚腦（只有三秒記憶）」的餐廳服務生。 當你點完餐（發出 Request）並拿到食物（收到 Response）後，這個服務生就會立刻忘記你是誰。如果你想要再加點一杯飲料，服務生會把你當成全新的客人，要求你重新驗證身分（例如重新登入）。 為了解決這個問題，工程師發明了兩種主要的方法來「維持狀態（Maintaining state）」：Cookies 和 Session。

2. Cookie：把記憶放在客人的口袋裡

Cookie 是一種把資料存在「客戶端（瀏覽器）」的技術。

原文定義：

• "Cookies are simple text strings of the form of name=value which are stored persistently on the browser."

• "The data persists on the browser until a specified expiry period elapses."

• "Since cookies are kept on the client side... Users can delete cookies themselves"

💡 白話文與生活比喻（餐廳集點卡）：

因為服務生（伺服器）記不住你，所以餐廳決定發給你一張「實體集點卡（Cookie）」，並請你放在自己的錢包（瀏覽器）裡。下次你再來餐廳時，只要出示這張卡片，服務生就知道你來過幾次了。

• 特性：卡片是保存在客人身上的，所以客人可以隨時把它丟掉（刪除 Cookie）。

• 壽命：卡片上會印有「有效期限（Expiry period）」，時間到了卡片就會失效。

💻 PHP 實作語法：

• 建立 Cookie：使用 setcookie(name, value, expire)。例如設定一個存活 3600 秒（一小時）的 Cookie：setcookie("mycookie", "Hello", time()+3600);

• 讀取 Cookie：使用全域變數 $_COOKIE['變數名稱']。例如：echo $_COOKIE['mycookie'];

• 刪除 Cookie（常考題！）：PHP 沒有直接刪除 Cookie 的指令。你必須重新設定同一個 Cookie，並且把它的過期時間設定在「過去」。例如：setcookie("mycookie", "", time() - 60);

3. Session：把記憶鎖在伺服器的保險箱

Session 是一種把資料存在「伺服器端」的技術。

原文定義：

• "Using session, a web server can keep some data on the server and the data can be used from one page to another page."

• "keep the data on the server only and give the browser a 'key' to allow it to uniquely identify the session. We call this key a 'session identifier'."

• "save the session identifier as a cookie with its default name called PHPSESSID."

💡 白話文與生活比喻（健身房置物櫃）： 如果你不希望把重要的個人資訊（例如信用卡號、購物車內容）直接寫在卡片（Cookie）上讓別人看到，你可以改用 Session。 這就像是健身房的專屬置物櫃。餐廳（伺服器）把你的重要資料鎖在一個專屬的櫃子裡，然後只交給你一把帶有編號的鑰匙（Session Identifier）。這把鑰匙通常會偽裝成一個名為 PHPSESSID 的 Cookie 存在你的瀏覽器裡。你下次來只要出示鑰匙，伺服器就會幫你打開對應的櫃子。

💻 PHP 實作語法：

• 啟動 Session（鐵律）：在任何需要使用 Session 的 PHP 檔案最頂端，必須呼叫 session_start();，否則無法讀取鑰匙。

• 寫入/讀取 Session：使用全域變數 $_SESSION['變數名稱']。例如：$_SESSION['name'] = "Peter";

• 刪除 Session：
  • 清空單一變數：unset($_SESSION['xyz']);
  • 徹底銷毀整個置物櫃（通常用於「登出」功能）：session_destroy();

階段推進：Sub-topic 4: PHP 與 MySQL 資料庫整合 (Database Integration)

既然你已經成功攻克了狀態管理，現在我們要進入整份考綱最核心的重頭戲：如何讓 PHP (主廚) 去 MySQL (倉庫) 拿資料？ 這部分在實作題與除錯題的配分極重。

1. 建立連線 (Connect)

要拿資料，必須先打電話給倉庫管理員。

原文定義：

• "The mysqli_connect() function is used to open a new connection to MySQL server and select a database."

• "$conn = mysqli_connect($hostname, $username, $pwd, $db) or die(mysqli_connect_error());"

💡 白話文與生活比喻：

mysqli_connect() 就像是打電話到倉庫。你需要提供四個資訊：

1. $hostname (分機號碼，通常是 127.0.0.1 或 localhost)
2. $username (你的員工代號，例如 root)
3. $pwd (你的密碼)
4. $db (你要找的是哪個具體的倉庫房間) 如果電話打不通（連線失敗），我們會用 die() 函數直接「掛斷」並報錯，不讓程式繼續往下跑。

2. 執行查詢 (Query)

電話打通後，你要告訴管理員你想做什麼。

原文定義：

• "The mysqli_query() function takes as parameters a query to perform on the database and a link."

• "$rs = mysqli_query($conn, $sql)"

💡 白話文與生活比喻：

mysqli_query() 就像是下達指令。你需要給它兩個參數：

1. $conn (剛剛打通的那通電話)
2. $sql (你的 SQL 指令，例如 SELECT * FROM user) 管理員聽懂後，會去倉庫把你要的貨物全部打包成一個大包裹（Result Set，變數通常命名為 $rs）送過來。

3. 提取資料 (Fetch)

收到大包裹 $rs 後，PHP 不能直接把它印出來，必須把裡面的資料一筆一筆拿出來。

原文定義：

• "The mysqli_fetch_assoc() function may be used to fetch a record from the result into an associative array."

• "You can use the function in a loop to iterate through all records in the result set. while($rc = mysqli_fetch_assoc($rs)) { ... }"

💡 白話文與生活比喻（常考重點！）： 包裹 $rs 裡面可能裝了 100 筆會員資料。mysqli_fetch_assoc() 這個動作就像是「從包裹裡拿出一個檔案夾」，並且把它轉成以文字當作鑰匙的「關聯陣列 (Associative array)」。 因為我們不知道包裹裡總共有幾個檔案夾，所以一定要搭配 while 迴圈，只要還能拿出東西，就繼續拿，直到包裹空了為止。

4. 善後處理 (Free & Close)

事情做完後，要有好習慣。

原文定義：

• "mysqli_free_result(): is used to free the memory associated with the result set."

• "mysqli_close(): is used close a previously opened database connection."

💡 白話文解釋：

• mysqli_free_result($rs)：把包裹的包裝紙和暫存記憶體清空，釋放資源。

• mysqli_close($conn)：把電話掛斷，結束連線。

我們現在正式進入這份考綱中最進階、也最考驗前後端整合邏輯的魔王關卡：Sub-topic 5: DOM 操作與 AJAX/JSON 傳輸。

這個章節要解決的核心問題是：「如何在不重新載入整個網頁的情況下，讓前端畫面與後端資料庫進行對話與更新？」

1. DOM 操作：解構網頁的積木 (Document Object Model)

網頁被瀏覽器載入後，就不再只是純文字的 HTML，而是會被轉換成一個可以被程式操作的「物件模型」。

原文定義：

• "DOM ("Document Object Model") is a representation of the current web page as a set of JavaScript objects."

• "Everything is a node in HTML/XML DOM... The document itself is a document node. All HTML/XML elements are element nodes."

💡 白話文與實務比喻： 把網頁想像成一座用樂高積木拼成的城堡。DOM 就是這座城堡的「結構圖」。HTML 裡的每一個標籤（像是 <div>, <p>, <a>）都是一塊獨立的樂高積木（節點 Node）。 當你在前端開發中，實作動態的 CSS 分頁切換效果，或者為特定的程式碼區塊加上 Syntax Highlighting（語法高亮）時，底層運作的原理就是透過 JavaScript 查閱這張結構圖，找到特定的樂高積木，然後修改它的外觀或內容。

💻 考綱核心操作語法：

• 找積木：document.getElementById("id名稱") (最常用) 或 document.getElementsByTagName("標籤名稱")。

• 換積木內容/樣式：找到元素後，可以使用 element.innerHTML 改變裡面的 HTML 內容，或使用 element.style.property 改變 CSS 樣式。
  

2. JSON：前後端溝通的國際通用語 (JavaScript Object Notation)

前端 (JavaScript) 和後端 (PHP) 是兩種不同的語言，它們在傳遞複雜資料（如陣列、物件）時需要一個共同的翻譯標準。

原文定義：

• "JSON ("JavaScript Object Notation") is a lightweight data-interchange format... It is based on a subset of the JavaScript Programming Language."

• "JSON is parsed into a ready-to-use JavaScript object."

💡 白話文解釋： JSON 就像是程式界的「世界語」。它本質上是一串純文字字串，但有著極度嚴謹的格式（使用 {} 包裝物件，[] 包裝陣列）。

• 前端處理 (JavaScript)：
  • JSON.parse(字串)：把收到的 JSON 字串「解凍」成 JS 物件或陣列。
  • JSON.stringify(物件)：把 JS 物件「冷凍」成字串準備送出。

• 後端處理 (PHP)：
  • json_encode(陣列)：將 PHP 的陣列轉換為 JSON 字串。
  • json_decode(字串, true)：將 JSON 字串轉回 PHP 的陣列。

3. AJAX：背景默默做事的服務生 (Asynchronous JavaScript and XML)

這是現代網頁擁有流暢體驗的關鍵技術。

原文定義：

• "AJAX is a way to read data from a web server without reloading your page."

• "With Asynchronous, user can keep interacting with page while data loads"

💡 白話文與生活比喻：

• 傳統同步 (Synchronous)：就像去速食店櫃台點餐，點完後你必須一直站在櫃台前等（網頁畫面卡住、變成全白），直到餐點做好你才能回座位吃（整個畫面重新載入）。

• 非同步 (Asynchronous / AJAX)：就像去美食街拿到一個「震動取餐呼叫器」。你點完餐（發出 Request）後，可以回座位繼續滑手機或跟朋友聊天（網頁繼續讓使用者點擊、互動）。當後端把資料準備好時，呼叫器震動（觸發 Callback 函數），前端再把拿到的資料透過 DOM 局部更新到畫面上。

💻 jQuery AJAX 實作語法 (常考填空或簡答)：

教材中推薦使用 jQuery 來簡化 AJAX 請求：

$.ajax({ 

    type: 'GET', // 請求方法[cite: 9]

    url: 'server.php', // 請求的目的地[cite: 9]

    dataType: 'json', // 預期伺服器回傳的資料格式[cite: 9]

    success: function(result) { 

        // 請求成功後要執行的動作 (震動取餐器)[cite: 9] 

    } 

});

Sub-topic 6: 前端繪圖與 Web Services API。

這個章節不僅是現代全端開發的亮點，更考驗你如何運用 JavaScript 將網頁從「靜態文件」升級為「動態互動應用」。我們馬上開始！

1. HTML5 Canvas 基本繪圖 (Basic Drawing)

過去在處理網頁版面配置、分頁樣式或處理程式碼的語法高亮 (Syntax Highlighting) 時，我們操作的都是一塊一塊的 DOM 節點。但 Canvas 截然不同，它打破了 DOM 的限制。

原文定義：

• "The <canvas> element can be used to draw graphics using scripting (usually JavaScript)."
• "The origin of this grid is positioned in the top left corner at coordinate (0,0). All elements are placed relative to this origin. All angles are measured in radian."

💡 白話文與實務比喻 (白板與麥克筆)： 你可以把 <canvas> 想像成網頁上的一塊空白玻璃白板。HTML 只是把白板掛到牆上（定義寬高），你必須透過 JavaScript 拿起「麥克筆（CanvasRenderingContext2D）」在上面一筆一畫地畫圖。

• 座標系統易錯點：Canvas 的 (0,0) 原點在左上角。X 軸往右是正數，Y 軸往下才是正數。
• 畫線四部曲 (Drawing Paths)：
  1. beginPath()：打開麥克筆蓋，準備畫新圖形。
  2. moveTo(x, y)：把手懸空移動到某個座標（不會留下痕跡）。
  3. lineTo(x, y) 或 arc()：筆尖碰觸白板，規劃出線條或圓弧的路徑。
  4. stroke() 或 fill()：這一步最重要！前面的動作只是「打草稿」，必須呼叫 stroke() (描邊) 或 fill() (填色)，真正的顏料才會塗到白板上。

2. Web Services 與 Google Maps API 整合

現代網頁幾乎不可能所有功能都自己刻，在進行系統架構或外部功能擴充時，我們經常需要依賴外部資源。

原文定義：

• "Web services are web-based applications that use open, XML-based standards and transport protocols to exchange data with clients."

• "The Google Maps web services are a collection of HTTP interfaces to Google services providing geographic data for your maps applications."

💡 白話文與實務比喻 (外包與 API 串接)： Web Services 就像是把特定的工作「外包」給別人的伺服器。在日常的 API 串接任務中，我們常透過 HTTP 請求發送參數（或設定 HTTP Headers），然後對方回傳資料。Google Maps API 就是一種極度強大的 Web Service。

💻 實作 Google Maps 的三大鐵律：

1. 取得認證 (Authentication)：你必須在 <script> 載入 API 時，附上你的 API_KEY，否則 Google 不會理你的請求。
2. 地圖初始化 (Init Map)：必須準備一個 JavaScript 物件，裡面設定好兩大必備參數：
   • center：地圖的中心點座標（包含 lat 緯度與 lng 經度）。
   • zoom：縮放級別（0 代表看整個地球，數字越大看得越近）。
3. 加上圖釘 (Markers)：透過建立 google.maps.Marker 物件，並將 position 設為特定的經緯度，就能在地圖上打卡標記。

階段一：期末考卷結構與出題邏輯分析 (Exam Structure & Logic Analysis)

根據「4523M-考試題目架構分析」，這份考卷涵蓋所有課堂內容（除了明確排除的 Google API）。整份試卷分為兩個部分，總分 100 分。

階段二：學習路徑拆解與計畫表 (Learning Path Decomposition)

面對 7 到 8 題的實戰題型，我建議我們將複習流程分為 5 個實戰特訓區塊 (Sub-topics)。在每個區塊中，我會使用「費曼學習法」，以歷年試卷的真實代碼為範本，一行一行翻譯給你聽，並直接抽考你核心語法：

• Sub-topic 1: 數據結構大換血 (A1, A2)
  • 目標：徹底放棄 Python，專攻 PHP 的 String & Array 操作與 Key-Value 賦值邏輯。
  • 實戰：模擬最新的字串分割與陣列提取考法。
• Sub-topic 2: 表單與狀態守門員 (A3, A4)
  • 目標：掌握 POST 表單驗證（特別是 empty 陷阱）、Cookie 時間計算與 Session 陣列寫入。
  • 實戰：破解 2021/2024 年試卷中的 A3 與 A4 代碼填空。
• Sub-topic 3: 前後端非同步溝通 (A5, B2)
  • 目標：精通 JSON 格式轉換與 jQuery $.ajax() 請求，並動態修改 DOM 元素（文字與圖片）。
  • 實戰：結合歷年試卷的 Top Song、COVID-19 疫情更新、天氣資訊看板等題目進行解析。
• Sub-topic 4: 資料庫 CRUD 實戰 (B1)
  • 目標：默寫出完整的 PHP MySQL 連線、查詢、迴圈印出表格的起手式。
  • 實戰：拆解消費券查詢 (Spend Enquiry) 與超市產品查詢 (Supermarket) 考題。
• Sub-topic 5: 畫布動態渲染 (B3)
  • 目標：理解 Canvas 座標系轉換與動態重繪邏輯。
  • 實戰：破解 Logo 繪製、Sine 函數圖、火柴人 (Hangman) 動態更新等填空題。

1. 關聯式陣列 (Associative Array) 與遍歷 (Iteration)

在過去的 Python 考題中常考 Dictionary，現在換成 PHP，考的就是「關聯式陣列」。

原文定義：

• "An array is a list of values. Each value can be retrieved independently... Associative array: $cities['france'] = "paris";"
  
• "PHP provides a construct that can be used to iterate a non-sequential array: foreach ($anArray as $value) { ... }"

💡 白話文與生活比喻（置物櫃標籤）： 一般的陣列像是編號 0, 1, 2 的置物櫃。但關聯式陣列 (Associative Array) 允許你在置物櫃上貼「文字標籤 (Key)」。 例如，你想存學生的成績：$marks = array("Peter"=>85, "Mary"=>90);。在這裡，"Peter" 就是鑰匙 (Key)，85 就是內容物 (Value)。 當老闆要你把所有置物櫃打開檢查一遍時，你不需要管它有幾個，只要派出 foreach 這個萬能巡邏員，它就會自動幫你把陣列從頭到尾掃描一次。

2. 字串與陣列的超級轉換器 (explode & implode)

這是 A1/A2 題型最愛考的必殺技！如何把長字串切開，又如何把陣列黏回去。

原文定義：

• "explode() -- Splitting a string into an array so that each element contains a portion of the string."
  
• "implode() -- Opposite of the explode() function which combines an array's elements into a single string, separated by a specified character."

💡 白話文與生活比喻（切壽司與串燒）：

• explode(刀子, 壽司捲)：想像你是一個日本料理師傅，拿到一長條名為 $str = "Apple;Orange;Banana" 的壽司捲。你設定分界點為分號 ";"。一刀切下去，它就變成了一盤裝著三塊獨立水果的陣列 $arr。
  
• implode(竹籤, 壽司塊)：相反地，你現在有一盤陣列 $arr，你想把它做成烤肉串。你拿了一根逗號竹籤 "," 把它們全部串起來，它就變回了一條長長的純文字字串 "Apple, Orange, Banana"。

3. 字串的定位與切割 (strpos & substr)

如果你不需要轉成陣列，只是想從一段文字中「挖」出特定內容，就要用這兩把剪刀。

原文定義：

• "strpos(string, search_string): Performs a case-sensitive search and returns the position of the first-occurrence"

• "substr(string, start_position, len_of_substring): Returns a portion of a string"

💡 白話文解析 (地圖與剪刀)：

• strpos (地圖座標)：它會告訴你某個特定的字在字串裡的精確座標。常考陷阱：電腦的座標是從 0 開始數的。

• substr (剪刀)：你告訴它「從第幾個字開始剪（start_position）」以及「要剪多長（len_of_substring）」，它就會把那段字剪下來給你。如果省略長度，它就會一路剪到字串的最後面。

💡 生活實例：

假設系統收到使用者的 Email：$email = "student@vtc.edu.hk";

1. 你想找出 @ 的位置：$pos = strpos($email, "@"); （這會回傳 7，因為 s 是第 0 個位置）
   
2. 你想把帳號剪下來（從座標 0 開始，長度為 7）：$account = substr($email, 0, $pos); （就會精準得到 "student"）

Sub-topic 2: 表單與狀態守門員 (A3, A4)。

根據最新的考試架構分析，這兩題的考法非常固定：A3 專攻表單的防呆驗證（特別是 empty 的應用），A4 則是考驗 Cookie 時間計算與 Session 陣列的操作。

第一環節：知識講解與內化 (Feynman Technique)

1. A3 核心考點：表單驗證與 empty() 陷阱

當使用者按下 HTML 表單的 Submit 按鈕，資料會送到 PHP 後端。

原文定義：

• "You need to use the environment variables $_GET, $_POST or $_REQUEST."
  
• 考綱分析明確指出："測驗有考empty,今年或許會考 / form驗證的時候沒有提交東西,會岔開(提交空表單)... Empty string 檢查"。

💡 白話文與生活比喻（空包裹陷阱）：

想像郵差（POST method）送來一個名為 $_POST['username'] 的包裹。

• isset()（有沒有這個包裹？）：只檢查包裹存不存在。只要使用者有按 Submit，即使什麼都沒填，包裹還是會送來，所以 isset() 會判定為 True。
  
• empty()（包裹裡面是不是空的？）：這是今年極有可能考出的防呆機制！如果使用者提交了空表單（Empty string ""），包裹裡面沒東西。用 empty($_POST['username']) 就能精準抓出這種「幽靈包裹」並報錯。

2. A4 核心考點：Cookie 的建立與讀取

因為 HTTP 協定是無狀態的（stateless），我們需要把使用者的資訊存在他的瀏覽器裡。

原文定義：

• "Cookies are simple text strings of the form of name=value which are stored persistently on the browser."
  
• "setcookie(string name, string value, int expire)"

💡 白話文與考點提醒（集點卡的有效期限）：

• 建立 Cookie：你發給客人一張名為 lowestPrice 的集點卡。考試最愛考有效期限的數學計算！例如考綱提到的 30*60，代表 30 分鐘（因為單位是秒）。所以語法會是：setcookie("lowestPrice", $price, time() + 30 * 60);。
  
• 讀取 Cookie：客人下次來，你要檢查他有沒有帶卡片，使用 isset($_COOKIE['lowestPrice'])。

3. A4 核心考點：Session 的陣列操作

如果資料太機密或太多，我們會把資料存在伺服器端（Session）。

原文定義：

• "To use sessions, you need to call the session_start() built-in method at the top of your PHP script."
  
• 考綱分析指出："session 變量不需要預先設定,直接一行設定好... tips: php特色 = 所有數據最終都會放入associative array"。

💡 白話文與易錯提醒（無底洞置物櫃）：

• 第一步鐵律：檔案最開頭一定要寫 session_start();，這是開啟置物櫃的萬能鑰匙。
  
• 直接塞入陣列：PHP 很聰明，如果你要把買的食物名稱一個個塞進 Session 裡，你不需要預先宣告它是一個陣列。根據考點，你可以直接寫 $_SESSION['Food'][] = $name;，這對中括號 [] 就代表「把資料從最後面推入陣列中」。最後再用剛剛學過的 implode(", ", $_SESSION['Food']) 把它串成文字印出來。

階段推進：Sub-topic 3 - 前後端非同步溝通 (A5, B2)

狀態管理搞定後，我們要進入歷年試卷中配分極重（橫跨 A 部份與 B 部份大題）的核心技術：JSON 與 AJAX。 這部分的考題非常制式，A5 通常考 JSON 轉換與簡單的 AJAX 接收；B2 則是進階版，考你拿到 JSON 後，怎麼用 JavaScript 去替換網頁上的文字與圖片。

1. JSON 轉換：後端主廚的打包術 (A5a)

當 PHP 處理完資料（陣列格式），要交給前端時，必須把它轉換成國際通用語言 JSON。

原文定義：

• "PHP's json_encode() function converts a PHP array into a PHP string as JSON representation."

💡 白話文解析： 這題根本是送分題。不管題目給你的 PHP 陣列叫 $transcriptInfo 還是 $canteenOrder，要把它轉成 JSON 印出來，永遠只有一行代碼： echo json_encode($變數名稱);。

2. jQuery AJAX：默默做事的送貨員 (A5b, B2)

前端要怎麼在「不重新整理網頁」的情況下，向後端拿這包 JSON 呢？

原文定義：

• "AJAX is a way to read data from a web server without reloading your page."
  
• "$.ajax(options): A set of key/value pairs that configure the Ajax request."

💡 必背的 AJAX 默寫模板 (A5b, B2 填空題常客)： 試卷中一定會挖空讓你填這幾個設定值：

$.ajax({
    type: 'GET',              // 請求方式 (通常是 GET)
    url: 'topsong.json',      // 要去哪裡拿資料 (URL 路徑)
    dataType: 'json',         // 預期拿回來的資料格式
    success: function(result) { 
        // 成功拿回資料後要做的動作，資料會裝在 result 裡面
    }
});

3. 動態更新 DOM：拆包裹擺盤 (B2)

在 AJAX 的 success 函數裡，我們會拿到打包好的 JSON 物件（例如 result）。接下來就是要把裡面的資料塞進 HTML 裡。

💡 白話文與實戰對應：

• 換文字：找到標籤，然後換掉裡面的內容。
  • 語法：document.getElementById('id名稱').innerHTML = result.title;

• 換圖片 (歷年 B2 必考！)：根據拿到的數據，動態切換天氣圖案或上漲/下跌箭頭。
  • 語法：document.getElementById('imgID').src = 'img/' + result.imageFile;

• 換樣式 (CSS)：動態改變背景顏色。
  • 語法：document.getElementById('id名稱').style.backgroundColor = "lightblue";

1. B1 核心考點：PHP 與 MySQL 的四步舞曲

B1 大題通常會給你一個資料庫的 Schema（綱要）與幾筆假資料，要求你寫出完整的 PHP 程式碼，把資料從資料庫撈出來並印在 HTML 表格中。你必須默寫出以下四個標準動作。

原文定義：

• "The mysqli_connect() function is used to open a new connection to MySQL server..."
  
• "The mysqli_query() function takes as parameters a query to perform on the database and a link."
  
• "The mysqli_fetch_assoc() function may be used to fetch a record from the result into an associative array."
  
• "mysqli_free_result() function is used to free the memory... mysqli_close() function is used close a previously opened database connection."

💡 白話文與生活比喻（向倉庫調貨）：

• Step 1: 連線 (Connect)：mysqli_connect('主機', '帳號', '密碼', '資料庫名')。這就像是打電話給倉庫管理員，你必須提供你的分機號碼（通常是 127.0.0.1）、員工代號（admin）與密碼。
  
• Step 2: 查詢 (Query)：mysqli_query($conn, $sql)。電話打通後，你對著電話下達指令（例如 $sql = "SELECT * FROM product"），管理員聽懂後，會去倉庫把你要的貨物全部打包成一個大包裹（Result Set，變數通常命名為 $rs 或 $resultSet）送過來。
  
• Step 3: 提取 (Fetch) 與迴圈：mysqli_fetch_assoc($rs)。這是 B1 最常考的重點！大包裹不能直接印在網頁上，你必須搭配 while 迴圈，一次從包裹裡拿出一個「關聯式陣列（以文字當鑰匙的檔案夾）」，直到包裹空了為止。
  
• Step 4: 釋放與關閉 (Free & Close)：貨拿完之後要有好習慣。把包裹的包裝紙和暫存記憶體清空 mysqli_free_result($rs)，並把電話掛斷 mysqli_close($conn)。

根據「4523M-考試題目架構分析」與歷年試卷，B3 是一道非常靈活的綜合應用題。它不僅考驗你對 HTML5 Canvas 的繪圖語法，更考驗你如何結合 JavaScript 與 HTML 表單控制項（例如 <input type="range"> 滑桿），實作出「只要拉動滑桿，圖形就會跟著改變」的動態效果。

知識講解與內化 (Feynman Technique)

1. 動態重繪的關鍵：先擦乾淨，再畫上去

在 Canvas 題型中，最大的陷阱就是忘記「擦白板」。

原文定義：

• "clearRect(x, y, width, height): Clears the specified rectangular area, making it fully transparent."

💡 白話文與生活比喻（玻璃白板與板擦）： Canvas 就像是一塊透明的玻璃白板。當使用者拉動網頁上的滑桿，要求把火柴人的頭（圓形）變大時，如果你直接畫一個大圓，它會直接疊加在原本的小圓上面。 因此，動態渲染的鐵律是：每次畫圖的第一個動作，絕對是拿板擦（clearRect）把整塊白板從座標 (0,0) 開始，一路擦到最右下角 (width, height)。

2. 畫圖四部曲 (Drawing Paths)

在白板上畫圖，必須按照嚴格的順序。

原文定義：

1. "to begin a path : beginPath()."
   
2. "to set the starting point : moveTo(x,y)."
   
3. "add elements... Each element adds a new endpoint to the current path." (e.g., lineTo, arc)
   
4. "to render the current path... fill() or stroke()"

💡 白話文解析（拿麥克筆畫圖）：

• Step 1: beginPath()：打開麥克筆蓋，宣告我要開始畫一個全新的圖形了。如果不寫這行，之前畫過的東西會跟著新圖形再被描一次。
  
• Step 2: moveTo(x, y)：把手懸空移動到某個起點座標，此時筆尖還沒碰到白板，所以不會留下痕跡。
  
• Step 3: lineTo(x, y) / arc(...)：筆尖貼著白板滑動，這時只是在「打草稿」規劃路徑。
  
• Step 4: stroke() 或 fill()：這是最常忘記的步驟！草稿打完後，必須大喊一聲「上色！」，呼叫 stroke() (描邊) 或 fill() (填滿顏色)，墨水才會真正印在白板上。

3. 觸發事件 (Event Handlers)

要讓圖形動起來，必須靠 HTML 表單元素的事件來呼叫 JavaScript 畫圖函數。

歷年試卷實戰觀察： 在 2020-2021 與 2024-2025 的試卷中，滑桿 (Slider) 或下拉選單改變數值時重繪圖形，都是透過 HTML 屬性來綁定事件。

💡 考點提醒： 當滑桿 <input type="range"> 或下拉選單 <select> 的值發生改變時，對應的觸發事件叫做 onchange。考試常挖空這個屬性讓你填。

題號操練 1：A1 — String Processing

我們現在正式按照題號進行：

A1 String Processing
→ 小測與批改
→ A2 Array Processing
→ 小測與批改
→ A3 Form Processing

本輪先完整完成 A1。你作答後，我會逐格批改、評分和補救，然後自動進入 A2。

Current direction: Python and Google API are excluded. A1 focuses on String Processing.

過往試卷的 A1 曾以 Python 考 palindrome、字串反轉、重複字元及 pattern，但現在應把焦點轉移到 PHP String Processing。舊題的解題邏輯仍有用，但不必背 Python 語法。 [A910ireh2_...1u_l94.pdf | PDF]

A1.1 題型定位

A1 通常考什麼？

A1 是短程式補充題，常見格式是：

“Write the missing code for parts (a) to (e).”

你通常會看到：

• 一段 PHP 程式；
• 4–6 個空格；
• 程式註解；
• 指定輸出；
• 每格填入一個 expression、function call 或 statement。

預計考核內容

1. 字串長度 String length
2. 字元索引 Character indexing
3. 字串反轉 String reversal
4. 字串搜尋 String searching
5. 子字串擷取 Substring extraction
6. 字串連接 String concatenation
7. 字串與陣列轉換 String-array conversion
8. Loop through characters
9. Palindrome checking

A1.2 費曼第一步：String 到底是什麼？

“Individual characters in a string can be referenced using the array operator [ ]. The index starts at 0.”

白話解釋

String 就是一排有編號的字元。

例如：

$word = "Internet";

在電腦眼中，它是：

字元： I  n  t  e  r  n  e  t
索引： 0  1  2  3  4  5  6  7

因此：

$word[0]   // "I"
$word[1]   // "n"
$word[7]   // "t"

如果想取得最後一個字元，可以使用：

$word[strlen($word) - 1]

因為：

strlen("Internet") = 8
最後一格的 index = 8 - 1 = 7

必背英文

The index of the first character is 0.

The index of the last character is the string length minus one.

常見陷阱

錯誤：

$word[strlen($word)]

因為長度是 8，但最後一個有效索引是 7。

正確：

$word[strlen($word) - 1]

A1.3 strlen()：計算字串長度

“strlen(string) returns the number of characters in a string.”

語法

strlen($string)

例子

$module = "ITP4523M";

echo strlen($module);

輸出：

8

費曼比喻

strlen() 就像點名：逐個數出字串裡有多少個字元。

I T P 4 5 2 3 M
1 2 3 4 5 6 7 8

常見考法

考法一：直接顯示長度

echo strlen($module);

考法二：作為 loop condition

for ($i = 0; $i < strlen($module); $i++) {
    echo $module[$i];
}

考法三：取得最後一個字元

echo $module[strlen($module) - 1];

A1.4 PHP 字串連接：. 和 .=

“PHP uses two kinds of string operators, concatenation (.) and concatenating assignment (.=).”

1. .：把兩段文字接起來

$firstName = "Chan";
$lastName = "Tai Man";

$fullName = $firstName . " " . $lastName;

結果：

Chan Tai Man

2. .=：在原本字串後面追加內容

$message = "Hello";
$message .= " Peter";

等同於：

$message = $message . " Peter";

結果：

Hello Peter

費曼比喻

. 像用膠水把兩張紙貼在一起：

"Hello" . " " . "Peter"

.= 則像在同一張紙後面繼續寫：

$message .= " Peter";

超高頻錯誤

PHP 字串不能使用 + 連接。

錯誤：

$message = "Hello " + $name;

正確：

$message = "Hello " . $name;

必背英文

PHP uses the dot operator to concatenate strings.

A1.5 strrev()：反轉字串

“strrev($string) reverses the string $string.”

語法

strrev($string)

例子

$word = "level";
$reversed = strrev($word);

echo $reversed;

輸出：

level

另一個例子：

$word = "hello";

echo strrev($word);

輸出：

olleh

Palindrome 判斷

“A palindrome is a word which reads the same backward as forward.”

Palindrome 是正讀和反讀都相同的字，例如：

noon
level
mom

完整 PHP 判斷：

function isPalindrome($word) {
    return $word == strrev($word);
}

使用：

$word = "level";

if (isPalindrome($word)) {
    echo "$word is a palindrome";
} else {
    echo "$word is not a palindrome";
}

費曼拆解

以 level 為例：

原字串： level
反轉後： level
比較：   level == level
結果：   true

以 apple 為例：

原字串： apple
反轉後： elppa
比較：   apple == elppa
結果：   false

必背判斷式

$word == strrev($word)

A1.6 strpos()：尋找字串位置

“strpos(string, search_string) performs a case-sensitive search and returns the position of the first occurrence.”

語法

strpos($string, $search)

例子

$email = "peter@school.hk";

echo strpos($email, "@");

輸出：

5

因為：

字元： p e t e r @ s c h o o l . h k
索引： 0 1 2 3 4 5 6 7 8 9 10...

找不到時的結果

$email = "peter@school.hk";

$result = strpos($email, "#");

$result 會是：

false

超高頻陷阱：位置 0

假設：

$text = "PHP programming";
$position = strpos($text, "PHP");

結果是：

0

如果寫：

if ($position) {
    echo "Found";
}

程式可能誤以為沒有找到，因為 PHP 會將 0 視為 false。

正確寫法：

if ($position !== false) {
    echo "Found";
}

必背英文

strpos() returns false if the substring is not found.

Use !== false to distinguish position zero from not found.

A1.7 substr()：擷取部分字串

“substr(string, start_position, length) returns a portion of a string.”

基本語法

substr($string, $start, $length)

例子

$module = "ITP4523M";

echo substr($module, 0, 3);

輸出：

ITP

拆解：

從 index 0 開始
取得 3 個字元

省略 length

echo substr($module, 3);

輸出：

4523M

意思是：

從 index 3 開始，一直取到字串結尾。

負數位置

echo substr($module, -1);

輸出：

M

echo substr($module, -4);

輸出：

523M

不過考試最常見的仍是：

substr($string, 0, $position)
substr($string, $position + 1)

A1.8 綜合例子：拆解 Email Address

題目

給定：

$email = "peter@school.hk";

要求找出：

Username: peter
Domain: school.hk

解題流程

Step 1：找出 @ 的位置

$atPosition = strpos($email, "@");

結果：

5

Step 2：擷取 @ 前面的內容

$username = substr($email, 0, $atPosition);

意思是：

由 index 0 開始，取 5 個字元

結果：

peter

Step 3：擷取 @ 後面的內容

$domain = substr($email, $atPosition + 1);

為什麼要 + 1？

@ 的位置是 5
domain 從下一格，即 index 6 開始

完整答案

<?php

$email = "peter@school.hk";

$atPosition = strpos($email, "@");
$username = substr($email, 0, $atPosition);
$domain = substr($email, $atPosition + 1);

echo "Username: " . $username . "<br>";
echo "Domain: " . $domain;

?>

費曼總結

不需要把 email 當成特殊資料來背，只要理解：

找分隔符號的位置
→ 切出前半段
→ 跳過分隔符號
→ 切出後半段

這個邏輯也適用於：

studentID-name
product:price
firstName,lastName
date/time

A1.9 strstr() 與 substr() 的分別

“strstr(string, search_string) returns a substring from the first occurrence of the search string to the end.”

例子

$email = "peter@school.hk";

echo strstr($email, "@");

輸出：

@school.hk

如果不希望保留 @，比較適合使用：

$position = strpos($email, "@");
$domain = substr($email, $position + 1);

結果：

school.hk

對照

strpos() → 告訴你位置
strstr() → 從指定文字開始切到結尾
substr() → 按位置擷取指定部分

A1.10 String 與 Array 的轉換

explode()：String → Array

“explode() splits a string into an array.”

$studentString = "Peter,Paul,Mary";

$students = explode(",", $studentString);

結果：

$students[0]   // Peter
$students[1]   // Paul
$students[2]   // Mary

費曼比喻

explode() 像沿著虛線剪紙：

Peter,Paul,Mary
     ↑    ↑
沿著逗號剪開

變成：

[Peter] [Paul] [Mary]

implode()：Array → String

“implode() combines an array's elements into a single string, separated by a specified character.”

$students = ["Peter", "Paul", "Mary"];

$text = implode(", ", $students);

結果：

Peter, Paul, Mary

必背對照

explode：String → Array
implode：Array → String

這一組函式可能同時在：

• A1 String
• A2 Array
• A4 Session/Cookie

出現。

A1.11 模擬歷屆試卷完整示範題

題目

下面的 PHP 程式檢查單字是否是 palindrome，並抽取 email 的 username 和 domain。

請填寫 (a) 至 (f)。

<?php

$word = "level";
$email = "peter@school.hk";

function isPalindrome($word) {
    return          (a)          ;
}

if (         (b)          ) {
    echo $word . " is a palindrome<br>";
}

$atPosition =          (c)          ;

$username = substr(
    $email,
    0,
             (d)
);

$domain = substr(
    $email,
             (e)
);

echo "Username: " . $username . "<br>";
echo "Domain: " .          (f)          ;

?>

預期輸出：

level is a palindrome
Username: peter
Domain: school.hk

逐格費曼解題

(a) 函式要回傳什麼？

註解概念是判斷 palindrome。
Palindrome 的條件：

原字串 == 反轉後的字串

答案：

$word == strrev($word)

(b) if 裡需要什麼？

已經有一個 function：

isPalindrome($word)

因此直接呼叫：

isPalindrome($word)

(c) 找 @ 的位置

使用：

strpos($email, "@")

(d) Username 的長度

@ 之前的字元數，剛好等於 @ 的 index：

$atPosition

(e) Domain 的起點

要跳過 @，所以：

$atPosition + 1

(f) 顯示哪個變數？

前面已建立：

$domain

完整答案

<?php

$word = "level";
$email = "peter@school.hk";

function isPalindrome($word) {
    return $word == strrev($word);
}

if (isPalindrome($word)) {
    echo $word . " is a palindrome<br>";
}

$atPosition = strpos($email, "@");

$username = substr(
    $email,
    0,
    $atPosition
);

$domain = substr(
    $email,
    $atPosition + 1
);

echo "Username: " . $username . "<br>";
echo "Domain: " . $domain;

?>

A1.12 考試看到空格時如何反推？

空格位置判斷法

空格在 = 後面

$length =        ;

代表需要：

Expression or function return value

例如：

strlen($word)

空格在 if (...) 裡

if (        ) {

代表需要：

Boolean condition

例如：

$word == strrev($word)

空格在 function argument

substr($email, 0,        )

代表需要：

A value or expression

例如：

$atPosition

空格後有分號

;

可能是完整 statement：

$message .= $word

空格位於 output 中

echo "Domain: " .        ;

通常是 variable 或 function call：

$domain

A1.13 必背清單

String functions

strlen($string)
strrev($string)
strpos($string, $search)
substr($string, $start, $length)
strstr($string, $search)
explode($separator, $string)
implode($separator, $array)

Operators

.       // concatenation
.=      // concatenating assignment
==      // equal in value
===     // identical in value and type
!==     // not identical

解題句型

Return true if the word is a palindrome.

return $word == strrev($word);

Find the position of a substring.

$position = strpos($text, $search);

Extract a substring before the delimiter.

$firstPart = substr($text, 0, $position);

Extract a substring after the delimiter.

$secondPart = substr($text, $position + 1);

Convert a string into an array.

$array = explode(",", $text);

A1 隨堂測驗

請直接按照考試格式填 (a) 至 (h)，不需要解釋。

題目：Product Code Processing

程式要處理以下 product code：

FOOD-Toast-25

預期輸出：

Code length: 13
Reversed: 52-tsaoT-DOOF
Category: FOOD
Product: Toast
Price: 25

請填空：

<?php

$code = "FOOD-Toast-25";

echo "Code length: " .          (a)          . "<br>";

echo "Reversed: " .             (b)          . "<br>";

$parts =                       (c)          ;

$category =                    (d)          ;
$product =                     (e)          ;
$price =                       (f)          ;

echo "Category: " . $category . "<br>";
echo "Product: " . $product . "<br>";
echo "Price: " . $price . "<br>";

if (                           (g)          ) {
    echo "The product name contains the letter T.";
}

$lastCharacter =
    $code[                     (h)          ];

?>

作答格式

(a)
(b)
(c)
(d)
(e)
(f)
(g)
(h)

評分標準

• 每格 1 分，共 8 分；
• 7–8 分：達標，自動進入 A2 Array Processing；
• 5–6 分：先修正盲點，再進入 A2；
• 0–4 分：針對錯誤函式進行簡短補救題。

(a)strlen($code)
完整程式：
echo "Code length: " . strlen($code) . "<br>";

(b)strrev($code)
結果：
52-tsaoT-DOOF

(c)explode("-", $code)
題目要把一個 String 切成 Array：
"FOOD-Toast-25"
       ↓ explode("-")
["FOOD", "Toast", "25"]

explode() splits a string into an array.

implode() combines array elements into a string.

必背方向：
explode：String → Array
implode：Array → String

而且 implode("-", $code) 不只方向錯誤，第二個參數也應該是 array，不應是 string。

(d)$parts[0]
因為切割後：
$parts = ["FOOD", "Toast", "25"];

(e)$parts[1]
結果：
Toast

(f)$parts[2]
結果：
25

(g)strpos($product, "T") !== false
這是 A1 最重要的陷阱之一。

Toast 的第一個字母就是 T：
字元： T o a s t
索引： 0 1 2 3 4
因此：
strpos("Toast", "T")
傳回：
0

正確判斷:
if (strpos($product, "T") !== false) {
      echo "The product name contains the letter T.";
}

strpos() returns false if the substring is not found.

Use !== false to distinguish position zero from not found.

注意這裡應使用：
!== false
而不是：
!= 0
也不建議寫：
> 0
因為搜尋內容可能就在 index 0。

(h)strlen($code)-1
完整程式：
$lastCharacter = $code[strlen($code) - 1];
結果是：
5
因為：
字串長度 = 13
最後索引 = 13 - 1 = 12

正確完整答案
<?php
    $code = "FOOD-Toast-25";
    echo "Code length: " . strlen($code) . "<br>";
    echo "Reversed: " . strrev($code) . "<br>";
    $parts = explode("-", $code);
    $category = $parts[0];$product = $parts[1];$price = $parts[2];
    echo "Category: " . $category . "<br>";
    echo "Product: " . $product . "<br>";
    echo "Price: " . $price . "<br>";
    if (strpos($product, "T") !== false) {
        echo "The product name contains the letter T.";
    }
    $lastCharacter = $code[strlen($code) - 1];
?>

A1 補救題

題目：Student Record

給定字串：

250299909,Tai Ming,HDSE

預期輸出：

Student ID: 250299909
Name: Tai Ming
Programme: HDSE
The name contains Ming.
Last character of Student ID: 0

請填寫 (a) 至 (f)：

<?php
$record = "250299909,Tai Ming,HDSE";
$student = (a) ;
$studentID = (b) ;$name = (c) ;$programme = (d) ;
echo "Student ID: " . $studentID . "<br>";echo "Name: " . $name . "<br>";echo "Programme: " . $programme . "<br>";
if ( (e) ) { echo "The name contains Hon.<br>";}
$lastCharacter = $studentID[ (f) ];
echo "Last character of Student ID: " . $lastCharacter;
?>

請用以下格式回答：

(a)(b)(c)(d)(e)(f)

A1 補救題批改：6 / 6，全對 ✅

你的答案：

(a) explode(",", $record)
(b) $student[0]
(c) $student[1]
(d) $student[2]
(e) strpos($name, "Ming") !== false
(f) strlen($studentID) - 1

全部正確。

你已經修正的盲點

你現在能正確區分：

$record[index]  → 取得原始字串中的一個字元
$student[index] → 取得 explode() 切割後的一個完整欄位

也能正確處理 strpos() 的特殊情況：

strpos($name, "Ming") !== false

Use !== false to distinguish position zero from “not found.”

A1 最終評估

技能

結果

strlen()

已掌握

strrev()

已掌握

explode()

修正後已掌握

Array index

修正後已掌握

strpos() !== false

修正後已掌握

最後字元索引

已掌握

A1 Learning Outcome：達標。

題號操練 2：A2 — Array Processing

根據目前的考試方向，原先 A1–A2 的 Python 題會由 String & Array 取代。因此 A2 的主要目標是掌握 PHP 的：

1. Indexed Array
2. Associative Array
3. Nested Array
4. foreach
5. Search and Filter
6. Total、Maximum、Minimum
7. 加入元素
8. Array 與 String 的轉換

A2.1 Array 是什麼？

“An array is a list of values. Each value can be retrieved independently of one another and can also be changed without affecting the other values.”

費曼解釋

Array 就像一排有編號的置物櫃。

$items = ["Toast", "Coffee", "Noodle"];

在電腦中可以理解成：

$items
├── [0] → Toast
├── [1] → Coffee
└── [2] → Noodle

取得資料：

echo $items[0];   // Toast
echo $items[1];   // Coffee
echo $items[2];   // Noodle

修改資料：

$items[1] = "Milk Tea";

現在變成：

$items
├── [0] → Toast
├── [1] → Milk Tea
└── [2] → Noodle

必背英文

An indexed array uses numeric indexes.

The first element has an index of zero.

A2.2 建立 Indexed Array

PHP 常見的兩種寫法：

$items = array("Toast", "Coffee", "Noodle");

或較簡潔的：

$items = ["Toast", "Coffee", "Noodle"];

兩者意思相同。

計算元素數目：count()

echo count($items);

輸出：

3

count() returns the number of elements in an array.

注意：

strlen() → 計算 String 的字元數
count()  → 計算 Array 的元素數

錯誤：

strlen($items)

正確：

count($items)

A2.3 在 Array 後面加入元素

方法一：使用空索引 []

$items[] = "Pudding";

結果：

[Toast, Coffee, Noodle, Pudding]

方法二：使用 array_push()

array_push($items, "Pudding");

在考試中，較常見也較簡單的是：

$items[] = "Pudding";

例如 A4 Session 題經常出現：

$_SESSION["Food"][] = $name;

意思是：

將 $name 加到 session 中 Food 陣列的最後。

必背英文

Append a new element to the array.

$array[] = $value;

A2.4 使用 for 遍歷 Indexed Array

$items = ["Toast", "Coffee", "Noodle"];

for ($i = 0; $i < count($items); $i++) {
    echo $items[$i] . "<br>";
}

輸出：

Toast
Coffee
Noodle

費曼拆解

$i = 0

從第一格開始。

$i < count($items)

只要還沒有走出陣列範圍，就繼續。

$i++

每次移到下一格。

高頻錯誤

錯誤：

$i <= count($items)

當 $i 等於 count($items) 時，已超出最後一格。

如果共有 3 個元素：

有效索引：0、1、2
count()：3

所以正確條件是：

$i < count($items)

A2.5 使用 foreach 遍歷 Array

“PHP provides a construct that can be used to iterate a non-sequential array.”

只取 value

foreach ($items as $item) {
    echo $item . "<br>";
}

逐次執行時：

第一次：$item = "Toast"
第二次：$item = "Coffee"
第三次：$item = "Noodle"

同時取得 index 和 value

foreach ($items as $index => $item) {
    echo $index . ": " . $item . "<br>";
}

輸出：

0: Toast
1: Coffee
2: Noodle

必背格式

foreach ($array as $value) {
}

foreach ($array as $key => $value) {
}

A2.6 Associative Array

“If you want to associate a particular key with a value, you can use the => operator.”

Indexed Array 的問題

假設一個產品是：

$product = ["Toast", 12, "Food"];

你必須記住：

[0] 是 name
[1] 是 price
[2] 是 type

這容易混淆。

Associative Array

可以改成：

$product = [
    "name" => "Toast",
    "price" => 12,
    "type" => "Food"
];

結構：

$product
├── ["name"]  → Toast
├── ["price"] → 12
└── ["type"]  → Food

取得資料：

echo $product["name"];
echo $product["price"];
echo $product["type"];

費曼比喻

Indexed Array 像沒有標籤的抽屜：

第 0 格、第 1 格、第 2 格

Associative Array 像有文字標籤的抽屜：

name、price、type

易錯寫法

錯誤：

$product[name]

考試建議寫成：

$product["name"]

A2.7 Nested Array

一張訂單通常不只一個 item，因此會使用「陣列裡面再放陣列」。

$order = [
    "canteen" => "ABC Canteen",
    "items" => [
        [
            "name" => "Toast",
            "price" => 12,
            "type" => "Food"
        ],
        [
            "name" => "Coffee",
            "price" => 20,
            "type" => "Drink"
        ]
    ]
];

資料結構圖

$order
├── ["canteen"] → "ABC Canteen"
└── ["items"]
    ├── [0]
    │   ├── ["name"]  → "Toast"
    │   ├── ["price"] → 12
    │   └── ["type"]  → "Food"
    └── [1]
        ├── ["name"]  → "Coffee"
        ├── ["price"] → 20
        └── ["type"]  → "Drink"

逐層取值

取得 canteen：

$order["canteen"]

取得 items array：

$order["items"]

取得第一個 item：

$order["items"][0]

取得第一個 item 的名稱：

$order["items"][0]["name"]

取得第二個 item 的價格：

$order["items"][1]["price"]

結果：

20

費曼口訣

每看到一個 []，就是往資料內走一層：

$order
["items"]    // 進入 items
[1]          // 進入第二個 item
["price"]    // 取得 price

A2.8 遍歷 Nested Array

foreach ($order["items"] as $item) {
    echo $item["name"] . ": $" . $item["price"] . "<br>";
}

輸出：

Toast: $12
Coffee: $20

執行流程：

第一次：
$item = ["name"=>"Toast", "price"=>12, "type"=>"Food"]

第二次：
$item = ["name"=>"Coffee", "price"=>20, "type"=>"Drink"]

所以 loop 內應使用：

$item["name"]
$item["price"]
$item["type"]

而不是：

$order["name"]

因為 name 屬於每一個 item，不是最外層 $order。

A2.9 Total：累加總數

題目

計算所有 items 的總價。

$total = 0;

foreach ($order["items"] as $item) {
    $total += $item["price"];
}

echo $total;

結果：

32

費曼解釋

$total 像收銀機顯示器：

開始：0
加入 Toast：0 + 12 = 12
加入 Coffee：12 + 20 = 32

為什麼要先寫 $total = 0？

如果沒有初始化，程式不知道應從什麼數字開始累加。

必背英文

Initialize the accumulator before the loop.

$total = 0;

Accumulate the price of each item.

$total += $item["price"];

A2.10 Count：按照條件計數

題目

計算 Food 類別有多少個 items。

$numFood = 0;

foreach ($order["items"] as $item) {
    if ($item["type"] == "Food") {
        $numFood++;
    }
}

費曼解釋

這裡不是加價格，而是每找到一個符合條件的 item，就在計數器上加一。

Toast：Food → numFood 變成 1
Coffee：Drink → 不加

常見區別

計算總價：

$total += $item["price"];

計算數量：

$count++;

A2.11 Filter：找出符合條件的元素

題目

將所有 Food 名稱放入 $foodNames。

$foodNames = [];

foreach ($order["items"] as $item) {
    if ($item["type"] == "Food") {
        $foodNames[] = $item["name"];
    }
}

如果資料有 Toast 和 Noodle：

$foodNames = ["Toast", "Noodle"];

最後可使用：

echo implode(", ", $foodNames);

輸出：

Toast, Noodle

這個模式在 A4 Session 題極常出現：

建立空陣列
→ foreach
→ if 符合條件
→ 加入名稱
→ implode 顯示

A2.12 Maximum 和 Minimum

找最低價格

$lowestPrice = $order["items"][0]["price"];

foreach ($order["items"] as $item) {
    if ($item["price"] < $lowestPrice) {
        $lowestPrice = $item["price"];
    }
}

為什麼先使用第一筆？

因為最低價格應該來自真實資料。

假設寫：

$lowestPrice = 0;

但所有商品價格都大於 0：

12 < 0 → false
20 < 0 → false

最低價格會錯誤地保留為 0。

所以應該：

$lowestPrice = $order["items"][0]["price"];

找最高價格

$highestPrice = $order["items"][0]["price"];

foreach ($order["items"] as $item) {
    if ($item["price"] > $highestPrice) {
        $highestPrice = $item["price"];
    }
}

必背英文

Assume the first element has the lowest value.

Update the minimum when a lower value is found.

A2.13 同時保存最低價商品

有時題目不只要求找最低價格，也要求找商品名稱。

方法一：保存整筆 item

$cheapestItem = $order["items"][0];

foreach ($order["items"] as $item) {
    if ($item["price"] < $cheapestItem["price"]) {
        $cheapestItem = $item;
    }
}

顯示：

echo $cheapestItem["name"];
echo $cheapestItem["price"];

費曼解釋

不要只保存最低分數，要保存「整張商品卡」。

$cheapestItem
├── name
├── price
└── type

如此最後可以同時知道商品名稱、價格和類型。

A2.14 Search：尋找指定商品

$searchName = "Coffee";
$found = false;

foreach ($order["items"] as $item) {
    if ($item["name"] == $searchName) {
        $found = true;
        echo "Price: $" . $item["price"];
        break;
    }
}

為什麼需要 $found？

如果 loop 結束仍是：

$found == false

就代表沒有找到。

if (!$found) {
    echo "Item not found";
}

break 的作用

Terminate the loop immediately after the item is found.

找到後不必再檢查後面的資料：

break;

A2.15 Duplicate Check

過往 A2 的 Order 題要求避免加入重複 item。即使 Python 已排除，這個陣列邏輯仍可能用 PHP 考核。

方法一：簡單 indexed array

$items = ["Toast", "Coffee"];

$newItem = "Toast";

if (!in_array($newItem, $items)) {
    $items[] = $newItem;
} else {
    echo "Item already exists";
}

in_array() checks whether a value exists in an array.

方法二：Nested array

如果每個 item 是 associative array，不能只寫：

in_array("Toast", $order["items"])

因為 $order["items"] 裡面放的是完整 array，不是單純名稱。

需要 loop：

$found = false;

foreach ($order["items"] as $item) {
    if ($item["name"] == "Toast") {
        $found = true;
        break;
    }
}

if (!$found) {
    $order["items"][] = [
        "name" => "Toast",
        "price" => 12,
        "type" => "Food"
    ];
}

A2.16 完整模擬試題示範

題目

以下程式處理 canteen order：

$order = [
    "canteen" => "ABC Canteen",
    "items" => [
        ["name" => "Toast", "price" => 12, "type" => "Food"],
        ["name" => "Coffee", "price" => 20, "type" => "Drink"],
        ["name" => "Noodle", "price" => 30, "type" => "Food"]
    ]
];

要求輸出：

ABC Canteen
Number of items: 3
Total amount: $62
Food items: Toast, Noodle
Lowest price: $12

請填寫：

<?php

echo             (a)             . "<br>";

echo "Number of items: "
    .             (b)             . "<br>";

$total = 0;
$foodNames = [];

$lowestPrice =
                  (c)             ;

foreach (         (d)         as $item) {

    $total +=     (e)             ;

    if ($item["type"] == "Food") {
        $foodNames[] =
                  (f)             ;
    }

    if ($item["price"] < $lowestPrice) {
        $lowestPrice =
                  (g)             ;
    }
}

echo "Total amount: $" . $total . "<br>";

echo "Food items: "
    .             (h)             . "<br>";

echo "Lowest price: $" . $lowestPrice;

?>

逐步解題

(a) Canteen 在最外層

$order["canteen"]

(b) 要計算 items 數量

count($order["items"])

(c) 先假設第一筆價格最低

$order["items"][0]["price"]

(d) 遍歷 items array

$order["items"]

(e) 累加當前 item 的價格

$item["price"]

(f) 符合 Food 時保存名稱

$item["name"]

(g) 找到更低價格時更新

$item["price"]

(h) 將名稱陣列接成字串

implode(", ", $foodNames)

完整答案

<?php

$order = [
    "canteen" => "ABC Canteen",
    "items" => [
        ["name" => "Toast", "price" => 12, "type" => "Food"],
        ["name" => "Coffee", "price" => 20, "type" => "Drink"],
        ["name" => "Noodle", "price" => 30, "type" => "Food"]
    ]
];

echo $order["canteen"] . "<br>";

echo "Number of items: "
    . count($order["items"]) . "<br>";

$total = 0;
$foodNames = [];

$lowestPrice = $order["items"][0]["price"];

foreach ($order["items"] as $item) {
    $total += $item["price"];

    if ($item["type"] == "Food") {
        $foodNames[] = $item["name"];
    }

    if ($item["price"] < $lowestPrice) {
        $lowestPrice = $item["price"];
    }
}

echo "Total amount: $" . $total . "<br>";

echo "Food items: "
    . implode(", ", $foodNames) . "<br>";

echo "Lowest price: $" . $lowestPrice;

?>

A2.17 考試解題決策圖

看到 Array 題
│
├─ 資料由純值組成？
│   └─ Indexed Array：$array[0]
│
├─ 資料有 key/value？
│   └─ Associative Array：$array["name"]
│
├─ 一張訂單有多筆 record？
│   └─ Nested Array：$order["items"][0]["name"]
│
├─ 要處理全部資料？
│   └─ foreach
│
├─ 要算總額？
│   └─ $total = 0；然後 +=
│
├─ 要算數量？
│   └─ $count = 0；然後 ++
│
├─ 要收集符合條件的名稱？
│   └─ $result = []；然後 $result[] =
│
└─ 要找 minimum/maximum？
    └─ 先用第一筆初始化，再 foreach 比較

A2 必背英文與語法

Create an empty array.

$result = [];

Append an element to an array.

$result[] = $value;

Loop through every element.

foreach ($array as $item) {
}

Count the number of elements.

count($array)

Accumulate the total price.

$total += $item["price"];

Assume that the first item has the lowest price.

$lowest = $items[0]["price"];

Join the array elements into a string.

implode(", ", $array)

A2 隨堂測驗：完整考試格式

題目：Module Result Processing

以下陣列儲存三個 modules：

$student = [
    "name" => "Kam Hon",
    "modules" => [
        ["code" => "ITP4523M", "mark" => 68],
        ["code" => "ITP4507M", "mark" => 35],
        ["code" => "ITP4513M", "mark" => 72]
    ]
];

程式需要輸出：

Student: Kam Hon
Number of modules: 3
Total marks: 175
Passed modules: ITP4523M, ITP4513M
Highest mark: 72

通過分數是 40。請填寫 (a) 至 (j)：

<?php

$student = [
    "name" => "Kam Hon",
    "modules" => [
        ["code" => "ITP4523M", "mark" => 68],
        ["code" => "ITP4507M", "mark" => 35],
        ["code" => "ITP4513M", "mark" => 72]
    ]
];

echo "Student: " .              (a)              . "<br>";

echo "Number of modules: "
    .                           (b)              . "<br>";

$totalMarks =                  (c)              ;
$passedModules =               (d)              ;

$highestMark =
                               (e)              ;

foreach (                      (f)          as $module) {

    $totalMarks +=             (g)              ;

    if ($module["mark"] >= 40) {
        $passedModules[] =
                               (h)              ;
    }

    if (                       (i)              ) {
        $highestMark = $module["mark"];
    }
}

echo "Total marks: " . $totalMarks . "<br>";

echo "Passed modules: "
    .                          (j)              . "<br>";

echo "Highest mark: " . $highestMark;

?>

作答格式

(a)
(b)
(c)
(d)
(e)
(f)
(g)
(h)
(i)
(j)

評分標準

• 每格 1 分，共 10 分；
• 9–10 分：A2 達標，直接進入 A3 Form Processing；
• 7–8 分：修正錯誤後進入 A3；
• 0–6 分：先完成一題 Nested Array 補救題。

A2 隨堂測驗批改：6 / 10

你已掌握 Nested Array 的外層結構、初始化、count() 與 foreach。主要錯誤有兩類：

1. foreach 內使用了錯誤的變數名稱；
2. 最後忘記用 implode() 把 array 轉為 string。

逐格批改

(a) ✅ 正確

$student["name"]

取得最外層 associative array 的 name：

$student├── ["name"] → Kam Hon└── ["modules"] → [...]

(b) ✅ 正確

count($student["modules"])

count() returns the number of elements in an array.

modules 裡有三個元素，因此輸出：

3

(c) ✅ 正確

0

計算總分前，累加器應初始化為：

$totalMarks = 0;

Initialize the accumulator before the loop.

(d) ✅ 正確

[]

要收集通過的 module codes，所以先建立 empty array：

$passedModules = [];

(e) ✅ 正確

$student["modules"][0]["mark"]

這表示：

進入 $student→ 進入 ["modules"]→ 取得第一筆 [0]→ 取得 ["mark"]

結果是：

68

找 maximum／minimum 時，以第一筆真實資料作初始化是正確做法。

Assume that the first module has the highest mark.

(f) ✅ 正確

$student["modules"]

完整結構：

foreach ($student["modules"] as $module) {

每次 loop，當前記錄會放入單數變數：

$module

(g) ❌ 變數名稱錯誤

你的答案：

$modules["mark"]

正確答案：

$module["mark"]

因為 foreach 寫的是：

foreach ($student["modules"] as $module)

這代表：

原本的完整陣列：$student["modules"]當前的一筆資料：$module

第一次 loop：

$module = [ "code" => "ITP4523M", "mark" => 68];

所以應寫：

$totalMarks += $module["mark"];

(h) ❌ 同樣是變數名稱錯誤

你的答案：

$modules["code"]

正確答案：

$module["code"]

完整程式：

if ($module["mark"] >= 40) { $passedModules[] = $module["code"];}

每找到一個合格科目，就把該科目的 module code 加到陣列末尾。

執行後：

$passedModules = [ "ITP4523M", "ITP4513M"];

(i) ❌ 應使用 $module

你的答案：

$modules["mark"] > $highestMark

正確答案：

$module["mark"] > $highestMark

完整判斷：

if ($module["mark"] > $highestMark) { $highestMark = $module["mark"];}

執行過程：

初始 highestMark = 68
第一筆 68：68 > 68 → false
第二筆 35：35 > 68 → false
第三筆 72：72 > 68 → truehighestMark 更新為 72

(j) ❌ Array 不能直接當成所需字串輸出

你的答案：

$passedModules

正確答案：

implode(", ", $passedModules)

目前 $passedModules 是 array：

[ "ITP4523M", "ITP4513M"]

題目要求輸出一行文字：

ITP4523M, ITP4513M

所以需要：

implode(", ", $passedModules)`

implode() combines array elements into a single string.

正確答案總表

(a) $student["name"]
(b) count($student["modules"])
(c) 0
(d) []
(e) $student["modules"][0]["mark"]
(f) $student["modules"]
(g) $module["mark"]
(h) $module["code"]
(i) $module["mark"] > $highestMark
(j) implode(", ", $passedModules)

完整正確程式

<?php
$student = [ "name" => "Kam Hon", "modules" => [ ["code" => "ITP4523M", "mark" => 68], ["code" => "ITP4507M", "mark" => 35], ["code" => "ITP4513M", "mark" => 72] ]];
echo "Student: " . $student["name"] . "<br>";
echo "Number of modules: " . count($student["modules"]) . "<br>";
$totalMarks = 0;$passedModules = [];
$highestMark = $student["modules"][0]["mark"];
foreach ($student["modules"] as $module) { $totalMarks += $module["mark"];
if ($module["mark"] >= 40) { $passedModules[] = $module["code"]; }
if ($module["mark"] > $highestMark) { $highestMark = $module["mark"]; }}
echo "Total marks: " . $totalMarks . "<br>";
echo "Passed modules: " . implode(", ", $passedModules) . "<br>";
echo "Highest mark: " . $highestMark;
?>

輸出：

Student: Kam HonNumber of modules: 3Total marks: 175Passed modules: ITP4523M, ITP4513MHighest mark: 72

核心盲點：Array 名稱與單筆變數

你的資料處理邏輯是正確的，錯誤主要是把 $module 寫成 $modules。

foreach ($student["modules"] as $module)

可翻譯為：

From the collection $student["modules"], take each individual record and temporarily call it $module.

資料角色

$student["modules"] → 全部 modules 的陣列$module → 當前正在處理的一筆 module

因此：

count($student["modules"])

是計算全部 modules。

但在 loop 內：

$module["mark"]$module["code"]``

是讀取當前一筆資料。

費曼口訣

Plural means the collection; singular means the current record.

$modules → 整個集合$module → 當前一筆

A2 補救題：Nested Array

完成這題後直接進入 A3 Form Processing。

題目：Canteen Order

$order = [ "canteen" => "ABC Canteen", "items" => [ ["name" => "Toast", "price" => 15, "type" => "Food"], ["name" => "Coffee", "price" => 22, "type" => "Drink"], ["name" => "Noodle", "price" => 35, "type" => "Food"] ]];

預期輸出：

Canteen: ABC CanteenTotal price: 72Food items: Toast, NoodleMost expensive item: Noodle

請填空：

<?php
echo "Canteen: " . (a) . "<br>";
$totalPrice = (b) ;$foodItems = (c) ;
$mostExpensive = (d) ;
foreach ( (e) as $item) {
$totalPrice += (f) ;
if ($item["type"] == "Food") { $foodItems[] = (g) ; }
if ($item["price"] > $mostExpensive["price"]) { $mostExpensive = (h) ; }}
echo "Total price: " . $totalPrice . "<br>";
echo "Food items: " . (i) . "<br>";
echo "Most expensive item: " . (j) ;
?>

提示

這題的 $mostExpensive 要保存整筆 item，不是只保存 price：

$mostExpensive├── ["name"]├── ["price"]└── ["type"]

請按照以下格式作答：

(a)(b)(c)(d)(e)(f)(g)(h)(i)(j)

A2 補救題批改：6 / 10

你已經掌握：

• 外層 associative array；
• 初始化 accumulator；
• 建立空陣列；
• foreach 當前記錄；
• 累加價格；
• 收集符合條件的名稱。

目前主要盲點是：

題目要求保存「整筆 item」時，你只保存了 item name，或保存了整個 items 集合。

正確答案總覽

(a) $order["canteen"]
(b) 0
(c) []
(d) $order["items"][0]
(e) $order["items"]
(f) $item["price"]
(g) $item["name"]
(h) $item
(i) implode(", ", $foodItems)
(j) $mostExpensive["name"]

逐格批改

(a) ✅ 正確

$order["canteen"]

取得最外層的 canteen name。

(b) ✅ 正確

0

總價累加器從零開始：

$totalPrice = 0;

(c) ✅ 正確

[]

建立空陣列，準備收集 Food items：

$foodItems = [];

(d) ❌ 應取得第一筆 item，不是整個 items 集合

你的答案：

$order["items"]

這代表全部商品：

$order["items"]
├── Toast
├── Coffee
└── Noodle

但 $mostExpensive 應保存一筆商品記錄：

$mostExpensive
├── ["name"]
├── ["price"]
└── ["type"]

正確答案：

$order["items"][0]

初始值會是：

[
    "name" => "Toast",
    "price" => 15,
    "type" => "Food"
]

因此後面才能使用：

$mostExpensive["price"]

Assume that the first item is the most expensive item.

(e) ✅ 正確

$order["items"]

完整程式：

foreach ($order["items"] as $item) {

角色分工：

$order["items"] → 全部商品
$item           → 當前的一筆商品

(f) ✅ 正確

$item["price"]

完整程式：

$totalPrice += $item["price"];

執行過程：

0 + 15 = 15
15 + 22 = 37
37 + 35 = 72

(g) ✅ 正確

$item["name"]

完整程式：

if ($item["type"] == "Food") {
    $foodItems[] = $item["name"];
}

最後：

$foodItems = ["Toast", "Noodle"];

(h) ❌ 應保存整筆 $item

你的答案：

$item["name"]

這只會保存：

Noodle

但下一次比較需要：

$mostExpensive["price"]

如果 $mostExpensive 只是 "Noodle"，就沒有 ["price"] 可以讀取。

正確答案：

$item

完整程式：

if ($item["price"] > $mostExpensive["price"]) {
    $mostExpensive = $item;
}

費曼解釋

題目不是只保存「冠軍名字」，而是保存整張冠軍資料卡：

$mostExpensive = [
    "name" => "Noodle",
    "price" => 35,
    "type" => "Food"
];

這樣之後可以自由取得：

$mostExpensive["name"]
$mostExpensive["price"]
$mostExpensive["type"]

(i) ⚠️ 概念正確，但輸出格式不完全符合

你的答案：

implode(",", $foodItems)

會輸出：

Toast,Noodle

題目要求：

Toast, Noodle

正確答案應在逗號後加入空格：

implode(", ", $foodItems)

考試中若題目要求完全符合指定輸出，separator 也要準確。

(j) ❌ 應取得整筆記錄中的名稱

你的答案：

$mostExpensive

但 $mostExpensive 是 associative array，不能直接當成商品名稱輸出。

正確答案：

$mostExpensive["name"]

結果：

Noodle

正確完整程式

<?php

$order = [
    "canteen" => "ABC Canteen",
    "items" => [
        ["name" => "Toast", "price" => 15, "type" => "Food"],
        ["name" => "Coffee", "price" => 22, "type" => "Drink"],
        ["name" => "Noodle", "price" => 35, "type" => "Food"]
    ]
];

echo "Canteen: "
    . $order["canteen"] . "<br>";

$totalPrice = 0;
$foodItems = [];

$mostExpensive = $order["items"][0];

foreach ($order["items"] as $item) {
    $totalPrice += $item["price"];

    if ($item["type"] == "Food") {
        $foodItems[] = $item["name"];
    }

    if ($item["price"] > $mostExpensive["price"]) {
        $mostExpensive = $item;
    }
}

echo "Total price: " . $totalPrice . "<br>";

echo "Food items: "
    . implode(", ", $foodItems) . "<br>";

echo "Most expensive item: "
    . $mostExpensive["name"];

?>

A2 最終補強重點

你要特別記住兩種保存方式的差別。

只保存價格

$highestPrice = $items[0]["price"];

if ($item["price"] > $highestPrice) {
    $highestPrice = $item["price"];
}

最後只能知道價格：

echo $highestPrice;

保存整筆記錄

$mostExpensive = $items[0];

if ($item["price"] > $mostExpensive["price"]) {
    $mostExpensive = $item;
}

最後可以知道所有欄位：

echo $mostExpensive["name"];
echo $mostExpensive["price"];
echo $mostExpensive["type"];

If the question asks for information about the winning record, store the entire record.

A2 的核心邏輯已經完成。接下來進入固定高頻題：

題號操練 3：A3 — PHP Form Processing

A3.1 題型定位

A3 歷年通常要求完成一個 self-submitting HTML/PHP form，主要考：

1. Form attributes；
2. GET 或 POST；
3. Input name、value 和 required；
4. 判斷表單有沒有提交；
5. 判斷 radio／checkbox 有沒有選取；
6. Server-side validation；
7. 條件運算；
8. 顯示錯誤或成功訊息。

典型題目指示：

“The program must submit the form to itself by POST method.”

“Check if the form is submitted.”

“Check if a plan is selected.”

“Display error message(s) when the input is invalid.”

A3.2 Form 的資料流程

使用者填 HTML Form
        ↓
按 Submit
        ↓
Browser 將 name=value 傳送至 PHP
        ↓
PHP 透過 $_POST 或 $_GET 讀取
        ↓
PHP 檢查輸入
        ↓
顯示錯誤或計算結果

費曼比喻

把 HTML Form 想成一張申請表：

• name：欄位名稱；
• value：填入或選取的內容；
• method：送件方式；
• action：送去哪個櫃台；
• PHP：審核申請表的職員。

A3.3 <form> 的兩個核心 attributes

“The action attribute gives the URL of the server web service that will process the form’s data.”

“The method attribute specifies whether the server should use an HTTP GET or POST request.”

POST 表單

A3.php

這表示：

method="post" → 使用 HTTP POST 傳送
action="A3.php" → 交給 A3.php 處理

如果題目要求提交回自己，常見答案是：

A3.php

有時也可能使用：

<?php echo $_SERVER['PHP_SELF']; ?>

但補充題通常期望直接填指定檔案名稱。

A3.4 GET 與 POST

“A GET request passes the parameters to the server as a query string.”

“A POST request embeds the parameters in the HTTP request, not in the URL.”

GET

search.php

可能產生：

search.php?category=fruit

適合：

• Search；
• Filter；
• 可放入 bookmark 的查詢；
• B1 category 查詢。

POST

A3.php

資料不會直接顯示在 URL。

適合：

• 新增資料；
• 表單驗證；
• 登入；
• A3 計算及確認表單。

必背對照

GET  → $_GET
POST → $_POST

A3.5 name 和 id 的分別

這是 A3 最重要的觀念之一。

<input
    type="text"
    name="itemName"
    id="itemName">

name

決定提交到 PHP 的 key：

$_POST["itemName"]

id

主要讓 JavaScript 或 CSS 找到 HTML element：

document.getElementById("itemName")

費曼比喻

• name 是申請表上的欄位名稱；
• id 是網頁元件的座位編號。

Only successful form controls with a name are submitted to the server.

如果只有 id、沒有 name：

<input type="text" id="itemName">

PHP 通常無法透過以下方式取得：

$_POST["itemName"]

A3.6 value 的作用

Radio button：

<input
    type="radio"
    name="type"
    value="Food">Food

<input
    type="radio"
    name="type"
    value="Drink">Drink

如果選取 Food，提交的資料是：

$_POST["type"] == "Food"

如果選取 Drink：

$_POST["type"] == "Drink"

“The value attribute controls what will be submitted if that control is selected.”

常見誤解

畫面顯示的文字：

Food

不一定等於提交值。真正提交的內容由：

value="Food"

決定。

A3.7 required：Browser-side Validation

<input
    type="text"
    name="name"
    required>

如果欄位空白，browser 會阻止一般表單提交。

The required attribute enforces input in the browser.

但 required 不代表 PHP 不用檢查。

使用者可能：

• 移除 HTML attribute；
• 直接發送 request；
• 提交空白字串；
• 傳送不合法資料。

因此仍應做 server-side validation：

if (empty($_POST["name"])) {
    echo "Name is required.";
}

A3.8 判斷表單有沒有提交

典型 Submit button：

<input
    type="submit"
    name="submit"
    value="Confirm">

提交後，通常會出現：

$_POST["submit"]

所以：

if (isset($_POST["submit"])) {
    // process the form
}

Check whether the form is submitted.

isset($_POST["submit"])

費曼解釋

isset() 是檢查包裹裡有沒有名為 submit 的欄位。

有 submit key → 表單已按按鈕提交
沒有 submit key → 頁面可能只是首次載入

A3.9 isset() 與 empty()

isset()

檢查 variable／array key 是否存在，而且不是 null。

isset($_POST["type"])

適合：

• Radio button；
• Checkbox；
• Submit button；
• 有可能完全不提交的欄位。

empty()

檢查值是否為空。

empty($_POST["name"])

會將以下值視為 empty：

""
0
"0"
false
null
[]

適合：

• Text field 沒有填寫；
• Submitted value 是空字串。

Radio button 為何通常使用 isset()？

如果使用者沒有選取任何 radio button：

<input type="radio" name="type" value="Food">
<input type="radio" name="type" value="Drink">

Browser 通常完全不提交 type。

也就是：

$_POST["type"]

可能不存在。

所以：

if (!isset($_POST["type"])) {
    echo "You must select an item type.";
}

必背英文

Check whether an item type is selected.

isset($_POST["type"])

Check whether an item type is not selected.

!isset($_POST["type"])

A3.10 extract($_POST)

歷屆題目經常給：

extract($_POST);

假設：

$_POST = [
    "name" => "Toast",
    "price" => "15",
    "type" => "Food"
];

執行：

extract($_POST);

會建立：

$name = "Toast";
$price = "15";
$type = "Food";

費曼解釋

$_POST 原本像一個裝有多張卡片的盒子：

name  → Toast
price → 15
type  → Food

extract() 把每張卡片變成獨立 variable。

考試注意順序

應先確認表單已提交，再讀取資料：

if (isset($_POST["submit"])) {
    extract($_POST);
}

而且，如果 radio 未選，$type 可能不會被建立。因此通常仍使用：

isset($_POST["type"])

檢查。

A3.11 建立 Error Flags

2024–2025 類型的 A3 題目使用 Boolean flags：

$formSubmitted = isset($_POST["submit"]);

if ($formSubmitted) {
    extract($_POST);

    $typeNotSelected = !isset($_POST["type"]);
    $priceIsTooHigh = $price > 100;
}

費曼解釋

Flag 就像警告燈：

$typeNotSelected = true
→ 「沒有選類型」警告燈亮起

$priceIsTooHigh = true
→ 「價格過高」警告燈亮起

然後分別顯示錯誤：

if ($typeNotSelected) {
    echo "ERROR: Must select an item type";
}

if ($priceIsTooHigh) {
    echo "ERROR: Item price is too high";
}

最後只有兩個警告燈都沒亮，才能成功：

if (!$typeNotSelected && !$priceIsTooHigh) {
    echo "Item will be added.";
}

也可寫成：

if (!($typeNotSelected || $priceIsTooHigh)) {
    echo "Item will be added.";
}

兩者邏輯相同。

A3.12 AND、OR 與 NOT

AND：兩個條件都成立

&&

例如：

$fee == 80 && $months > 12

意思：

方案是 $80
而且
月份大於 12

OR：其中一個成立

||

例如：

$typeNotSelected || $priceIsTooHigh

意思：

沒有選 type
或
價格太高

只要其中一個錯誤存在，就代表輸入不合法。

NOT：反轉 Boolean

!

例如：

!isset($_POST["type"])

意思：

type 不存在

A3.13 經典題型一：Discount Calculation

條件

4G：$80 per month
超過 12 個月 → 30% discount

5G：$150 per month
超過 6 個月 → 20% discount

標準程式

if ($fee == 80 && $months > 12) {
    $discount = 0.3;
} else if ($fee == 150 && $months > 6) {
    $discount = 0.2;
} else {
    $discount = 0;
}

總價：

$totalFee = $months * $fee * (1 - $discount);

費曼拆解

假設：

5G fee = 150
months = 10
discount = 20% = 0.2

原價：

10 × 150 = 1500

付款比例：

1 − 0.2 = 0.8

折後價：

1500 × 0.8 = 1200

顯示折扣百分比

儲存的是：

$discount = 0.2;

但畫面要顯示：

20%

所以：

$discount * 100

A3.14 printf() 格式化輸出

“The printf() function outputs a formatted string.”

例如：

printf(
    "You have %d%% discount and total fee is $%d",
    $discount * 100,
    $totalFee
);

Placeholder

%d  → decimal integer
%s  → string
%f  → floating-point number
%%  → literal percent sign

因此：

"%d%%"

意思是：

放入一個整數
再顯示一個 % 符號

參數對應

printf(
    "Discount: %d%%, Total: $%d",
    $discount * 100,
    $totalFee
);

對應：

第一個 %d ← $discount * 100
第二個 %d ← $totalFee

The number and order of placeholders must match the arguments.

A3.15 經典題型二：顯示多個 Validation Errors

假設要求：

• Name 不可為空；
• 必須選 type；
• Price 不可超過 100；
• 所有輸入正確才成功。

if (isset($_POST["submit"])) {
    $nameIsEmpty = empty($_POST["name"]);
    $typeNotSelected = !isset($_POST["type"]);
    $priceIsTooHigh = $_POST["price"] > 100;

    if ($nameIsEmpty) {
        echo "ERROR: Item name is required.<br>";
    }

    if ($typeNotSelected) {
        echo "ERROR: Must select an item type.<br>";
    }

    if ($priceIsTooHigh) {
        echo "ERROR: Item price is too high.<br>";
    }

    if (
        !$nameIsEmpty &&
        !$typeNotSelected &&
        !$priceIsTooHigh
    ) {
        echo "Item will be added.";
    }
}

為什麼不用 else if 顯示錯誤？

如果使用者同時：

• 沒填 name；
• 沒選 type；
• price 太高；

題目可能要求同時顯示三個錯誤。

若使用：

if (...) {
} else if (...) {
} else if (...) {
}

只會顯示第一個成立的錯誤。

所以每個錯誤應使用獨立 if：

if ($nameIsEmpty) { ... }
if ($typeNotSelected) { ... }
if ($priceIsTooHigh) { ... }

A3.16 完整歷屆模式示範

題目

建立 canteen item form：

• 使用 POST；
• 表單提交回 A3.php；
• Name 和 Price 必填；
• Type 是 Food 或 Drink；
• 未選 type 顯示錯誤；
• price 大於 100 顯示錯誤；
• 沒有錯誤才顯示成功訊息。

完整答案

<html>
<body>

A3.php

    <div>
        Item Name
        <input
            type="text"
            name="name"
            required>
    </div>

    <div>
        Item Price
        <input
            type="number"
            name="price"
            required>
    </div>

    <div>
        Item Type

        <input
            type="radio"
            name="type"
            value="Food">Food

        <input
            type="radio"
            name="type"
            value="Drink">Drink
    </div>

    <input
        type="submit"
        name="submit"
        value="Confirm">

</form>

<?php

$formSubmitted = isset($_POST["submit"]);

if ($formSubmitted) {
    extract($_POST);

    $typeNotSelected =
        !isset($_POST["type"]);

    $priceIsTooHigh =
        $price > 100;

    if ($typeNotSelected) {
        echo "<div>
            ERROR: Must select an item type
        </div>";
    }

    if ($priceIsTooHigh) {
        echo "<div>
            ERROR: Item price HK$price is too high
        </div>";
    }

    if (
        !$typeNotSelected &&
        !$priceIsTooHigh
    ) {
        echo "<div>
            Item $name (HK$price)
            will be added to system
        </div>";
    }
}

?>

</body>
</html>

A3.17 填空題反推方法

空格在 <form ...>

A3.php

需要 HTML attribute：

method="post"

空格在 <input ...>

<input type="number" name="price" ______>

可能需要：

required

空格在 isset(...)

isset(________)

通常需要 superglobal 和 key：

$_POST["submit"]

空格前有 !

$typeNotSelected = ! ______;

通常：

isset($_POST["type"])

組合後：

$typeNotSelected =
    !isset($_POST["type"]);

空格在 if (...)

if (________)

需要 Boolean expression：

$price > 100

或：

!$typeNotSelected && !$priceIsTooHigh

A3 必背語法清單

Form

A3.php

<input type="text" name="name" required>

<input type="radio" name="type" value="Food">

<input type="submit" name="submit" value="Confirm">

Submission

isset($_POST["submit"])

Radio／Checkbox selection

isset($_POST["type"])

!isset($_POST["type"])

Empty text

empty($_POST["name"])

Read submitted value

$_POST["price"]

Extract

extract($_POST);

No-error condition

!$error1 && !$error2

A3 隨堂測驗：完整考試格式

題目：Course Registration Form

功能要求：

• Form 使用 POST，提交回 A3.php；
• Student Name 必填；
• 必須選擇 Full-time 或 Part-time；
• Study Hours 必須介於 1 至 20；
• 如果沒有選 mode，顯示錯誤；
• 如果 hours 大於 20，顯示錯誤；
• 沒有錯誤才顯示成功訊息。

請填寫 (a) 至 (j)：

<html>
<body>

A3.php

    Student Name:
    <input
        type="text"
        name="studentName"
                         (b)              >
    <br>

    Study Hours:
    <input
        type="number"
        name="hours"
        min="1"
        max="20"
                         (b)              >
    <br>

    Study Mode:

    <input
        type="radio"
        name="mode"
        value="Full-time">Full-time

    <input
        type="radio"
        name="mode"
        value="Part-time">Part-time
    <br>

    <input
        type="submit"
        name="submit"
        value="Register">

</form>

<?php

$formSubmitted =
                         (c)              ;

if ($formSubmitted) {

    extract(             (d)              );

    $modeNotSelected =
        !                (e)              ;

    $hoursTooHigh =
                         (f)              ;

    if ($modeNotSelected) {
        echo "ERROR: Select a study mode.<br>";
    }

    if ($hoursTooHigh) {
        echo "ERROR: Study hours cannot exceed 20.<br>";
    }

    if (
                         (g)
    ) {
        echo "Student "
            .

A3 隨堂測驗：Course Registration Form

剛才的程式碼確實被截斷了。以下是完整版本，請填寫 (a) 至 (j)。

功能要求

• Form 使用 POST，並提交回 A3.php；
• Student Name 必填；
• Study Hours 必須填寫，允許範圍為 1–20；
• 必須選擇 Full-time 或 Part-time；
• 沒有選擇 study mode 時，顯示錯誤；
• Study hours 大於 20 時，顯示錯誤；
• 沒有錯誤時，顯示成功訊息。

Check whether the form is submitted.

Check whether a study mode is selected.

Display the success message only if no input error exists.

完整題目

<html><body>
<form (ent Name: <input type="text" name="studentName" (b) > <br>
Study Hours: <input type="number" name="hours" min="1" max="20" (b) > <br>
Study Mode:
<input type="radio" name="mode" value="Full-time">Full-time
<input type="radio" name="mode" value="Part-time">Part-time <br>
<input type="submit" name="submit" value="Register">
</form>
<?php
$formSubmitted = (c) ;
if ($formSubmitted) {
extract( (d) );
$modeNotSelected = ! (e) ;
$hoursTooHigh = (f) ;
if ($modeNotSelected) { echo "ERROR: Select a study mode.<br>"; }
if ($hoursTooHigh) { echo "ERROR: Study hours cannot exceed 20.<br>"; }
if ( (g) ) { echo "Student " . (h) . " has registered for " . (i) . " mode with " . (j) . " study hours."; }}
?>
</body></html>

預期成功輸出

如果使用者輸入：

Student Name: Kam HonStudy Hours: 12Study Mode: Full-time

應顯示：

Student Kam Hon has registered for Full-time mode with 12 study hours.

預期錯誤輸出

如果沒有選擇 Study Mode：

ERROR: Select a study mode.

如果 Study Hours 是 25：

ERROR: Study hours cannot exceed 20.

如果兩個錯誤同時存在，兩個錯誤訊息都應顯示。

作答格式

(a)(b)(c)(d)(e)(f)(g)(h)(i)(j)

小提示

• (a)：完整的 form method attribute；
• (b)：HTML 必填 attribute，同一答案使用兩次；
• (c)：檢查 submit 是否存在於 $_POST；
• (d)：extract() 要處理的 associative array；
• (e)：檢查 mode 是否存在；前面已經有 !；
• (f)：檢查 $hours 是否大於 20；
• (g)：兩個錯誤都不存在；
• (h)–(j)：因為已執行 extract()，可直接使用建立出來的 variables。
  
  

A3 隨堂測驗批改：8 / 10 ✅

整體表現不錯。你已掌握：

• Form 的 method 與 action
• HTML required
• 使用 isset() 判斷表單提交
• extract($_POST)
• Error flags
• 無錯誤條件
• 提交後的 variables

只有 (e) 漏掉右括號，以及 (f) 多寫了分號。兩者都屬於考試常見的「上下文式語法錯誤」。

逐格批改

(a) ✅ 正確

你的答案：

method="post" action="A3.php"

完整結構：

A3.php

符合：

Submit the form to itself by POST method.

(b) ✅ 正確

required

完整輸入欄位：

<input
    type="text"
    name="studentName"
    required>

<input
    type="number"
    name="hours"
    min="1"
    max="20"
    required>

required 是 HTML Boolean attribute，不需要寫：

required="true"

直接寫 required 即可。

(c) ✅ 正確

isset($_POST["submit"])

完整程式：

$formSubmitted =
    isset($_POST["submit"]);

Check whether the form is submitted.

這裡使用 isset()，是因為要判斷 submit key 是否存在於 $_POST。

(d) ✅ 正確

$_POST

完整程式：

extract($_POST);

例如提交資料：

$_POST = [
    "studentName" => "Kam Hon",
    "hours" => "12",
    "mode" => "Full-time",
    "submit" => "Register"
];

執行 extract($_POST) 後會建立：

$studentName = "Kam Hon";
$hours = "12";
$mode = "Full-time";
$submit = "Register";

(e) ❌ 邏輯正確，但漏掉右括號

你的答案：

isset($_POST["mode"]

正確答案：

isset($_POST["mode"])

因為題目的前面已經提供 !：

$modeNotSelected =
    !        (e)        ;

填入後應成為：

$modeNotSelected =
    !isset($_POST["mode"]);

費曼拆解

isset($_POST["mode"])

意思是：

mode 有提交

前面加入 !：

!isset($_POST["mode"])

意思就反轉成：

mode 沒有提交

Check whether a study mode is not selected.

!isset($_POST["mode"])

(f) ❌ 條件正確，但不應在填空內加入分號

你的答案：

$hours > 20;

正確答案：

$hours > 20

原因是題目已經在空格後提供分號：

$hoursTooHigh =
             (f)        ;

如果把你的答案原樣放入，會變成：

$hoursTooHigh =
    $hours > 20;;

它可能在 PHP 中被視為多出一個空 statement，但在 missing-code 題目裡，應只填空格需要的 Boolean expression，不要重複題目已有的標點。

正確完整程式：

$hoursTooHigh =
    $hours > 20;

考試判斷技巧

看到：

$variable = ________;

空格通常只需填：

Expression

例如：

$hours > 20

不要再加分號，因為題目已提供。

(g) ✅ 正確

你的答案：

!$modeNotSelected && !$hoursTooHigh

完整程式：

if (
    !$modeNotSelected &&
    !$hoursTooHigh
) {

意思是：

沒有 mode 錯誤
AND
沒有 hours 錯誤

只有兩個錯誤都不存在，才顯示成功訊息。

Display the success message only if no input error exists.

也可以理解成：

Mode 已選擇，而且 hours 沒有超過 20。

(h) ✅ 正確

$studentName

因為已經執行：

extract($_POST);

所以可以直接使用 $studentName。

(i) ✅ 正確

$mode

如果選取：

<input
    type="radio"
    name="mode"
    value="Full-time">

那麼：

$mode == "Full-time"

(j) ✅ 正確

$hours

會顯示使用者提交的 study hours。

正確答案總表

(a) method="post" action="A3.php"

(b) required

(c) isset($_POST["submit"])

(d) $_POST

(e) isset($_POST["mode"])

(f) $hours > 20

(g) !$modeNotSelected && !$hoursTooHigh

(h) $studentName

(i) $mode

(j) $hours

完整正確程式

<html>
<body>

A3.php

    Student Name:
    <input
        type="text"
        name="studentName"
        required>
    <br>

    Study Hours:
    <input
        type="number"
        name="hours"
        min="1"
        max="20"
        required>
    <br>

    Study Mode:

    <input
        type="radio"
        name="mode"
        value="Full-time">Full-time

    <input
        type="radio"
        name="mode"
        value="Part-time">Part-time
    <br>

    <input
        type="submit"
        name="submit"
        value="Register">

</form>

<?php

$formSubmitted =
    isset($_POST["submit"]);

if ($formSubmitted) {
    extract($_POST);

    $modeNotSelected =
        !isset($_POST["mode"]);

    $hoursTooHigh =
        $hours > 20;

    if ($modeNotSelected) {
        echo "ERROR: Select a study mode.<br>";
    }

    if ($hoursTooHigh) {
        echo "ERROR: Study hours cannot exceed 20.<br>";
    }

    if (
        !$modeNotSelected &&
        !$hoursTooHigh
    ) {
        echo "Student "
            . $studentName
            . " has registered for "
            . $mode
            . " mode with "
            . $hours
            . " study hours.";
    }
}

?>

</body>
</html>

A3 重要補充：題目本身有一個驗證細節

HTML 已經寫：

max="20"

一般情況下，瀏覽器會阻止使用者提交大於 20 的值。因此正常使用界面時，PHP 未必會收到 25。

但是題目仍要求 PHP 檢查：

$hours > 20

這不是重複，而是兩層驗證：

HTML max="20"
→ Client-side validation

PHP $hours > 20
→ Server-side validation

費曼比喻

• HTML validation 像大樓門口的保全；
• PHP validation 像辦公室內部的審核員。

即使有人繞過門口保全，內部仍要再次審核。

Client-side validation improves usability, but server-side validation enforces the rule.

A3 考試語法精準度提醒

你的邏輯已經正確，現在要注意「空格需要什麼種類的答案」。

Expression

題目：

$hoursTooHigh = ______;

填：

$hours > 20

不要加分號。

Function call

題目：

extract(______182);

填：

$_POST

不要填：

extract($_POST)

否則會變成重複呼叫。

HTML attributes

題目：

<form ______>

填：

method="post" action="A3.php"

這裡不是 PHP statement。

Boolean condition

題目：

if (______) {

填：

!$modeNotSelected && !$hoursTooHigh

不要再加括號或分號，除非空格涵蓋它們。

A1–A3 階段總結

題號

主題

最終狀態

需要留意

A1

String Processing

達標

explode()、strpos() !== false

A2

Array Processing

基本達標

單筆 $item 與完整集合 $items；保存整筆 record

A3

Form Processing

達標

括號、分號及填空上下文

你目前最需要記住的三句

explode() converts a string into an array.

$parts = explode(",", $text);

Plural represents the collection; singular represents the current record.

foreach ($items as $item)

Use isset() to check whether a radio-button value was submitted.

isset($_POST["mode"])

下一個題號是 A4 — Session and Cookie Processing，核心會是：

session_start()
→ 遍歷 nested array
→ 儲存符合條件的名稱至 $_SESSION
→ 計算 maximum／minimum
→ 使用 setcookie()
→ 第二次載入時讀取資料

A4 — Session and Cookie Processing

A4 是近年最穩定、最容易重複出現題型的題目之一。

根據歷屆試卷：

• 2021–2022：COVID Test Results
  • 找最年長的人
  • 將 Positive 人名存入 Session
  • 將 oldest person 存入 Cookie
• 2024–2025：Canteen Order
  • 找最低價商品
  • 將 Food Items 存入 Session
  • 將 lowest price 存入 Cookie

雖然故事不同，但題目骨架幾乎完全一樣。

A4 考試核心公式

你幾乎可以把 A4 理解成：

session_start()

↓

foreach()

↓

找符合條件的資料

↓

$_SESSION

↓

setcookie()

↓

顯示結果

A4.1 Session 和 Cookie 是什麼？

教材原文：

“HTTP is a stateless protocol.”

“Using cookie, a web server can ask a browser to ‘remember’ a piece of information.”

“Using session, a web server can keep some data on the server.”

費曼解釋

假設你去餐廳吃飯。

Cookie

Cookie 像：

餐廳給你的取餐票

放在你身上。

Browser
└── Cookie

例如：

lowestPrice = 12

下次來的時候：

你把票拿出來

Server 就知道：

上次最低價格是 12

Session

Session 像：

餐廳自己保存的客戶資料

存在餐廳裡。

Server
└── Session

例如：

$_SESSION["Food"]

保存：

Toast
Noodle
Burger

這些資料不放在 Browser。

考試最愛問

Cookie 放在哪裡？

答案：

Client Browser

Session 放在哪裡？

答案：

Server

哪一個比較適合放 Array？

答案：

Session

因為歷屆題目幾乎都把：

Food Names
Positive People

放進：

$_SESSION

A4.2 第一行永遠是什麼？

答案：

session_start();

歷屆答案

2021：

session_start();

2025：

session_start();

為什麼？

因為 PHP 要先開啟 Session。

教材原文：

“session_start()”

“Using session, a web server can keep some data on the server.”

必背

session_start();

考試出現：

(a) ____________

而且位置在最頂部。

答案通常就是：

session_start();

A4.3 歷屆資料結構分析

2021 題

$persons = [
    ["Jack", "positive", 30],
    ["Mary", "negative", 21],
    ["Judy", "negative", 50],
    ["Alan", "positive", 28]
];

結構：

name
result
age

2025 題

$order = [
    ["Toast", 12, "Food"],
    ["Coffee", 20, "Drink"],
    ["Noodle", 30, "Food"]
];

結構：

name
price
type

費曼觀察

其實兩題完全一樣。

2021：

找最大 age

2025：

找最小 price

2021：

找 positive

2025：

找 Food

只是欄位名字不同而已。

A4.4 Cookie 題固定套路

Lowest Price

先假設：

$lowestPrice = $order[0][1];

為什麼？

因為第一個 item 的 price：

Toast
12
Food

所以：

$order[0][1]

結果：

12

然後：

foreach ($order as $item)

判斷：

if ($item[1] < $lowestPrice)

成立：

$lowestPrice = $item[1];

圖像理解

12
20
30

比較：

12 < 12  ×
20 < 12  ×
30 < 12  ×

答案：

12

A4.5 找 Maximum

另一種常考：

$oldestPerson = $persons[0];

比較：

if ($age > $oldestPerson[2])

成立：

$oldestPerson = $person;

最後：

$oldestPerson[0]

得到：

Judy

重要觀念

如果題目最後要輸出：

Name + Age

要保存：

$oldestPerson = $person;

不要只保存：

$oldestAge

否則最後不知道名字。

A4.6 Session 題固定套路

建立 Session Array

歷屆答案：

$_SESSION["Food"] = [];

或

$_SESSION["positive"] = [];

收集資料

Food：

if ($type == "Food") {
    $_SESSION["Food"][] = $name;
}

Positive：

if ($result == "positive") {
    $_SESSION["positive"][] = $name;
}

費曼理解

每找到符合條件的人：

先放進箱子

$_SESSION["Food"][] = $name;

例如：

Toast
Noodle

最後變：

$_SESSION["Food"] = [
    "Toast",
    "Noodle"
];

A4.7 Cookie 題固定套路

教材原型：

setcookie(
    "lowestPrice",
    $lowestPrice,
    time() + 30 * 60
);

費曼拆解

Cookie 三部分：

setcookie(
    名稱,
    值,
    到期時間
);

例子：

setcookie(
    "lowestPrice",
    12,
    time() + 1800
);

1800 秒是多少？

30 × 60

30 分鐘

三天

2021 題：

time() + 3 * 24 * 60 * 60

公式：

天 × 24 × 60 × 60

A4.8 讀取 Cookie

考試高頻：

if (!isset($_COOKIE["lowestPrice"])) {

意思：

第一次進入

否則：

else

表示：

Cookie 已存在

讀取：

$_COOKIE["lowestPrice"]

範例：

echo $_COOKIE["lowestPrice"];

A4.9 implode()

歷屆超常見。

教材原文：

“implode() combines an array's elements into a single string.”

Session 裡是：

[
 "Toast",
 "Noodle"
]

不能直接：

echo $_SESSION["Food"];

要：

implode(", ", $_SESSION["Food"]);

結果：

Toast, Noodle

A4 必背骨架（100%要會）

session_start();

if (!isset($_COOKIE["lowestPrice"])) {

    $_SESSION["Food"] = [];

    $lowestPrice = $order[0][1];

    foreach ($order as $item) {

        $name = $item[0];
        $price = $item[1];
        $type = $item[2];

        if ($type == "Food") {
            $_SESSION["Food"][] = $name;
        }

        if ($price < $lowestPrice) {
            $lowestPrice = $price;
        }
    }

    setcookie(
        "lowestPrice",
        $lowestPrice,
        time() + 30 * 60
    );
}
else {

    echo $_COOKIE["lowestPrice"];

    echo implode(
        ", ",
        $_SESSION["Food"]
    );
}

A4 歷屆題型預測

根據近年題目規律：

類型一

最貴商品

Cookie：

highestPrice

Session：

Drink names

類型二

最高分學生

Cookie：

highestMark

Session：

Passed students

類型三

最多銷量產品

Cookie：

highestSales

Session：

Category names

A4 第一題實戰測驗

請直接填空。

<?php

$products = [
    ["Apple", 8, "Fruit"],
    ["Bread", 15, "Food"],
    ["Milk", 12, "Drink"]
];

(a)

if (!isset($_COOKIE["lowestPrice"])) {

    $_SESSION["items"] = [];

    $lowestPrice =
        (b);

    foreach ($products as $product) {

        $name = $product[0];
        $price = $product[1];
        $type = $product[2];

        if ($type != "Drink") {

            (c);

        }

        if ($price < $lowestPrice) {

            (d);

        }
    }

    setcookie(
        "lowestPrice",
        $lowestPrice,
        (e)
    );
}
else {

    echo $_COOKIE["lowestPrice"];

    echo (f);
}

?>

預期功能

• Session 保存所有非 Drink 名稱
• Cookie 保存最低價格
• Cookie 一小時後到期

請回答：

(a)
(b)
(c)
(d)
(e)
(f)

答對 5–6 格，我們就直接進入歷屆真題風格的 A4 第二題（Oldest Person / Lowest Price 綜合題）。

A4 第一題批改：4 / 6

你已掌握 A4 最重要的三個核心：

✅ session_start()
✅ Lowest Price 初始化
✅ Cookie 時間計算

錯的地方集中在：

Session Name
Session Output
漏掉分號

(a) ✅ 正確

你的答案：

session_start();

A4 幾乎每年第一格都是：

session_start();

A session must be started before using $_SESSION.

(b) ✅ 正確

你的答案：

$products[0][1]

第一筆資料：

["Apple", 8, "Fruit"]

因此：

$products[0][1]

等於：

8

最低價格初始化正確。

(c) ⚠️ 概念正確，但 Session 名稱不符

你的答案：

$_SESSION["not Drink"][] = $name

正確答案：

$_SESSION["items"][] = $name;

因為題目已經給你：

$_SESSION["items"] = [];

所以後面必須加入同一個 Session Array。

完整：

if ($type != "Drink") {
    $_SESSION["items"][] = $name;
}

結果：

$_SESSION["items"] = [
    "Apple",
    "Bread"
];

(d) ✅ 正確

你的答案：

$lowestPrice = $price

完整：

if ($price < $lowestPrice) {
    $lowestPrice = $price;
}

執行：

8 < 8     ×
15 < 8    ×
12 < 8    ×

最後：

8

(e) ✅ 正確

你的答案：

time() + 60 * 60

換算：

60 × 60
= 3600 秒
= 1 小時

等同：

time() + 3600

(f) ❌ Session 名稱錯誤

你的答案：

implode(", ", $_SESSION["Drink"])

應該是：

implode(", ", $_SESSION["items"])

因為之前儲存的是：

$_SESSION["items"]

而不是：

$_SESSION["Drink"]

完整：

echo implode(", ", $_SESSION["items"]);

輸出：

Apple, Bread

正確答案

(a) session_start();

(b) $products[0][1]

(c) $_SESSION["items"][] = $name;

(d) $lowestPrice = $price;

(e) time() + 60 * 60

(f) implode(", ", $_SESSION["items"])

A4 最重要觀念

你開始出現一個歷屆常見錯誤：

Session Name 必須一致

建立：

$_SESSION["items"] = [];

加入：

$_SESSION["items"][] = $name;

輸出：

implode(", ", $_SESSION["items"])

不能出現：

$_SESSION["items"] = [];

然後：

$_SESSION["Food"][] = $name;

或者：

implode(", ", $_SESSION["Drink"])

因為 Session 名稱不同。

A4 第二題（歷屆真題級）

這題已經接近 2021 + 2025 的正式考試難度。

題目：Student Result Processing

$students = [
    ["Peter", "Pass", 65],
    ["Mary", "Fail", 32],
    ["John", "Pass", 88],
    ["Tony", "Pass", 70]
];

要求：

Session

保存所有：

Pass students

到：

$_SESSION["Pass"]

Cookie

保存：

Highest Mark

到：

highestMark

Cookie：

2 天後到期

顯示

再次進入頁面時：

Highest Mark: 88

Passed Students:
Peter, John, Tony

填空題

<?php

(a)

if (!isset($_COOKIE["highestMark"])) {

    (b) = [];

    $highestMark =
        (c);

    foreach ($students as $student) {

        $name = $student[0];
        $result = $student[1];
        $mark = $student[2];

        if ($result == "Pass") {

            (d);

        }

        if ($mark > $highestMark) {

            (e);

        }
    }

    setcookie(
        "highestMark",
        $highestMark,
        (f)
    );
}
else {

    echo "Highest Mark: "
        . (g);

    echo "<br>";

    echo implode(
        ", ",
        (h)
    );
}

?>

作答格式

(a)
(b)
(c)
(d)
(e)
(f)
(g)
(h)

提示

這題基本上就是：

2021 Oldest Person 題
+
2025 Lowest Price 題

真正考場上大約 8–10 分鐘要完成。完成這題後，我們就會進入歷屆高頻 A5 JSON + AJAX。

A4 第二題批改：6 / 8 ✅

這題已經非常接近正式考試。

你的 Session、Cookie、Expiry Time、Pass Students 全部正確。

只有兩個錯誤：

• (c) Highest Mark 初始化
• (g) Cookie 讀取方式

逐格批改

(a) ✅

session_start();

正確。

(b) ✅

$_SESSION["Pass"]

放回原程式：

$_SESSION["Pass"] = [];

完全正確。

(c) ❌

你的答案：

$student[2][2]

這時候還沒有進入：

foreach ($students as $student)

所以：

$student

根本不存在。

正確：

$students[0][2]

第一筆資料：

["Peter", "Pass", 65]

因此：

$students[0][2]

結果：

65

(d) ✅

$_SESSION["Pass"][] = $name

正確。

最後得到：

$_SESSION["Pass"] = [
    "Peter",
    "John",
    "Tony"
];

(e) ✅

$highestMark = $mark

正確。

(f) ✅

time() + 2 * 24 * 60 * 60

換算：

2 天

正確。

(g) ❌

你的答案：

$highestMark

此時已經進入：

else

表示：

第二次載入頁面

所以必須從 Cookie 讀。

正確：

$_COOKIE["highestMark"]

完整：

echo "Highest Mark: "
    . $_COOKIE["highestMark"];

(h) ✅

$_SESSION["Pass"]

完整：

implode(
    ", ",
    $_SESSION["Pass"]
);

輸出：

Peter, John, Tony

正確答案

(a) session_start();

(b) $_SESSION["Pass"]

(c) $students[0][2]

(d) $_SESSION["Pass"][] = $name

(e) $highestMark = $mark

(f) time() + 2 * 24 * 60 * 60

(g) $_COOKIE["highestMark"]

(h) $_SESSION["Pass"]