凌峰创科服务平台

Dreamweaver8测试服务器如何配置与使用?

为什么需要测试服务器?

在 Dreamweaver 8 中,你不仅仅是编辑静态的 HTML 文件,你很可能在使用服务器端技术,

Dreamweaver8测试服务器如何配置与使用?-图1
(图片来源网络,侵删)
  • ASP (Active Server Pages)
  • JSP (JavaServer Pages)
  • PHP (Hypertext Preprocessor)
  • ColdFusion

这些技术需要在服务器上执行,生成最终的 HTML 代码后再发送到浏览器,如果你直接在浏览器中打开一个 .php.asp 文件,浏览器会将其当作纯文本显示,而不是执行它。

测试服务器的作用就是:提供一个本地环境,让你可以在开发电脑上模拟真实服务器,来预览和调试这些动态页面。


Dreamweaver 8 测试服务器的工作原理

Dreamweaver 8 的“实时数据”视图和“在浏览器中预览”功能(当涉及到动态内容时)都需要连接到测试服务器,它会将你的请求发送给本地服务器,服务器执行脚本后,再把生成的 HTML 返回给 Dreamweaver 或浏览器进行显示。


如何配置 Dreamweaver 8 的测试服务器

配置过程分为两个主要步骤:

Dreamweaver8测试服务器如何配置与使用?-图2
(图片来源网络,侵删)
  1. 安装和配置本地服务器环境。
  2. 在 Dreamweaver 8 中定义站点并设置测试服务器。

第 1 步:安装和配置本地服务器环境

在配置 Dreamweaver 之前,你必须先在你的电脑上安装一个本地服务器环境,对于不同的技术,有不同的选择:

如果你使用 PHP:

  • 推荐软件: XAMPPWampServer,这两个都集成了 Apache (Web服务器)、MySQL (数据库) 和 PHP。
  • 安装: 下载并安装 XAMPP,安装过程非常简单,一直“下一步”即可。
  • 配置:
    • 安装完成后,启动 XAMPP Control Panel。
    • 确保 ApacheMySQL 模块的开关都是开启的。
    • Apache 默认会监听 80 端口,并创建一个网站根目录,通常是 C:\xampp\htdocs,你所有的 PHP 项目都应该放在这个目录下。

如果你使用 ASP:

  • 在 Windows XP 上: Windows XP 自带了 IIS (Internet Information Services),你可以通过“控制面板” -> “添加或删除程序” -> “添加/删除 Windows 组件”来安装和启用它。
  • 在 Windows 7/10/11 上: IIS 仍然可用,但需要作为“功能”来启用,网站根目录通常是 C:\inetpub\wwwroot
  • 注意: Dreamweaver 8 对较新版本的 Windows 和 IIS 可能存在兼容性问题。

如果你使用 ColdFusion:

Dreamweaver8测试服务器如何配置与使用?-图3
(图片来源网络,侵删)
  • 你需要安装 Adobe ColdFusion 的开发者版本(可能已不再提供旧版本下载)。

如果你使用 JSP:

  • 你需要一个 Java 应用服务器,如 Apache Tomcat

第 2 步:在 Dreamweaver 8 中配置站点

假设你已经安装好了 XAMPP 并用于 PHP 开发,现在我们来配置 Dreamweaver。

打开“管理站点”对话框

  • 菜单栏:站点 -> 管理站点...
  • 在弹出的窗口中,选择你的站点,然后点击“编辑...”按钮。

进入“高级”设置

  • 在站点定义对话框的左侧,确保选中了“高级”选项卡。
  • 在左侧的“分类”列表中,选择“服务器”。

添加新服务器

  • 在服务器设置页面,点击“+”号按钮,添加一个新服务器。

  • 在弹出的“服务器编辑”对话框中,填写以下信息:

  • 常规 选项卡:

  • 服务器名称: 给它起个名字,Local XAMPP Server

  • 服务器模型: 这是最关键的一步! 根据你使用的服务器端技术,从下拉菜单中选择正确的模型,PHP MySQLASP JavaScriptColdFusion 等,Dreamweaver 会根据这个模型来提供代码提示和服务器行为。

  • 访问: 选择 本地/网络

  • / 存储文件于: 点击文件夹图标,选择你的本地网站根目录,如果你的项目在 C:\xampp\htdocs\my_project,就选择这个文件夹。

  • Web URL: 输入你的网站在本地服务器上的访问地址,对于 XAMPP,如果你的项目在 htdocs 下,地址通常是 http://localhost/,如果你的项目在 htdocs/my_project 下,地址就是 http://localhost/my_project/

  • 测试 选项卡:

  • 服务器模型: 这里会自动从常规选项卡同步过来,无需修改。

  • 访问: 选择 本地/网络

  • / 存储文件于: 和常规选项卡保持一致,选择同一个本地根目录。

  • Web URL: 和常规选项卡保持一致,输入相同的本地访问地址。

  • 高级 选项卡:

  • 维护上传和存回: 如果你不使用 Dreamweaver 的版本控制功能,可以忽略这些设置。

  • 服务器连接: 保持默认即可。

  • 点击“确定”保存服务器设置。

将服务器设置为测试服务器

  • 回到“服务器”设置主界面,你刚刚添加的服务器会出现在列表中。
  • 选中这个服务器,然后勾选下方的“测试服务器”复选框。
  • 注意: 一个站点只能有一个测试服务器。

选择远程服务器 (可选)

  • 如果你之后还需要上传文件到真实的网络服务器(远程服务器),可以再次点击“+”号添加一个远程服务器,并设置其访问方式为 FTP本地/网络(如果远程服务器是网络映射盘)。
  • 但对于本地测试,我们只需要设置好“测试服务器”即可。

完成站点定义

  • 在左侧的“分类”列表中,选择“站点文件”。
  • 本地根文件夹: 确保这里指向的是你项目的根目录(C:\xampp\htdocs\my_project),这和你在服务器设置中指定的路径应该是一致的。
  • 点击“确定”保存所有设置。

验证配置是否成功

配置完成后,进行一次简单的测试:

  1. 在 Dreamweaver 中创建一个新的 PHP 文件 (index.php)。
  2. 输入一段简单的 PHP 代码,
    <?php
      echo "Hello, World! The current time is: " . date("Y-m-d H:i:s");
    ?>
  3. 在浏览器中预览
    • F12 键,或使用菜单 文件 -> 在浏览器中预览 -> iexplore.exe
    • 如果配置正确,浏览器会显示 Hello, World! The current time is: 2025-10-27 10:30:00 这样的动态内容。
    • 如果直接显示 PHP 代码,说明测试服务器没有正确工作,请检查你的配置。

常见问题与解决方法

  • 问题 1:Dreamweaver 无法连接到服务器,提示“无法显示网页”。

    • 原因: 1. 本地服务器(如 Apache)没有启动,2. Web URL 输入错误,3. 防火墙阻止了连接。
    • 解决: 1. 检查 XAMPP Control Panel,确保 Apache 是运行状态,2. 确认 http://localhost/ 或你设置的 Web URL 可以在浏览器中正常打开,3. 暂时关闭防火墙测试。
  • 问题 2:实时数据视图显示空白或错误。

    • 原因: 1. 服务器模型选择错误,2. PHP/ASP 代码本身有语法错误。
    • 解决: 1. 重新检查“服务器模型”是否与你的技术栈匹配,2. 直接在浏览器中运行该页面,查看服务器返回的具体错误信息。
  • 问题 3:在 Windows 7/10/11 上配置 IIS 失败。

    • 原因: Dreamweaver 8 较为古老,可能与新版 Windows 的权限或 IIS 版本不兼容。
    • 解决: 尝试以“管理员身份”运行 Dreamweaver,如果还不行,建议对于 ASP 项目,使用虚拟机(如 VirtualBox)安装一个 Windows XP 系统来获得最佳兼容性。

配置 Dreamweaver

分享:
扫描分享到社交APP
上一篇
下一篇