tags: `Back-End` `php` `資料庫`

[week 9] 後端基礎 - PHP 語法、資料庫 MySQL

本篇為 [BE101] 用 PHP 與 MySQL 學習後端基礎這門課程的學習筆記。如有錯誤歡迎指正。

學習目標：

 P1 你知道 PHP 是什麼
 P1 你知道前端與後端的差別
 P1 你知道什麼是資料庫
 P1 你了解基本的 SQL 語法，包括 Select、Insert Into、Delete 與 Update
 P1 你能夠寫出基本的 CRUD 應用
 P1 你知道什麼是 Session
 P1 你知道什麼是 Cookie
 P1 你知道 Session 與 Cookie 的差別

「後端」是什麼？

後端實際上包含以下三大項（括弧內為舉例使用的程式）：

網頁伺服器（Apache）：伺服器程式。專門處理 Request 與 Response，是後端最重要的部分。
寫程式（PHP）：接收網頁伺服器的 Request 並執行後端語言，處理成 output，通常是 html。
資料庫系統（MySQL）：資料庫程式。專門用來操作資料庫，能夠更有效率儲存、修改或查詢資料。

後端環境建置

以下透過 XAMPP 來進行實作。XAMPP 結合了 Apache + MariaDB + PHP，能夠快速建置後端環境。

MySQL 為目前市佔率最高的資料庫系統。但 XAMPP 上使用的是 MariaDB 而非 MySQL。這是因為當初 MySQL 被甲骨文公司收購後，開發者擔心會有後患，像是轉為商用等等，於是社群就 clone 出 MariaDB ，因此這兩個系統幾乎完全相同。

XAMPP

到 XAMPP 官網下載程式並安裝
開啟 XAMPP 並運行 Apache 和 MySQL

點選 Adimn 開啟網頁：http://localhost/dashboard/，出現以下畫面就代表安裝成功！

XAMPP

以 XAMPP 程式而言，PHP 檔案都會放在 htdocs 資料夾內，且網址路徑 = 檔案路徑

htdocs

以下為範例在 hotdocs 另建一個資料夾 heidi，裡面新建 test.php，並在編輯器輸入下列程式碼：

<?php
  echo "I am Heidi, yo!"
?>

以瀏覽器運行該網址：http://localhost/heidi/test.php

test.php

靜態網頁 vs 動態網頁

網頁中的「靜態」與「動態」，並非代表視覺上的移動，兩者差異在於是否以「伺服器程式」去產生網頁上的資料。

靜態網頁

server 收到 request 後，找到相對應的檔案（.css 是靜態檔案）後，把檔案直接回傳 response
檔案內容是什麼就回傳什麼

動態網頁

server 收到 request 後，會將 .php 檔案給 php 處理成 output，再傳給 server 後回傳 response
可根據用戶的點擊、輸入等操作，迅速產生響應與動態變化，例如部落格、留言板等

PHP 是什麼？

PHP 全名是 Hypertext Preprocessor（超文本預處理器）。和 ASP、JSP 等都是動態網頁開發語言。

PHP 語言是伺服器端（Server）執行的網頁，因此 PHP 必須在伺服器端執行完後，再將結果回傳給用戶端（Clint）的瀏覽器檢視並渲染。

Apache、PHP 與資料庫運作原理

request → apache → php → output → apache → response
　　　　　 (server)       (html)

執行步驟大致如下：

server 接收 request
server 轉給 php 處理
php 處理成 html
將 output 傳給 server
server 回傳 response

由此可知，後端最重要的是「伺服器程式」。若沒有伺服器程式，網站會直接掛掉；但沒有後端語言，就只是變回靜態網站，檔案內容是什麼就回傳什麼。

參考資料：PHP新手指南：3分鐘快速認識PHP

PHP 基礎語法

php 語法以 <? php 開頭，?> 結尾包起來，沒有包含在其中的程式碼，就是單純的 html，會直接被顯示出來
每句結尾須加上分號 ;

<?php

  echo "Hello World";    // 印出 Hello World
  
?>

變數均以 $ 符號開頭
不需要宣告變數，直接賦值即可使用
字串連接用 .，數字相加用 +

<?php

  $x = 10000;
  $y = 5.5;
  $str = 'hello';
  
  echo $x + $y . '<br>';  // 印出 10005.5
  echo $x . $str;         //      10000hello
  
?>

迴圈

寫法和其他程式語言差不多，惟須注意變數前要加 $：

<?php
  for ($i = 1; $i <= 5; $i++) {
    echo $i . '<br>';
  }
?>

結果如下：

陣列 array

sizeof()：返回單元中的元素數量，和 count() 功能相同。

<?php
// 建立陣列
$arr = array(1, 3, 5, 7, 9);

// 印出陣列長度：5
echo $length = sizeof($arr) . '<br>';

// 印出最後一個元素：9
echo $arr[sizeof($arr) - 1];
?>

輸出完整陣列：
- var_dump()：輸出 index => 型態和值：type(value)
- print_r()：較簡潔，輸出 index => 值：[value]

<?php
$arr = array(1, 'a', 10, 'b', 100);
echo var_dump($arr) . '<br>';
// 印出 array(5) { [0]=> int(1) [1]=> string(1) "a" [2]=> int(10) [3]=> string(1) "b" [4]=> int(100) }

print_r($arr);
// 印出 Array ( [0] => 1 [1] => a [2] => 10 [3] => b [4] => 100 )
?>

其他函式

data("Y-m-d H:i:s")：輸出現在時間

資料庫系統 Database System

資料庫系統（Database System）：專門管理資料庫的程式
資料庫（Database）：儲存資料的地方，可視為多個資料表的集合

之所以要有資料庫系統，利用現成的資料庫介面，我們能夠快速進行新增、修改、查看、刪除資料等操作，方便管理檔案與維護。

關聯式資料庫（RDBMS）

全名是 Relational Database Management System
以 SQL 語言（專門用來管理與查詢關聯式資料庫）操作
用不同 table 存取不同類型的內容，但資料之間保有相關性，避免不相關的資料互相干擾
常見程式：MySQL、PostgreSQL、Microsoft SQL Server
例如：會員資料庫，其中明確關聯是會員 ID

非關聯式資料庫（NoSQL）

全名是 Not Only SQL
以 NoSQL 語言操作
彈性較高，沒有形態上的限制，可儲存較複雜的資料
常見程式：mongoDB
例如：存取 log 日誌、社群上的大量資訊（按讚數）

如何管理資料庫

我們可分別利用 CLI 或 GUI 介面來進行管理：

CLI：mysql connect，在終端機下指令連線
GUI：phpMyAdmin、Adminer、Sequel Pro 等，利用網頁介面連線

phpMyAdmin

phpMyAdmin 是一套基於 PHP 寫的 GUI 資料庫管理軟體，其本質就是一個 PHP 檔案，讓管理者能夠以 GUI 介面來管理 MySQL 資料庫。

可從 http://localhost:8080 點選 phpmyadmin 進入：

管理介面如下所示：

Table schema 結構簡介

Table schema（資料庫結構），當我們在開資料庫以前，要先進行資料型態、有無預設值、是否為唯一等設定，而之後的資料均須符合當初設定的結構，否則會無法成功新增。

資料型態

id：int
- 勾選 ai（auto increment）為保證遞增，但 id 不一定為連續
- 設定 primary index：代表是唯一值
VARCHAR：適合存取較短的資料，可設定長度。通常用於：預期資料有特定長度的情況。
TEXT：適合存取較長的資料，不可設定長度。通常用於：留言板、部落格文章。
- 通常建議使用 VARCHAR，查詢速度較快，且能夠有效減少資料庫文件大小。
日期：datetime、預設值改成 current timestamp

參考資料：mysql中char，varchar與text類型的區別和選用

索引 index

可作為書本的目錄，建立某欄位的索引，目的是加快搜尋速度。

Index：索引鍵

可多欄位設定 Index

Primary Key（PK）：主鍵

每個 table 只能有一個 Primary Key
不能為空值、不能重複，是 table 裡面最主要的欄位
當設置某欄位為 Primary Key 時，該欄位會自動加上 unique index

Unique Index：不重複鍵

和 Index 相同，差異在於不能允許重複值

參考資料：[SQL 基本觀念] primary Key / Index / Unique 差別

MySQL 基礎語法

查詢資料 `SELECT`

使用 * 查詢全部資料：SELECT * FROM 資料夾名稱


SELECT * FROM users
// 從資料夾 users 裡面找到所有列，並取出所有欄位的值。

使用 where 條件設定：SELECT * FROM 資料夾名稱 WHERE 條件


SELECT * FROM users WHERE username=heidi
// 從資料夾 users 裡面，找到 username 是 heidi 的那列，並取出該欄位的所有值。

新增資料 `INSERT`

使用 INSERT INTO 指令可新增資料：

INSERT INTO "表格名" ("欄位1", "欄位2", ...) VALUES ("值1", "值2", ...);


INSERT INTO users(username, content) values (Peter, 1234)
// 新增一筆記錄，username 是 Peter；content 是 1234。

修改資料 `UPDATE`

UPDATE "表格名" SET "欄位1"=[新值] WHERE "條件";
// 若沒有加上 WHERE，就會更新表中的所有行


UPDATE users SET username = "user02", content = "content02" WHERE id =2
// 修改 id 為 2 那列，username 為 user02；content 為 content02

刪除資料 `DELETE`


DELETE FROM users WHERE id = 2
// 若沒有加上 WHERE，系統會選取所有行，即刪除所有資料。

從前端傳資料給後端

前端通常利用 form 來傳送資料給後端：

form 要設定 method 和 action 屬性
- method：方法，GET 或 POST
- action：接收資料的程式

先在 index.php 檔案建立表單





<form method="GET" action="test.php">
  name: <input type="text" name="name"/>
  age: <input type="text" name="age"/>
  <input type="submit"/>
</form>

在瀏覽器開啟表單如下：

在接收資料的 test.php 檔案撰寫 php 語法












<?php
  // 用 empty 檢查表單是否為空
  if (empty($_GET['name']) || empty($_GET['age'])){
      echo '資料有缺，請再次填寫<br>';
      exit();   // 終止程序
  };
  // 接收 method 為 GET 的 From input
  echo "Hello!" . $_GET['name'] . " <br>";
  echo "Your age is" . $_GET['age'] . " <br>";

  print_r($_GET);
?>

在前端以 GET 方法提交表單，資料會以 Query String 的形式將加在網址後方：

用 PHP 操作 MySQL

從 PHP 連線到 MySQL 資料庫

conn.php

存放帳密等重要資料，需加入 git.ignore 不進行版本控制













<?php
  $server_name = 'localhost';
  $username = 'heidi';
  $password = 'h232425123';
  $db_name = 'heidi';

  // mysqli 的四個參數分別為：伺服器名稱、帳號、密碼、資料庫名稱
  $conn = new mysqli($server_name, $username, $password, $db_name);

  if (!empty($conn->connect_error)) {
    die('資料庫連線錯誤:' . $conn->connect_error);    // die()：終止程序
  }
?>

讀取資料















<?php
  // 連線到資料庫
  require_once('conn.php');

  // 用 empty 檢查表單是否為空
  if (empty($_GET['name']) || empty($_GET['age'])){
      echo '資料有缺，請再次填寫<br>';
      exit();   // 終止程序
  };
  // 接收 method 為 GET 的 From input
  echo "Hello! " . $_GET['name'] . " <br>";
  echo "Your age is " . $_GET['age'] . " <br>";

  print_r($_GET);
?>

新增資料



























<?php
  // 連線到資料庫
  require_once('conn.php');

  // $_POST['key-name'] 取得輸入的資料
  // 以 empty() 判斷值是否為 null
  if (empty($_POST['username'])) {
    // 中斷後面程序並顯示內容，() 內可輸入訊息字串
    die('請輸入 username'); 
  }
 
  $username = $_POST['username']; 
         // sprintf() 裡面可以放入替代字元
  $sql = sprintf(  
     // 插入新欄位，%s 代表字串，值是第二個參數
    "INSERT INTO users(username) VALUES('%s')",
    $username
  );
  // 執行結果存在 $result 這個變數中
  $result = $conn->query($sql);
  // 確認是否有拿到結果
  if (!$result) {
    die($conn->error);
  }

  header("Location: index.php"); // 自動跳轉回 index.php
?>

刪除資料



























<?php
  // 連線到資料庫
  require_once('conn.php');

  if (empty($_GET['id'])) {
    die('請輸入 id');
  }

  $id = $_GET['id'];
  $sql = sprintf(
    "delete from users where id = %d",
    $id
  );
  echo $sql . '<br>';
  $result = $conn->query($sql);
  if (!$result) {
    die($conn->error);
  }

  if ($conn->affected_rows >= 1) { // 判斷影響 1 列以上資料
    echo '刪除成功';
  } else {
    echo '查無資料';
  }

  // header("Location: index.php");
?>

編輯資料























<?php
  require_once('conn.php');

  if (empty($_POST['id']) || empty($_POST['username'])) {
    die('請輸入 id 與 username');
  }

  $id = $_POST['id'];
  $username = $_POST['username'];
  $sql = sprintf(
    // 帶入兩個參數：%s（字串）、%d
    "update users set username='%s' where id=%d",
    $username,
    $id
  );
  echo $sql . '<br>';
  $result = $conn->query($sql);
  if (!$result) {
    die($conn->error);
  }

  header("Location: index.php");
?>

參考資料：

tags: Back-End php 資料庫

[week 9] 後端基礎 - PHP 語法、資料庫 MySQL

「後端」是什麼？

後端環境建置

XAMPP

靜態網頁 vs 動態網頁

靜態網頁

動態網頁

PHP 是什麼？

Apache、PHP 與資料庫運作原理

PHP 基礎語法

迴圈

陣列 array

其他函式

資料庫系統 Database System

關聯式資料庫（RDBMS）

非關聯式資料庫（NoSQL）

如何管理資料庫

phpMyAdmin

Table schema 結構簡介

資料型態

索引 index

Index：索引鍵

Primary Key（PK）：主鍵

Unique Index：不重複鍵

MySQL 基礎語法

查詢資料 SELECT

新增資料 INSERT

修改資料 UPDATE

刪除資料 DELETE

從前端傳資料給後端

用 PHP 操作 MySQL

從 PHP 連線到 MySQL 資料庫

conn.php

讀取資料

新增資料

刪除資料

編輯資料

Read more

初探 Shadcn UI：基於 Tailwind CSS + Radix UI 的元件合集

【學習筆記】TypeScript 基礎入門：從型別談起

【學習筆記】JavaScript 的浮點數計算、平方根

【學習筆記】Next.js 錯誤修復紀錄： 「Window is not defined」&「use client & missing generateStaticParams() error」

tags: `Back-End` `php` `資料庫`

查詢資料 `SELECT`

新增資料 `INSERT`

修改資料 `UPDATE`

刪除資料 `DELETE`

【學習筆記】Next.js 錯誤修復紀錄：「Window is not defined」&「use client & missing generateStaticParams() error」