PHP 線上通訊錄完整原始碼：Session 驗證 + CRUD 操作 + 日曆元件

一個經典的 PHP + MySQL 通訊錄小專案，包含登入驗證、新增/編輯/刪除/列表、生日日期選擇器、頁首頁尾佈局。適合初學者參考 MVC 雛形與表單處理流程。

核心檔案結構

• add.php：新增聯絡人表單（姓名、性別、生日、電話、地址），含 JS 日曆元件
• add_do.php：處理新增邏輯（未展示）
• header.php / footer.php：共用版面
• login.html：登入頁（Session 驗證）

關鍵代碼片段 add.php

<?php
session_start();
define("N", TRUE);
if (empty($_SESSION["uid"])) header("Location: ./login.html");
?>
<!doctype html>
<html>
<head>
<title>添加</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="css/index.css" />
<script src="js/calendar.js"></script>
</head>
<body>
<?php require_once "header.php"; ?>
<div id="add">
<h2 class="title">添加信息</h2>
<form method="post" action="add_do.php">
<table>
<tr><td>姓名：</td><td><input name="username" /></td></tr>
<tr><td>性別：</td><td>
    男<input type="radio" name="usersex" value="1" checked />
    女<input type="radio" name="usersex" value="0" />
</td></tr>
<tr><td>生日：</td><td><input name="userbirth" onclick="new Calendar().show(this);" /></td></tr>
<tr><td>電話：</td><td><input name="usertel" /></td></tr>
<tr><td>地址：</td><td><input name="useraddr" /></td></tr>
<tr><td colspan="2" style="text-align:center"><input type="submit" name="sub" value="提交" /></td></tr>
</table>
</form>
</div>
<?php require_once "footer.php"; ?>
</body></html>

完整原始碼下載

原文提供「在線通訊錄」打包下載連結（此處省略）。

學習重點

• Session 檢查守衛頁面存取
• 表單資料接收與 addslashes/stripslashes 基礎過濾
• 外部 JS 日曆元件整合
• 共用版面 require_once 組合

建議進階學習：PDO 參數化查詢、PSR-4 自動載入、Composer 依賴管理、前後端分離架構。