重要前提与说明
在开始之前,有几个非常重要的点必须了解,这决定了您是否还能使用这个组合:

- Access 数据库已过时:对于任何新的、严肃的网站项目,强烈建议不要使用 Microsoft Access 作为数据库,它存在性能瓶颈、并发访问限制(容易损坏)、安全性和可扩展性差等问题。
- Dreamweaver 的服务器行为:本教程的核心是 Dreamweaver 的“服务器行为”(Server Behaviors),这是其动态网页开发的核心功能,自 Dreamweaver CC 2025 版本起,Adobe 已经移除了所有服务器行为功能,本教程主要适用于 Dreamweaver CS6 及更早版本。
- 现代替代方案:现代 Web 开发通常使用更先进的技术栈,
- 前端: HTML5, CSS3, JavaScript (配合 React, Vue, Angular 等框架)
- 后端: PHP, Node.js, Python (Django/Flask), Java (Spring Boot) 等
- 数据库: MySQL, MariaDB, PostgreSQL, SQL Server, MongoDB 等
- 工具: Visual Studio Code, PhpStorm, Sublime Text 等。
尽管如此,如果您正在维护一个老旧的 Dreamweaver + Access 项目,或者出于学习目的,这份教程仍然具有参考价值。
教程目标
我们将创建一个简单的动态页面,实现以下功能:
- 连接到一个 Microsoft Access 数据库 (
.accdb或.mdb文件)。 - 从数据库表中读取所有数据。
- 将数据显示在一个 HTML 表格中。
第一部分:环境准备
在开始之前,请确保您的计算机上已安装并配置好以下软件:
- Dreamweaver: 您需要的是支持服务器行为的版本,如 Dreamweaver CS6 或更早版本。
- Web 服务器: Dreamweaver 需要一个本地服务器来解析和执行服务器端代码(如 ASP, PHP)。
- Windows 用户: 最简单的方式是安装 WampServer 或 XAMPP,这些软件包集成了 Apache (Web服务器)、MySQL (数据库,虽然我们不用它) 和 PHP。注意: WampServer/XAMPP 主要用于 PHP 环境,如果您想使用 ASP,需要安装 IIS (Internet Information Services)。
- Mac 用户: 可以安装 MAMP。
- Microsoft Access: 用于创建和编辑数据库文件。
- 浏览器: 如 Chrome, Firefox 等。
第二部分:创建 Access 数据库
- 打开 Microsoft Access。
- 选择 “空白数据库”。
- 创建一个新表,设计如下字段:
| 字段名称 | 数据类型 | 说明 |
|---|---|---|
| ID | 自动编号 | 主键 |
| ProductName | 文本 | 产品名称 |
| Price | 数字 | 价格 |
| Stock | 数字 | 库存 |
- 保存数据库,文件名设为
products.accdb,并保存在您的网站根目录下的一个文件夹中,database文件夹里,所以完整路径是C:/wamp/www/your_site/database/products.accdb。
第三部分:在 Dreamweaver 中定义站点
这是最关键的一步,它告诉 Dreamweaver 您的网站文件在哪里,以及如何连接到服务器。

- 打开 Dreamweaver,选择 “站点” > “新建站点”。
- 在弹出的窗口中,切换到 “高级设置” 选项卡。
- 本地信息
- 站点名称: 为您的站点起一个名字,如 "My ASP Site"。
- 本地站点文件夹: 选择您的网站根目录,
C:/wamp/www/your_site。
- 服务器
- 点击 号,添加一个新服务器。
- 基本设置
- 服务器名称: 起个名字,如 "Local Wamp Server"。
- 连接方法: 选择 “本地/网络”。
- Web URL: 输入您网站的本地访问地址,
http://localhost/your_site/。
- 服务器模型
- 服务器技术: 选择您要使用的服务器技术。如果您使用 WampServer (PHP),请选择 “PHP MySQL”,如果您使用 IIS (ASP),请选择 “ASP VBScript”。 本教程将以 ASP VBScript 为例。
- 测试
- 点击 “测试” 按钮,如果配置成功,会提示“您已成功连接到您的测试服务器”。
- 保存 站点设置。
第四部分:创建数据库连接
我们将 Dreamweaver 连接到我们刚刚创建的 Access 数据库。
- 在 Dreamweaver 中,打开 “数据库” 面板(如果看不到,可以通过 “窗口” > “数据库” 打开)。
- 点击面板左下角的 号,选择 “数据源名称 (DSN)”。
- 在弹出的对话框中:
- 连接名称: 起一个连接名,如
connProducts,这个名字会在 Dreamweaver 中使用。 - 数据源名称 (DSN): 这是关键,点击旁边的 “建立” 按钮。
- 系统会弹出“ODBC 数据源管理器”,切换到 “系统 DSN” 选项卡,点击 “添加”。
- 在列表中找到 “Microsoft Access Driver (.mdb, .accdb)”,点击 “完成”。
- 数据源名称: 输入一个系统级的名称,
myAccessDB。 - 数据库: 点击 “选择” 按钮,然后浏览并选择您之前保存的
C:/wamp/www/your_site/database/products.accdb文件。 - 点击 “确定” 关闭所有窗口,返回到 Dreamweaver 的“数据源名称”对话框。
- 连接名称: 起一个连接名,如
- 测试 按钮:点击 “测试”,如果一切顺利,会弹出“成功创建连接脚本”的提示。
- 点击 “确定” 保存连接。
您的“数据库”面板应该会展开,显示您创建的 products 表和它的字段。
第五部分:创建动态页面并显示数据
- 在 Dreamweaver 中,新建一个文件,保存为
index.asp(如果使用 PHP,则保存为index.php),并将其放在您的网站根目录下。 - 切换到 “绑定” 面板(窗口 > 绑定)。
- 点击面板左下角的 号,选择 “记录集(查询)”。
- 在“记录集”对话框中:
- 名称: 起一个记录集名,如
rsProducts。 - 连接: 选择我们之前创建的连接名
connProducts。 - 表格: 选择
products。 - 列: 选择 “全部”。
- 筛选: 暂时留空。
- 排序: 暂时留空。
- 点击 “测试” 按钮,应该能看到一个包含您数据库中数据的表格。
- 名称: 起一个记录集名,如
- 点击 “确定”。
rsProducts 记录集已经出现在您的“绑定”面板中,我们将它插入到页面中。
- 在
index.asp的设计视图中,输入一个标题,产品列表”。 - 将光标放在标题下方,点击 “插入” > “数据对象” > “动态数据” > “动态表格”。
- 在“动态表格”对话框中:
- 记录集: 选择
rsProducts。 - 显示: 设置每页显示多少条记录,10。
- 表格样式: 选择一个您喜欢的样式。
- 边框: 可以设置为 1 或 0。
- 记录集: 选择
- 点击 “确定”。
Dreamweaver 会自动生成一个 HTML 表格,并插入 ASP 代码来循环显示 rsProducts 中的每一条记录。

第六部分:预览您的页面
- 确保您的本地服务器(如 WampServer)已经启动,Apache 和 PHP 服务正在运行。
- 在 Dreamweaver 中,按 F12 键,或者点击工具栏上的 “在浏览器中预览” 按钮。
- 浏览器应该会打开
http://localhost/your_site/index.asp,并显示您从 Access 数据库中读取的产品数据。
如果页面正常显示,恭喜您!您已经成功使用 Dreamweaver 连接并显示了 Access 数据库中的内容。
常见问题与排错
- **错误:
