服务器文件夹是你本地电脑上的一个文件夹，但 Dreamweaver 会把它当作一个远程服务器上的文件夹来对待。 它是连接你本地开发环境和远程真实服务器之间的桥梁,主要用于在本地模拟和测试服务器端的功能。
（图片来源网络，侵删）
为什么需要“服务器文件夹”？（核心作用）
在纯静态网站（只有 HTML, CSS, JavaScript 文件）中，你不需要服务器文件夹，但只要涉及到服务器端技术,你就必须配置它。
常见的需要服务器技术的场景包括：
- 动态网页技术： 如 PHP, ASP, JSP, ColdFusion。
- 内容管理系统： 如 WordPress, Joomla。
- 数据库交互： 网站需要从 MySQL, SQL Server 等数据库中读取或写入数据。
- 发送邮件： 通过服务器脚本（如 PHP 的
mail()函数）发送表单邮件。 - 用户登录和会话管理： 需要服务器来创建和管理用户的登录状态。
举个例子：
你有一个 contact.php 文件，里面包含一个表单，提交后会用 PHP 代码将用户留言保存到数据库中。
- 不配置服务器文件夹： 当你在本地浏览器中直接打开
contact.php文件（通过file:///C:/.../contact.php），PHP 代码是无法被服务器解析的，浏览器会直接把 PHP 代码当作纯文本显示出来,更不用说连接数据库了。 - 配置了服务器文件夹： 你将整个项目放在服务器文件夹（
C:/xampp/htdocs/mywebsite）中，然后你通过一个本地服务器环境（如 XAMPP, WAMP, MAMP）的地址来访问（http://localhost/mywebsite/contact.php），这时，你的本地服务器会解析 PHP 代码，连接数据库,一切就能正常工作了。
服务器文件夹的作用就是告诉 Dreamweaver：“嘿，这个文件夹里的文件需要通过本地服务器来运行，请在这里处理 PHP、数据库等服务器端任务。”
（图片来源网络，侵删）
如何在 Dreamweaver 中设置服务器文件夹？
设置过程主要通过“站点”设置来完成，这里以 Dreamweaver CC 为例,步骤如下：
创建或编辑站点
- 打开 Dreamweaver，点击顶部菜单的 站点 > 管理站点。
- 在弹出的窗口中，选择你的站点，然后点击 编辑，如果是新站点，则点击 新建 > 站点。
配置服务器设置
- 在站点设置窗口中，选择左侧的 服务器 选项卡。
- 点击右下角的 号,添加一个新的服务器。
填写服务器信息（关键步骤）
这是最核心的一步,你需要填写以下几项信息：
| 选项 | 说明 | 示例 |
|---|---|---|
| 服务器名称 | 给这个服务器起一个容易识别的名字，“本地 XAMPP 服务器” 或 “生产服务器”。 | Local Dev Server |
| 连接方法 | 选择你如何连接到这个“服务器”，对于本地开发，最常用的是 本地/网络。 | 本地/网络 |
| 服务器文件夹 | 【重点】 指定你本地电脑上的文件夹路径，这个文件夹必须是一个可以通过本地服务器环境访问的目录。 | C:/xampp/htdocs/myproject |
| Web URL | 【重点】 指定在浏览器中访问这个网站所使用的 URL，它必须指向你服务器文件夹的根目录。 | http://localhost/myproject |
| 服务器模型 | 选择你的网站使用的技术，如 PHP、ASP VBScript、ColdFusion 等，如果不确定，可以留空或选择 无。 |
PHP |
【重要提示】服务器文件夹 vs. 本地站点文件夹
- 本地站点文件夹: 这是 Dreamweaver 存放你所有项目文件的地方（代码、图片、CSS 等）,它可以是电脑上的任何位置。
- 服务器文件夹: 这是 Dreamweaver 用来测试服务器端功能的文件夹，它必须是你本地服务器（如 XAMPP）的网站根目录（如
htdocs）下的一个子文件夹。
最佳实践： 为了方便管理，通常建议将 本地站点文件夹 和 服务器文件夹 设置为同一个文件夹，这样你写的代码就在可以直接运行的位置,无需同步。
（图片来源网络，侵删）
- 本地站点文件夹:
C:/xampp/htdocs/myproject - 服务器文件夹:
C:/xampp/htdocs/myproject - Web URL:
http://localhost/myproject
保存并测试
- 填写完信息后，点击 保存。
- 回到服务器列表，确保你刚刚添加的服务器处于已启用状态（勾选框被勾选）。
- 点击 测试 按钮，Dreamweaver 会尝试连接到你配置的路径，如果成功，会提示“已成功连接到服务器”，如果失败，请检查路径是否正确，本地服务器环境（如 Apache）是否已经启动。
服务器文件夹的实际应用场景
配置好服务器文件夹后，你可以在 Dreamweaver 中进行以下操作：
- 实时视图: 在实时视图中，Dreamweaver 会通过本地服务器来渲染页面，这样你就能看到 PHP 代码执行后的结果,而不是原始代码。
- 数据库连接:
- 在 Dreamweaver 中，你可以通过 窗口 > 数据库 面板来管理数据库连接。
- Dreamweaver 会自动检测到你的服务器文件夹中是否有数据库连接文件（如
_mmServerScripts文件夹）,并引导你完成配置。
- 动态数据绑定: 你可以将数据库中的表或字段直接拖拽到你的网页上，Dreamweaver 会自动生成相应的服务器端代码来显示这些数据。
- 表单提交: 创建的表单可以正确地提交给 PHP/ASP 等处理脚本,并在服务器文件夹中执行。
- 文件上传: 允许用户通过网站上传文件,这些文件会保存在服务器文件夹的指定位置。
常见问题与解决方案
-
问题： 测试服务器时提示“无法连接”或“找不到路径”。
- 解决：
- 检查 服务器文件夹 的路径是否正确,确保文件夹存在。
- 检查 Web URL 是否正确,确保可以在浏览器中通过这个地址访问到网站。
- 确认你的本地服务器环境（如 XAMPP 中的 Apache 和 MySQL）已经启动。
- 如果使用 Windows，确保 Dreamweaver 有权限访问该文件夹路径（有时路径中包含中文名或空格会导致问题）。
- 解决：
-
问题： 在实时视图中看到的还是 PHP 源代码,而不是解析后的结果。
- 解决：
- 确认你的 服务器模型 设置正确。
- 确认你的 服务器文件夹 和 Web URL 配置正确。
- 尝试刷新浏览器缓存，或者重启 Dreamweaver。
- 解决：
希望这个详细的解释能帮助你完全理解 Dreamweaver 中的服务器文件夹！它是从静态网页开发转向动态网页开发的关键一步。
