iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
影片教學

睡醒來聽 PHP 與 MySQL系列 第 3

[睡醒來聽 PHP 與 MySQL] DAY3 php語法基礎(1)起步安裝、echo、變數介紹

  • 分享至 

  • xImage
  •  

Yes

Welcome 歡迎來到「睡醒來聽 PHP 與 MySQL」系列!

DAY03 今天要學甚麼?今天分享所需要安裝的工具程式,echo使用、變數介紹及應用

🔶章節:
🔹[開頭] 0:00
🔹[XAMPP是甚麼?]
🔹[安裝-XAMPP]
🔹[安裝-VS Code]
🔹[echo使用]
🔹[變數介紹]
如果影片中不清楚,需要補充的地方我會再添加到這邊~ /images/emoticon/emoticon15.gif


XAMPP

XAMPP 是一個免費且開放源碼的網頁伺服器套件,用於建立和管理網站開發環境。它的名稱代表不同組件的首字母:

X: 代表跨平台 (X: 表示可在不同作業系統上運行,如 Windows、Linux、macOS)。
A: 代表 Apache,一個廣泛使用的網頁伺服器軟體。
M: 代表 MySQL,一個流行的關聯式資料庫管理系統。
P: 代表 PHP,一種常用的網頁程式設計語言。
P: 代表 Perl,另一種常用的程式設計語言。

XAMPP 提供了一個簡單、快速的方式,讓開發者能在自己的電腦上建立本地環境,用來開發、測試和修改網站或網頁應用程式。這個環境包括了 Apache 伺服器、MySQL 資料庫、PHP 和 Perl 解釋器,以及其他一些工具。

安裝 XAMPP

https://ithelp.ithome.com.tw/upload/images/20230918/20152215blysIopEVi.png

  1. 前往 XAMPP 官方網站:https://www.apachefriends.org/index.html
  2. 在下載頁面中,選擇適合您操作系統的版本(Windows、macOS、Linux)並點擊下載。
  3. 下載完成後,執行安裝程序。根據提示進行安裝,您可以接受默認設置,也可以自訂安裝路徑。
  4. 安裝完成後,啟動 XAMPP 控制面板。啟動 Apache 和 MySQL 服務,這將使您能夠在本地運行 PHP 應用。

安裝 VS Code

https://ithelp.ithome.com.tw/upload/images/20230918/20152215q7CDVrUPPx.png

  1. 前往 VS Code 官方網站:https://code.visualstudio.com/
  2. 在下載頁面中,選擇適合您操作系統的版本(Windows、macOS、Linux)並點擊下載。
  3. 下載完成後,執行安裝程序。根據提示進行安裝,您可以接受默認設置,也可以自訂安裝路徑。
  4. 安裝完成後,打開 VS Code。您可以在擴展市場中安裝 PHP 相關的插件,以便在 VS Code 中進行 PHP 程式碼的編寫。

大家都安裝好了嗎~? /images/emoticon/emoticon50.gif


echo

echo 是 PHP 中用於將內容輸出到網頁的關鍵字。它可以用來輸出文本、HTML 標記、變數的值等,並將這些內容顯示在網頁上。

格式

echo 函數的基本格式是 echo("要顯示的內容");。您可以在括號中放入您想要顯示的文字或變數,然後它將在網頁上顯示出來。需要注意在結尾加上分號。

使用 echo 將資料傳送給 HTML

<html>
<head>
    <title>使用echo傳送資料給HTML</title>
</head>
<body>
		<h2>你好,<?php echo 'Hello~歡迎'; ?>!</h2>
</body>
</html>

我們通過 echo 函數將這些資料傳送到 HTML 中,並在網頁上顯示出來。

使用反斜線進行引號轉義

<html>
<head>
    <title>使用反斜線進行引號轉義</title>
</head>
<body>
    <p><?php echo "這是一個 \"引號\" 的範例。"; ?></p>
</body>
</html>

使用了 " 來表示引號,這樣引號就會被正確地顯示在網頁上。

在單引號內使用反斜線進行引號轉義

<html>
<head>
    <title>將內容放在單引號內使用</title>
</head>
<body>
    <p><?php echo '這是一個 "引號" 的範例。'; ?></p>
</body>
</html>

使用了單引號,因為php直譯器會搜尋到"對應”的單引號,引號內的內容會被顯示。


單行註解

<?php
// 這是一個單行註解,用於說明這段程式碼的功能。
$variable = "Hello, PHP!";
?>

使用雙斜線(//)來添加單行註解。
在這個例子中,註解解釋了 $variable 變數的用途。

多行註解

<?php
/*
這是一個多行註解的範例。
它可以用來對多行程式碼進行詳細說明和解釋。
*/
$variable = "Hello, PHP!";
?>

我們可以使用 /* 起始,並以 */ 結束,來包裹多行註解。
在這個例子中,我們使用多行註解對 $variable 變數進行了詳細解釋。


變數的用途與解釋

剛剛我們在範例中提到了 $ 字符號,這可能讓一些人感到困惑。讓我們更深入地了解一下,在程式語言中為何被稱為「變數」。

在程式設計中,變數是一種用來儲存並代表可能會變化的資料的容器。您可以把它想像成一個標籤,用來表示特定的值。這樣,當您需要使用或修改這個值時,您只需要使用這個標籤,而不需要直接操作資料本身。

宣告變數

<?php
$name = "John";
$age = 25;
?>

我們宣告了兩個變數,$name 儲存了名稱,$age 儲存了年齡。

賦值和使用變數

<?php
$name = "Alice";
$age = 30;

echo "姓名:" . $name . "<br>";
echo "年齡:" . $age . " 歲";
?>

使用 echo 來輸出變數的值,並使用點號(.)來連接字符串和變數。

動態更新變數

<?php
$quantity = 5;
$price = 10;

$total = $quantity * $price;

echo "總金額:" . $total . " 元";
?>

計算了產品的總金額,將 $quantity 和 $price 變數相乘後賦值給 $total 變數。


變數命名的規則與限制

https://ithelp.ithome.com.tw/upload/images/20230918/20152215HuXQzBYrfq.png

https://ithelp.ithome.com.tw/upload/images/20230918/20152215rf372x4HEa.png

https://ithelp.ithome.com.tw/upload/images/20230918/201522153GoYq9KuXk.png


上一篇
[睡醒來聽 PHP 與 MySQL] DAY2 MySQL基本介紹
下一篇
[睡醒來聽 PHP 與 MySQL] DAY4 php語法基礎(2)陣列介紹
系列文
睡醒來聽 PHP 與 MySQL30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言