贝博恩创新科技网

Dreamweaver如何连接Access数据库?

重要前提与说明

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

Dreamweaver如何连接Access数据库?-图1
(图片来源网络,侵删)
  1. Access 数据库已过时:对于任何新的、严肃的网站项目,强烈建议不要使用 Microsoft Access 作为数据库,它存在性能瓶颈、并发访问限制(容易损坏)、安全性和可扩展性差等问题。
  2. Dreamweaver 的服务器行为:本教程的核心是 Dreamweaver 的“服务器行为”(Server Behaviors),这是其动态网页开发的核心功能,自 Dreamweaver CC 2025 版本起,Adobe 已经移除了所有服务器行为功能,本教程主要适用于 Dreamweaver CS6 及更早版本
  3. 现代替代方案:现代 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 表格中。

第一部分:环境准备

在开始之前,请确保您的计算机上已安装并配置好以下软件:

  1. Dreamweaver: 您需要的是支持服务器行为的版本,如 Dreamweaver CS6 或更早版本。
  2. Web 服务器: Dreamweaver 需要一个本地服务器来解析和执行服务器端代码(如 ASP, PHP)。
    • Windows 用户: 最简单的方式是安装 WampServerXAMPP,这些软件包集成了 Apache (Web服务器)、MySQL (数据库,虽然我们不用它) 和 PHP。注意: WampServer/XAMPP 主要用于 PHP 环境,如果您想使用 ASP,需要安装 IIS (Internet Information Services)。
    • Mac 用户: 可以安装 MAMP
  3. Microsoft Access: 用于创建和编辑数据库文件。
  4. 浏览器: 如 Chrome, Firefox 等。

第二部分:创建 Access 数据库

  1. 打开 Microsoft Access。
  2. 选择 “空白数据库”
  3. 创建一个新表,设计如下字段:
字段名称 数据类型 说明
ID 自动编号 主键
ProductName 文本 产品名称
Price 数字 价格
Stock 数字 库存
  1. 保存数据库,文件名设为 products.accdb,并保存在您的网站根目录下的一个文件夹中,database 文件夹里,所以完整路径是 C:/wamp/www/your_site/database/products.accdb

第三部分:在 Dreamweaver 中定义站点

这是最关键的一步,它告诉 Dreamweaver 您的网站文件在哪里,以及如何连接到服务器。

Dreamweaver如何连接Access数据库?-图2
(图片来源网络,侵删)
  1. 打开 Dreamweaver,选择 “站点” > “新建站点”
  2. 在弹出的窗口中,切换到 “高级设置” 选项卡。
  3. 本地信息
    • 站点名称: 为您的站点起一个名字,如 "My ASP Site"。
    • 本地站点文件夹: 选择您的网站根目录,C:/wamp/www/your_site
  4. 服务器
    • 点击 号,添加一个新服务器。
    • 基本设置
      • 服务器名称: 起个名字,如 "Local Wamp Server"。
      • 连接方法: 选择 “本地/网络”
      • Web URL: 输入您网站的本地访问地址,http://localhost/your_site/
    • 服务器模型
      • 服务器技术: 选择您要使用的服务器技术。如果您使用 WampServer (PHP),请选择 “PHP MySQL”,如果您使用 IIS (ASP),请选择 “ASP VBScript”。 本教程将以 ASP VBScript 为例。
    • 测试
      • 点击 “测试” 按钮,如果配置成功,会提示“您已成功连接到您的测试服务器”。
  5. 保存 站点设置。

第四部分:创建数据库连接

我们将 Dreamweaver 连接到我们刚刚创建的 Access 数据库。

  1. 在 Dreamweaver 中,打开 “数据库” 面板(如果看不到,可以通过 “窗口” > “数据库” 打开)。
  2. 点击面板左下角的 号,选择 “数据源名称 (DSN)”
  3. 在弹出的对话框中:
    • 连接名称: 起一个连接名,如 connProducts,这个名字会在 Dreamweaver 中使用。
    • 数据源名称 (DSN): 这是关键,点击旁边的 “建立” 按钮。
    • 系统会弹出“ODBC 数据源管理器”,切换到 “系统 DSN” 选项卡,点击 “添加”
    • 在列表中找到 “Microsoft Access Driver (.mdb, .accdb)”,点击 “完成”
    • 数据源名称: 输入一个系统级的名称,myAccessDB
    • 数据库: 点击 “选择” 按钮,然后浏览并选择您之前保存的 C:/wamp/www/your_site/database/products.accdb 文件。
    • 点击 “确定” 关闭所有窗口,返回到 Dreamweaver 的“数据源名称”对话框。
  4. 测试 按钮:点击 “测试”,如果一切顺利,会弹出“成功创建连接脚本”的提示。
  5. 点击 “确定” 保存连接。

您的“数据库”面板应该会展开,显示您创建的 products 表和它的字段。


第五部分:创建动态页面并显示数据

  1. 在 Dreamweaver 中,新建一个文件,保存为 index.asp(如果使用 PHP,则保存为 index.php),并将其放在您的网站根目录下。
  2. 切换到 “绑定” 面板(窗口 > 绑定)。
  3. 点击面板左下角的 号,选择 “记录集(查询)”
  4. 在“记录集”对话框中:
    • 名称: 起一个记录集名,如 rsProducts
    • 连接: 选择我们之前创建的连接名 connProducts
    • 表格: 选择 products
    • : 选择 “全部”
    • 筛选: 暂时留空。
    • 排序: 暂时留空。
    • 点击 “测试” 按钮,应该能看到一个包含您数据库中数据的表格。
  5. 点击 “确定”

rsProducts 记录集已经出现在您的“绑定”面板中,我们将它插入到页面中。

  1. index.asp 的设计视图中,输入一个标题,产品列表”。
  2. 将光标放在标题下方,点击 “插入” > “数据对象” > “动态数据” > “动态表格”
  3. 在“动态表格”对话框中:
    • 记录集: 选择 rsProducts
    • 显示: 设置每页显示多少条记录,10。
    • 表格样式: 选择一个您喜欢的样式。
    • 边框: 可以设置为 1 或 0。
  4. 点击 “确定”

Dreamweaver 会自动生成一个 HTML 表格,并插入 ASP 代码来循环显示 rsProducts 中的每一条记录。

Dreamweaver如何连接Access数据库?-图3
(图片来源网络,侵删)

第六部分:预览您的页面

  1. 确保您的本地服务器(如 WampServer)已经启动,Apache 和 PHP 服务正在运行。
  2. 在 Dreamweaver 中,按 F12 键,或者点击工具栏上的 “在浏览器中预览” 按钮。
  3. 浏览器应该会打开 http://localhost/your_site/index.asp,并显示您从 Access 数据库中读取的产品数据。

如果页面正常显示,恭喜您!您已经成功使用 Dreamweaver 连接并显示了 Access 数据库中的内容。


常见问题与排错

  • **错误:
分享:
扫描分享到社交APP
上一篇
下一篇