重构《我讨厌PHP-PHP和MySQL初学者指南》第三版
<是一个极简的CSS框架，它：
- 让HTML元素自动变好看
- 响应式设计（手机电脑都能看）
- 只有12KB
- **完全不需要学习新语法**
> **设计理念**：先做出能用的东西，再让它变好看。MVP.css完美符合这个理念。
### 2.5 实战成果检查
到现在为止，我们只写了**三行真正的PHP代码**：
1. `echo`显示日期
2. `$变量`存储价格
3. `include`复用代码
但我们已经有了：
- 动态显示日期的首页
- 统一风格的所有页面
- 美观的界面（感谢MVP.css）
- 容易维护的代码结构
老王很满意！他说：“比我预想的快多了。不过……顾客怎么下单呢？”
问得好。这就是下一章的内容。
---
## 第3章：与用户对话：表单基础
### 3.1 创建第一个表单：订购百吉饼
创建`order.php`：
```php
<?php
$bagel_price = 15;
?>
<?php include 'header.php'; ?>
<h1>订购百吉饼</h1>
<form action="process_order.php" method="POST">
<label for="name">您的姓名：</label>
<input type="text" id="name" name="customer_name" required>
<br><br>
<label for="quantity">订购数量：</label>
<input type="number" id="quantity" name="quantity" min="1" max="100" value="1" required>
<small>（单价：<?php echo $bagel_price; ?>元）</small>
<br><br>
<label for="phone">联系电话：</label>
<input type="tel" id="phone" name="phone" required>
<br><br>
<label>配送方式：</label>
<input type="radio" id="pickup" name="delivery" value="pickup" checked>
<label for="pickup">自取</label>
<input type="radio" id="deliver" name="delivery" value="deliver">
<label for="deliver">配送（+5元）</label>
<br><br>
<label for="notes">备注：</label><br>
<textarea id="notes" name="notes" rows="3" placeholder="例如：要切半，加奶油奶酪等"></textarea>
<br><br>
<button type="submit">提交订单</button>
</form>
<p><a href="index.php">返回首页</a></p>
<?php include 'footer.php'; ?>
```
几个重点：
1. `action="process_order.php"`：表单提交后，数据会送到这个页面处理
2. `method="POST"`：用POST方式发送数据（更安全，不会显示在地址栏）
3. 每个输入框都有`name`属性：这是PHP接收数据的钥匙
### 3.2 处理表单数据：`$_POST`超全局变量
创建`process_order.php`：
```php
<?php
// 从POST请求中获取数据
$name = $_POST['customer_name'];
$quantity = $_POST['quantity'];
$phone = $_POST['phone'];
$delivery = $_POST['delivery'];
$notes = $_POST['notes'];
$bagel_price = 15;
$total = $bagel_price * $quantity;
// 配送费
if ($delivery == 'deliver') {
$total += 5;
$delivery_text = "配送（+5元）";
} else {
$delivery_text = "自取";
}
?>
<?php include 'header.php'; ?>
<h1>订单确认</h1>
<div style="border: 1px solid #ddd; padding: 20px; border-radius: 5px;">
<h2>感谢您的订单，<?php echo htmlspecialchars($name); ?>！</h2>
<p><strong>订单详情：</strong></p>
<ul>
<li>百吉饼数量：<?php echo $quantity; ?>个</li>
<li>配送方式：<?php echo $delivery_text; ?></li>
<li>备注：<?php echo !empty($notes) ? htmlspecialchars($notes) : '无'; ?></li>
<li>联系电话：<?php echo htmlspecialchars($phone); ?></li>
</ul>
<h3>总金额：<?php echo $total; ?>元</h3>
<p>我们会在15分钟内通过电话确认您的订单。</p>
</div>
<p><a href="order.php">再下一单</a> | <a href="index.php">返回首页</a></p>
<?php include 'footer.php'; ?>
```
### 3.3 安全第一：`htmlspecialchars()`函数
注意到我们用了`htmlspecialchars()`吗？
```php
<?php echo htmlspecialchars($name); ?>
```
这行代码把`<`变成`<`，`>`变成`>`。为什么？
假设有人在姓名框里输入：
```html
<script>alert('哈哈，你的网站被黑了！');</script>
```
没有`htmlspecialchars()`的话，这个脚本会执行！这就是XSS攻击（跨站脚本攻击）。
`htmlspecialchars()`确保所有HTML标签都被当作普通文本显示，而不是代码。
> **安全提醒**：在把用户输入显示到页面上时，**永远**使用`htmlspecialchars()`。我们会在Part 4详细讲安全。
### 3.4 表单验证：基础版
我们的表单有个问题：如果用户直接访问`process_order.php`，会报错（因为`$_POST`是空的）。
改进版`process_order.php`：
```php
<?php
// 检查表单是否真的提交了
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
echo "<p>错误：请通过表单提交订单。</p>";
echo "<p><a href='order.php'>返回订购页面</a></p>";
exit; // 停止执行后面的代码
}
// 检查必填字段
$errors = [];
if (empty($_POST['customer_name'])) {
$errors[] = "请填写姓名";
}
if (empty($_POST['quantity']) || $_POST['quantity'] < 1) {
$errors[] = "请填写有效的数量";
}
if (empty($_POST['phone'])) {
$errors[] = "请填写联系电话";
}
// 如果有错误
if (!empty($errors)) {
include 'header.php';
echo "<h1>表单错误</h1>";
echo "<ul>";
foreach ($errors as $error) {
echo "<li>$error</li>";
}
echo "</ul>";
echo "<p><a href='order.php'>返回修改</a></p>";
include 'footer.php';
exit;
}
// 如果一切正常，继续处理...
$name = $_POST['customer_name'];
$quantity = $_POST['quantity'];
// ... 其余代码和之前一样
?>
```
这里我们：
1. 检查请求方法：必须是POST
2. 检查必填字段是否为空
3. 收集所有错误
4. 如果有错误，显示给用户
5. 如果没问题，继续处理
### 3.5 实战：让表单更友好
老王试用后说：“能不能在提交前显示总价？”
当然！给`order.php`加上JavaScript实时计算：
```php
<!-- 在form标签后面加上这个script -->
<script>
function calculateTotal() {
const price = 15;
let quantity = document.getElementById('quantity').value;
let delivery = document.querySelector('input[name="delivery"]:checked').value;
let total = price * quantity;
if (delivery === 'deliver') {
total += 5;
}
document.getElementById('total-display').innerText = '总价：' + total + '元';
}
// 页面加载时计算一次
window.onload = calculateTotal;
// 数量变化时重新计算
document.getElementById('quantity').oninput = calculateTotal;
// 配送方式变化时重新计算
document.querySelectorAll('input[name="delivery"]').forEach(radio => {
radio.onchange = calculateTotal;
});
</script>
<!-- 在表单内显示总价 -->
<div style="background: #f8f9fa; padding: 15px; border-radius: 5px; margin: 20px 0;">
<h3 id="total-display">总价：15元</h3>
</div>
```
### 3.6 Part 1总结：90分钟成果展示
恭喜！在Part 1中，我们完成了：
✅ **一个完全动态的网站**
- 自动显示日期
- 集中管理价格（改一处，全站更新）
✅ **美观的用户界面**
- 使用MVP.css，零CSS知识需求
- 统一的页头页脚
✅ **完整的订购系统**
- 用户填写表单
- 后端处理数据
- 显示订单确认
- 基础验证和安全性
✅ **总共学习的PHP知识点**
1. `echo` - 输出内容
2. 变量 - `$price = 15;`
3. `include` - 代码复用
4. `$_POST` - 接收表单数据
5. `htmlspecialchars()` - 基础安全
6. `date()` - 日期函数
7. `empty()` - 检查是否为空
最重要的是：**你的网站已经能真正接单了！**
老王现在可以：
1. 顾客访问网站
2. 查看产品和价格
3. 填写订购表单
4. 收到订单确认
---
## Part 1 结语：从“讨厌”到“能干活”
还记得本章开头吗？我说PHP有时候让人讨厌。但看看我们刚刚完成的事情：
**只用90分钟**，我们就把一个静态的Word文档需求，变成了一个能实际接单的动态网站。
是的，PHP的语法可能有点怪。是的，有些设计让人想吐槽。但关键是：**它能工作**。而且工作得相当不错。
在Part 2中，我们会让网站变得更“聪明”：
- 根据库存显示不同信息（如果/否则）
- 自动生成价格表（循环）
- 记住用户的购物车（会话）
但在此之前，先享受一下成就感。你刚刚用PHP解决了一个真实世界的商业需求。
> **小任务**：
> 1. 在网站上添加一个“联系我们”页面（`contact.php`）
> 2. 让价格根据星期几变化（周一至周五15元，周末18元）
> 3. 添加一个“促销产品”板块，价格比正常低20%
准备好了吗？Part 2见！
## 第3章：与用户对话（表单基础）
### 3.1 制作一个简单的订购表单（HTML）。
### 3.2 使用$_GET和$_POST获取用户输入。
### 3.3 显示用户提交的信息（不做验证，不安全，但快速）。
实战：用户可以提交订单，页面显示“您订购了X个百吉饼”。
# Part 2：让网站“有逻辑”（4-7章） - PHP核心语法
目标：掌握条件、循环、函数等核心概念，实现业务逻辑。
## 第4章：决策时刻（if/else, switch）
### 4.1 根据库存显示不同信息（if/else）。
### 4.2 根据星期几显示不同的促销活动（switch）。
实战：让网站根据条件显示不同的内容。
## 第5章：重复的艺术（循环）
### 5.1 使用for循环生成价格表。
### 5.2 使用foreach循环展示产品列表。
实战：动态生成产品目录和价格表。
## 第6章：代码组织（函数与文件包含）
### 6.1 创建函数来计算总价。
### 6.2 将通用代码（如导航栏、页脚）提取到单独文件。
实战：重构网站，使其模块化。
## 第7章：记住用户（Session与Cookie）
### 7.1 使用Session实现简易购物车。
### 7.2 使用Cookie记住用户偏好（如名字）。
实战：用户可以添加商品到购物车，并在不同页面记住购物车内容。
# Part 3：天哪，是MySQL！（8-10章） - 数据库快速上手（不安全版）
目标：快速体验数据库的威力，但故意使用不安全的方式，为Part 4的“安全课堂”铺垫。
教学戏剧：PHP娘兴奋地使用数据库，但不知道危险所在。
## 第8章：为什么需要数据库？
### 8.1 电子表格的局限性：数据量大时的问题。
### 8.2 数据库基本概念：表、行、列。
### 8.3 连接数据库：mysqli_connect。
## 第9章：存储与检索（CRUD）
### 9.1 创建表：存储百吉饼订单。
### 9.2 插入数据：将表单数据直接拼接SQL存入（不安全！）。
### 9.3 查询数据：显示所有订单。
实战：订单数据存入数据库，并能查看。
## 第10章：整合应用
### 10.1 将之前的Session购物车与数据库结合。
### 10.2 用户注册与登录（密码明文存储，不安全！）。
里程碑：完成第一个“完整”的Web应用（但有严重安全隐患）。
# Part 4：安全升级篇（11-13章） - MySQL娘的审判
教学戏剧高潮：MySQL娘登场，指出所有安全问题，并进行修正。
核心：先犯错，再纠正，强化记忆。
## 第11章：MySQL娘的愤怒（SQL注入）
### 11.1 演示SQL注入攻击：如何通过表单输入删除整个表。
### 11.2 讲解预处理语句：mysqli_prepare。
### 11.3 修正所有之前的插入、查询代码。
## 第12章：其他安全威胁（XSS、密码存储）
### 12.1 XSS攻击与防护：htmlspecialchars。
### 12.2 密码安全：哈希与验证（password_hash和password_verify）。
### 12.3 文件上传安全。
## 第13章：重构安全应用
### 13.1 重写用户注册登录系统（安全版）。
### 13.2 重写订单处理系统（安全版）。
### 13.3 安全配置检查清单。
# Part 5：走向真实世界（14-19章） - 部署与优化
## 第14章：错误处理与调试
### 14.1 友好的错误页面。
### 14.2 日志记录。
### 14.3 调试技巧（var_dump, print_r等）。
## 第15章：性能优化
### 15.1 数据库查询优化（索引简介）。
### 15.2 缓存基础。
### 15.3 代码优化技巧。
## 第16章：项目架构优化
### 16.1 配置文件管理。
### 16.2 目录结构最佳实践。
### 16.3 简单的MVC思想。
## 第17章：使用Composer（现代PHP生态）
### 17.1 包管理基础。
### 17.2 引入第一个外部包（例如：发送邮件的库）。
### 17.3 现代化PHP开发简介。
## 第18章：部署上线
### 18.1 选择托管服务。
### 18.2 文件上传与数据库迁移。
### 18.3 域名与HTTPS。
## 第19章：下一步学习路径
### 19.1 框架介绍（Laravel等）。
### 19.2 API开发基础。
### 19.3 推荐学习资源。]]>