为什么需要设置测试服务器？
测试服务器是让你的动态网页能够“活”起来的地方。
（图片来源网络，侵删）
- 静态网页：HTML + CSS，这些文件可以直接在浏览器中打开，因为它们不包含服务器端执行的代码,你不需要服务器。
- 动态网页：PHP, ASP, JSP, .cfm 等，这些文件包含服务器端脚本，需要服务器软件（如 Apache, Nginx, IIS）解析并执行，然后才能将生成的 HTML 代码发送给浏览器。
Dreamweaver 的测试服务器功能，就是配置一个本地的或远程的 Web 服务器环境，让你可以在开发过程中实时预览和测试动态网页的效果。
没有正确设置测试服务器，当你尝试在 Dreamweaver 中预览一个 .php 文件时，浏览器只会直接显示 PHP 源代码,而不会执行它。
测试服务器如何工作？
当你点击 Dreamweaver 中的“实时视图”或按下 F12 预览页面时，如果设置了测试服务器，Dreamweaver 会执行以下操作：
- 获取文件：Dreamweaver 找到你正在编辑的文件（
index.php）。 - 上传到临时目录：它会将这个文件（以及它依赖的所有文件，如图片、CSS 等）上传到你在测试服务器设置中指定的一个临时目录中。
- 通过服务器预览：Dreamweaver 的内置浏览器不是直接打开本地文件，而是通过 HTTP 协议访问这个临时目录的 URL（
http://localhost/dw_temp/index.php）。 - 服务器解析：Web 服务器（如 Apache）接收到这个请求，执行
index.php中的 PHP 代码。 - 返回结果：服务器将执行后生成的纯 HTML 代码返回给 Dreamweaver 的浏览器进行渲染。
这样，你就能看到 PHP 代码执行后的真实效果了。
（图片来源网络，侵删）
如何设置测试服务器？（以 PHP 为例）
设置测试服务器的步骤分为两大部分：环境搭建 和 Dreamweaver 配置。
第 1 步：搭建本地 Web 服务器环境
这是最关键的一步，如果你没有本地服务器,后面的配置都无从谈起。
推荐方案：集成环境
对于 Windows 用户，强烈推荐使用集成环境包，它们一键安装并配置好了 Apache、PHP、MySQL 等所有必需的组件。
（图片来源网络，侵删）
- XAMPP (跨平台，最流行): https://www.apachefriends.org/
- WampServer (仅限 Windows): https://www.wampserver.com/
- MAMP (仅限 Mac): https://www.mamp.info/
安装并启动环境：
- 下载并安装你选择的集成环境（以 XAMPP 为例）。
- 安装完成后，启动 XAMPP Control Panel。
- 确保 Apache 和 MySQL 模块的 Start 按钮是绿色的,表示服务已启动。
- 打开浏览器，访问
http://localhost或http://127.0.0.1，如果你能看到 XAMPP 的欢迎页面，说明你的本地 Web 服务器环境已经成功搭建。
第 2 步：在 Dreamweaver 中配置站点和测试服务器
我们回到 Dreamweaver 中进行配置。
-
定义站点
- 打开 Dreamweaver，选择
站点->新建站点。 - 在弹出的对话框中，输入你的站点名称（
My Test Site）。 - 切换到
服务器选项卡。
- 打开 Dreamweaver，选择
-
添加本地服务器
- 点击 号（添加服务器）按钮。
- 在弹出的窗口中，填写服务器信息：
- 服务器名称：给服务器起个名字，
Local XAMPP Server。 - 连接方法：选择 本地/网络。
- 服务器文件夹：这是最关键的一步！ 指向你的 Web 服务器根目录。
- 如果你使用 XAMPP，默认路径是
C:/xampp/htdocs/。 - 如果你使用 WampServer，默认路径是
C:/wamp64/www/。 - 最佳实践：不要直接放在
htdocs根目录下，而是为你的项目创建一个子文件夹，C:/xampp/htdocs/my_test_project/，然后在这里填写这个子文件夹的路径,这样可以避免不同项目之间的文件冲突。
- 如果你使用 XAMPP，默认路径是
- Web URL：这是第二关键的一步！ 指向你的项目在浏览器中的访问地址。
- 如果你的服务器文件夹是
C:/xampp/htdocs/my_test_project/，Web URLhttp://localhost/my_test_project/。
- 如果你的服务器文件夹是
- 服务器模型：如果你的项目是动态的，选择对应的服务器模型，如 PHP。
- 测试文件：点击右侧的文件夹图标，选择一个你站点内的动态文件（例如一个
.php文件）来测试连接。 - 勾选 “测试” 复选框，然后点击“保存”。
- Dreamweaver 会尝试连接，如果成功，会提示“已成功连接到测试服务器”。
- 服务器名称：给服务器起个名字，
-
将服务器指定为测试服务器
- 保存了本地服务器后,它会出现在服务器列表中。
- 在这个服务器行右侧的下拉菜单中，选择 “测试”。
- Dreamweaver 会自动将这个服务器也设置为“开发服务器”和“生产服务器”,这对初学者来说是最简单的配置。
-
保存站点设置
- 点击
站点设置对话框右下角的保存按钮。
- 点击
常见问题与排查
-
问题：预览时浏览器直接下载文件或显示源代码。
- 原因：测试服务器没有设置，或者服务器文件夹/URL 路径错误。
- 解决：返回
站点设置->服务器，仔细检查“服务器文件夹”和“Web URL”是否正确指向了你的本地环境。
-
问题：Dreamweaver 提示“无法连接到服务器”或“测试失败”。
- 原因：
- XAMPP/WAMP 的 Apache 服务没有启动。
- 防火墙或杀毒软件阻止了 Dreamweaver 访问本地端口。
- 路径中包含中文字符。
- 解决：
- 确认 XAMPP Control Panel 中的 Apache 是运行状态。
- 暂时关闭防火墙/杀毒软件再试。
- 检查你的项目路径和服务器文件夹路径,确保没有中文和空格。
- 原因：
-
问题：404 Not Found 错误。
- 原因：Web URL 不正确，你的项目文件夹名是
my_project，但你在 Web URL 里写成了http://localhost/my_proejct/（拼写错误）。 - 解决：仔细核对 Web URL 中的路径是否与服务器文件夹中的子文件夹名称完全一致。
- 原因：Web URL 不正确，你的项目文件夹名是
-
问题：数据库连接错误。
- 原因：测试服务器环境搭建好了，但你的 PHP 代码中的数据库连接信息（主机名、用户名、密码）不正确。
- 解决：在 PHP 代码中，数据库主机名通常是
localhost或0.0.1，用户名和密码是你在 phpMyAdmin 中为 MySQL 设置的用户凭据（在 XAMPP 中默认是root空密码）。
高级选项：远程服务器与生产服务器
当你完成本地开发后，需要将网站上传到真正的网络服务器（生产服务器）上时，你可以在 Dreamweaver 中配置远程服务器。
- 远程服务器：存放你最终网站的服务器（如 GoDaddy, 阿里云, 腾讯云等），你通过 FTP/SFTP 等方式连接它。
- 生产服务器：当你的网站开发完成，准备发布时，Dreamweaver 会将文件上传到这里。
在 站点设置 -> 服务器 中，你可以添加第三个服务器，并将其类型设置为“远程”，然后在“服务器”下拉菜单中将其指定为“远程”，这样，你就可以方便地在本地开发、测试和远程上传之间切换了。
| 步骤 | 核心任务 | 关键点 |
|---|---|---|
| 搭建环境 | 安装并启动本地 Web 服务器 | 推荐使用 XAMPP/WAMP/MAMP，确保 Apache 和 |
