本文連結
[參考鏈結]
前端一詞是指使用者可以直接與之互動的圖形化使用者界面 (GUI),例如導覽功能表、設計元素、按鈕、影像和圖形。在技術方面,使用者透過多個 UI 元件看到的頁面或螢幕稱為文件物件模型 (DOM) 。
三種主要的電腦語言會影響使用者與前端互動的方式:
沒有更新之前,使用者端可以自行修改開啟的網頁
一旦更新之後,就回到伺服器端的狀態
可以直接修改網站資料,達到網站樣貌的永久更改
​​​​ \\L419-TEACHER\server
更新前
更新後
124版本可能導致的Bug
一般像是攝影主機的控制網頁,比較早期的網站程式
<!DOCTYPE html> <html> <head> <title>留言板</title> </head> <body> <h1>留言板</h1> <form action="process_message.php" method="post"> 暱稱: <input type="text" name="nickname"><br> 留言: <textarea name="message"></textarea><br> <input type="submit" value="提交"> </form> </body> </html>
<?php // 檢查是否有 POST 請求 if ($_SERVER["REQUEST_METHOD"] == "POST") { // 確認是否收到了暱稱和留言內容 if (isset($_POST['nickname']) && isset($_POST['message'])) { $nickname = $_POST['nickname']; $message = $_POST['message']; // 格式化留言 $formatted_message = "$nickname: $message\n"; // 開啟檔案以寫入方式 $file = fopen("messages.txt", "a"); // 將留言寫入檔案 fwrite($file, $formatted_message); // 關閉檔案 fclose($file); // 重新導向回留言板頁面 header("Location: messages.php"); exit; } else { echo "請填寫完整的暱稱和留言內容"; } } else { // 如果不是 POST 請求,重新導向回留言板頁面 header("Location: messages.php"); exit; } ?>
<!DOCTYPE html> <html> <head> <title>留言板</title> </head> <body> <h1>留言板</h1> <!-- 顯示留言 --> <?php // 開啟檔案以讀取方式 $file = fopen("messages.txt", "r"); // 讀取檔案中的每一行並顯示 while (!feof($file)) { $line = fgets($file); echo "<p>$line</p>"; } // 關閉檔案 fclose($file); ?> </body> </html>
希望有一頁式的版本
<!DOCTYPE html> <html> <head> <title>留言板</title> </head> <body> <h1>留言板</h1> <!-- 表單 --> <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>" method="post"> 暱稱: <input type="text" name="nickname"><br> 留言: <textarea name="message"></textarea><br> <input type="submit" value="提交"> </form> <!-- 後端處理和顯示留言 --> <?php // 檢查是否有 POST 請求 if ($_SERVER["REQUEST_METHOD"] == "POST") { // 確認是否收到了暱稱和留言內容 if (isset($_POST['nickname']) && isset($_POST['message'])) { $nickname = $_POST['nickname']; $message = $_POST['message']; // 格式化留言 $formatted_message = "$nickname: $message\n"; // 開啟檔案以寫入方式 $file = fopen("messages.txt", "a"); // 將留言寫入檔案 fwrite($file, $formatted_message); // 關閉檔案 fclose($file); } else { echo "請填寫完整的暱稱和留言內容"; } } // 顯示留言 // 開啟檔案以讀取方式 $file = fopen("messages.txt", "r"); // 讀取檔案中的每一行並顯示 while (!feof($file)) { $line = fgets($file); echo "<p>$line</p>"; } // 關閉檔案 fclose($file); ?> </body> </html>
當預設開啟非 index.php 是首頁時 (預設是index.html)
找到DirectoryIndex這行
index.html 改成 index.php
http://172.16.27.1:88/