Dreamweaver ASP教程，新手如何快速入门？-建站教程-锦华智联科技

重要前提：ASP 技术的现状

在开始之前，必须了解一个关键信息：ASP (Active Server Pages) 是一项非常古老的技术，微软早已在 2002 年发布了它的后继者 ASP.NET。

（图片来源网络，侵删）

ASP：使用 VBScript 脚本语言，通常与 Access 数据库配合，代码和 HTML 混合在一起，维护困难，安全性较低,现在几乎不再用于新项目开发。
ASP.NET：功能强大、性能优越、安全性高，是微软目前主推的 Web 开发技术，它使用 C# 或 VB.NET 作为编程语言，并支持现代化的开发框架（如 MVC, Razor Pages）。

学习 Dreamweaver + ASP 主要是为了维护非常老旧的网站，或者作为了解 Web 开发历史的入门。强烈建议您将学习重点放在更现代的技术上，

前端：HTML5, CSS3, JavaScript (ES6+)
后端：PHP (配合 MySQL/MariaDB 数据库) 或 ASP.NET Core (配合 SQL Server 数据库)
开发工具：Visual Studio Code (免费、强大、跨平台) 或 Visual Studio (微软官方IDE)

第一部分：准备工作

在学习之前，您需要搭建一个本地的开发环境，因为 ASP 代码需要在服务器上运行才能解析。

安装 Dreamweaver

确保您安装了 Adobe Dreamweaver，本教程基于较新版本（如 CC 2025 或更高），但旧版本（如 CS6）的流程也基本相似。

搭建本地 Web 服务器环境

这是最关键的一步，您需要一个可以解析 ASP 的本地服务器。

（图片来源网络，侵删）

推荐方案：IIS (Internet Information Services)
- 适用系统：Windows 10 / Windows 11 专业版/企业版。
- 安装方法：
  1. 打开 "控制面板" -> "程序" -> "启用或关闭 Windows 功能"。
  2. 在列表中找到 Internet Information Services,勾选它。
  3. 在展开的子项中，确保勾选了 "万维网服务" -> "应用程序开发功能" -> "ASP"。
  4. 点击“确定”安装。
- 配置：安装后，IIS 会默认创建一个网站，您可以将您的 Dreamweaver 项目文件夹指向这个网站的物理路径（通常是 C:\inetpub\wwwroot）。
备选方案：第三方集成环境
- EasyPHP 或 WampServer：这些工具一键安装 Apache (Web服务器)、MySQL (数据库) 和 PHP。但请注意，它们默认不包含 ASP/IIS 支持，如果您使用这类环境，需要额外进行复杂配置,非常不推荐新手使用。

创建一个站点

在 Dreamweaver 中,正确配置站点是使用服务器技术的第一步。

打开 Dreamweaver，点击菜单栏的 站点 -> 新建站点。
在弹出的窗口中，切换到 “服务器” 选项卡。
点击添加一个新服务器。
服务器设置：
- 服务器名称：起一个你喜欢的名字，如 "Local IIS"。
- 连接方法：选择 本地/网络。
- 服务器文件夹：指向您的本地网站根目录，如果您在 D:\MyWebProjects\MyASPApp 下工作，就填写这个路径。这个文件夹必须位于 IIS 网站的物理路径下，或者您已经在 IIS 中配置了一个指向该文件夹的网站。
- Web URL：填写您在 IIS 中为该网站设置的 URL。http://localhost/MyASPApp。
- 服务器模型：选择 ASP VBScript。
- 访问：选择 "本地/网络"。
点击 “测试” 按钮，如果配置正确，会提示“您已成功连接到您的测试服务器”。
返回到“站点”设置的主界面，确保您刚刚创建的服务器被设置为 “Web URL” 和 “测试服务器”。
点击“保存”,站点创建完成。

第二部分：基础教程

教程 1：你的第一个 ASP 页面 "Hello, World!"

在 Dreamweaver 中，通过 文件 -> 新建，选择 动态页，然后在右侧的 “服务器技术” 中选择 ASP VBScript，点击“创建”。
Dreamweaver 会生成一个基本的 ASP 模板，顶部有 <%@LANGUAGE="VBSCRIPT"%> 和 <% ... %> 代码块。

在 <body> 标签内，输入以下代码：

<h1>欢迎来到 ASP 世界</h1>
<%
    ' 这是一个 VBScript 注释
    Dim myName ' 声明一个变量
    myName = "Dreamweaver" ' 给变量赋值
    Response.Write "你好, " & myName & "!" ' 使用 Response.Write 输出内容
%>

按 F12 键，Dreamweaver 会通过您配置的本地服务器在浏览器中打开这个页面。
查看源代码：在浏览器中右键“查看源代码”，你会发现 ASP 代码 <% ... %> 已经消失了，只剩下 HTML 代码，这是因为这部分代码被服务器执行后,只输出了结果。

核心概念：

（图片来源网络，侵删）

<% ... %>：ASP 代码块,服务器会执行其中的所有内容。
：VBScript 中的单行注释符。
Dim：用于声明变量。
&：字符串连接符。
Response.Write：向客户端浏览器输出内容的命令，可以简写为 Response.Write "..." 或。

教程 2：处理表单数据（GET 和 POST）

这是动态网站的核心：从用户那里获取输入。

创建一个新文件，命名为 form.asp，选择 ASP VBScript。
在文件中编写一个简单的 HTML 表单：
```
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>表单提交示例</title>
</head>
<body>
    <h2>请输入你的名字</h2>
    <form action="welcome.asp" method="post">
        <input type="text" name="username">
        <input type="submit" value="提交">
    </form>
</body>
</html>
```
- action="welcome.asp"：表示表单数据将被提交给 welcome.asp 这个页面处理。
- method="post"：使用 POST 方法提交数据（数据不会显示在 URL 中，更安全）。
- name="username"：给输入框命名,服务器将根据这个名字来获取数据。
再创建一个新文件，命名为 welcome.asp，同样选择 ASP VBScript。

在 welcome.asp 中，使用 Request 对象来获取表单数据：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>欢迎页面</title>
</head>
<body>
    <h1>欢迎！</h1>
    <%
        ' 使用 Request.Form 集合获取通过 POST 方法提交的数据
        Dim name
        name = Request.Form("username")
        ' 判断用户是否输入了内容
        If name <> "" Then
            Response.Write "<p>你好, " & name & "！</p>"
        Else
            Response.Write "<p>你没有输入名字。</p>"
        End If
    %>
    <a href="form.asp">返回</a>
</body>
</html>

核心概念：

Request 对象：用于从客户端获取数据。
- Request.Form("name")：获取通过 method="post" 提交的表单数据。
- Request.QueryString("name")：获取通过 method="get" 或 URL 参数（如 page.asp?id=123）传递的数据。
If...Then...Else 条件语句：基本的逻辑判断。
<>：不等于。

教程 3：连接数据库（以 Access 为例）

准备数据库：
- 创建一个 Microsoft Access 数据库，命名为 db1.mdb。
- 在其中创建一个表，Users，包含字段：
  - ID (自动编号,主键)
  - UserName (文本)
  - Email (文本)
- 插入几条测试数据。
将数据库文件放在网站根目录下，D:\MyWebProjects\MyASPApp\db1.mdb。
在 Dreamweaver 中创建数据库连接：
- 打开 Dreamweaver,确保你的站点已选中。
- 在右侧的 “文件” 面板中，找到 “数据库” 选项卡。
- 点击按钮，选择 “数据源名称 (DSN)”。
- 连接名称：起个名字，如 connDB。
- 数据源名称 (DSN)：点击旁边的“输入”按钮，如果这里没有你需要的 DSN，说明你的 IIS/Windows 没有为 Access 配置 DSN。对于初学者，我们推荐使用“自定义连接字符串”方式，更简单直接。
- 推荐做法：使用自定义连接字符串
  - 在添加连接时，选择 “自定义连接字符串”。
  - 连接名称：connDB。
  - 连接字符串：输入以下内容（请根据你的实际路径修改）：
```
Provider=Microsoft.Jet.OLEDB.4.0;Data Source=D:\MyWebProjects\MyASPApp\db1.mdb;Persist Security Info=False
```
    注意：如果你的系统是 64 位，可能需要使用 Provider=Microsoft.ACE.OLEDB.12.0; 并将 .mdb 文件替换为 .accdb 文件。
  - 点击“测试”，如果成功,说明连接已建立。
显示数据库数据：
- 创建一个新文件 list_users.asp。
- 在“数据库”面板中，展开 connDB，你会看到 Users 表，点击表名旁边的 (通配符)，Dreamweaver 会自动生成查询记录集的代码。
- 在页面中，切换到“实时视图”或“代码视图”,将光标放在你想要显示数据的位置。
- 在右侧的 “绑定” 面板中，你会看到一个名为 Recordset1 (或类似名称) 的记录集，展开它，可以看到 UserName 和 Email 字段。
- 将 UserName 字段拖到页面上合适的位置，再将 Email 字段拖到旁边。
- Dreamweaver 会自动插入类似这样的代码：
```
<%
While ((Repeat1__numRows <> 0) AND (NOT Recordset1.EOF))
%>
  <h2><%=(Recordset1.Fields.Item("UserName").Value)%></h2>
  <p><%=(Recordset1.Fields.Item("Email").Value)%></p>
  <hr>
<%
  Repeat1__index=Repeat1__index+1
  Repeat1__numRows=Repeat1__numRows-1
  Recordset1.MoveNext()
Wend
%>
```
- 保存文件，在浏览器中访问 list_users.asp,你就能看到数据库中的用户列表了。

核心概念：

连接字符串：告诉服务器如何找到数据库文件。
记录集：从数据库中查询出来的数据结果集。
While...Wend 循环：遍历记录集中的每一条记录。
EOF (End of File)：记录集的末尾标记。

**第三部分：Dreamweaver 的辅助功能

Dreamweaver 的最大优势在于其可视化工具,可以大幅简化重复性工作。

服务器行为：
- 在 Dreamweaver 中，可以通过 插入 -> 数据对象 -> 记录集 来创建查询。
- 可以插入“重复区域”来控制显示多少条记录。
- 可以插入“记录集分页”来实现翻页功能。
- 可以插入“插入记录”、“更新记录”、“删除记录”表单，实现数据的增删改,这些都有向导引导你完成。
绑定：
- 除了数据库字段，你还可以绑定服务器变量，如当前时间 <% = Now() %>、用户 IP <% = Request.ServerVariables("REMOTE_ADDR") %> 等。

总结与学习路径

掌握基础：深刻理解 <% ... %>、Response、Request、Session、Application 五个内置对象。
熟练使用 Dreamweaver 可视化工具：学会用“绑定”、“服务器行为”面板快速构建页面,这能极大提高维护旧网站的效率。
学习 SQL：虽然 Dreamweaver 可以生成简单 SQL，但复杂的查询、联表、排序等操作，你必须手写 SQL 语句。
理解 VBScript 语法：变量、条件判断、循环、函数等。

最后再次强调：学习这些内容是为了“维护遗产系统”，如果您是初学者，希望开启职业生涯，请将精力投入到现代技术栈上，如 HTML5 + CSS3 + JavaScript + PHP/Node.js/Python + MySQL,它们才是未来的方向。