当前位置: 首页 > >

用Dreamweaver实现ASP数据库动态网站建设11

发布时间:

用 Dreamweaver 实现 ASP 数据库动态网站建设
Macromedia Dreamweaver MX 是一款专业的 HTML 编辑器,用于对 Web 站点、Web 页 和 Web 应用程序进行设计、编码和开发。无论您愿意享受手工编写 HTML 代码时的驾驭感 还是偏爱在可视化编辑环境中工作, Dreamweaver 都会为您提供有用的工具, 使您拥有更加 完美的 Web 创作体验。 Dreamweaver 使您可以使用服务器技术(例如 CFML、 ASP.NET、 ASP、 JSP 和 PHP)生成由动态数据库支持的 Web 应用程序。 本章节内容主要从建立 ASP 运行环境(安装、配置 IIS)、建立站点、怎样建立数据库、 Dreamweaver 与数据库的连接(使用 DSN 连接数据库)、显示数据库记录、插入数据库记录、 修改数据库记录和删除数据库记录等等内容, 以实现 ASP 动态网站的全部设计过程, 希望能 给你对建立 ASP 动态网站有所帮助。 系统软件要求 本教程将运行在 Windows XP 操作系统上,由 IIS Web 服务器和 Access 2003 数据库建 立 Web 站点,通过 Dreamweaver MX 2004+ASP 技术开发动态页面的技术。

表 软件环境列表 软 件 Windows XP IIS 5.0 Access 2003 Dreamweaver MX 2004 应 用 操作系统 Web 服务器 数据库 动态页面设计

Windows XP 的 Internet 信息服务 (IIS) 给 Windows 带来 Web 计算的强大功能。IIS 是创建和开发动态网站解决方案的安全*台。 运行环境(安装、 一、 建立 ASP 运行环境(安装、配置 IIS) (一)、安装 IIS 在 Windows XP(专业版)上将 Windows XP 安装光盘放入光驱,点击开始—>设置—>控制 面版—>添加或删除程序—>添加或删除 windows 组件—>在 internet 信息服务(IIS)项前面 打钩,单击下一步进行安装,直至完成 internet 信息服务(IIS)的安装。如图所示:

安装 IIS (二)、配置 IIS 点击开始—>设置—>控制面版—>管理工具—>internet 信息服务(IIS), 在弹出的窗口 单击本地计算机、网站,在默认网站单击鼠标右键, 在弹出的窗口选择主目录、 在本地面路径选择浏览按钮, 选择你建立的网站目录(如: E: \我的网站),选择文档项,按添加按钮,添加 index.asp 文档完成 IIS 的配置。

配置 IIS 二、建立站点 Macromedia Dreamweaver MX 是一个站点创建和管理工具,使用它不仅可以创建单独的 文档,还可以创建完整的 Web 站点。 站点的定义 开始使用 Dreamweaver MX 2004 来创建数据库网站的第一件事,就是定义网站,必须告 诉 Dreamweaver MX 2004 网站根目录在哪里,以及服务器位置、类型等相关信息。 启动 Dreamweaver MX 2004 后,从主菜单选择站点/管理站点/新建…定义一个新站点。 在弹出菜单中的本地信息栏--站点名称中输入“我的网站”, 本地根文件夹中选择“E: \我的网站”, HTTP 地址项填写: 在 “HTTP: \127.0.0.1\”其余各项保持不变。 在“分类” 处选择“测试服务器”,在服务器模型处选择“ASP VBScript”,“访问”处选择“本地/ 网络”,单击确定完成站点的定义。 这时网站管理窗口中就可以看到网站根目录的中文件了。

建立站点 三、怎样建立 Access 数据库 本系统使用的是 Access 2003 创建了一个名为 db1.mdb 的数据库。系统对数据的读取, 存储都是对该数据库进行操作。 在 Access 2003 数据库中,所有的数据存储都是围绕表进行的,数据不会存储在数据库 的其他位置。虽然可以有许多方法访问数据,但是它们全部来自表。可以说,表示一个数据 库的灵魂。 执 行 开 始 -> 程 序 ->Mccrosoft Office -> Mccrosoft Office Access 2003( 安 装 Mccrosoft Office 2003 时,把 Office Access 2003 也打钩进行安装) ,执行文件->新建, 在弹出窗口右边选择空数据库,文件名保持默认,单击按钮,从弹出窗口选择“使用设计器 创建表”,填写相应的字段,具体如下表所示:
字段名称 数据类型 字段大小 ID 姓名 性别 年龄 自动编号 文本 文本 数字 20 30 10

录入时间 日期/时间 住址 文本 50

完成字段名称等录入后,选择 ID 为主键,数据表名称保留默认“表 1”,将其保存在 “E:\我的网站”目录下完成数据库的建立。如图所示:

创建 access 数据库 与数据库的连接( 连接数据库) 四、Dreamweaver 与数据库的连接(使用 DSN 连接数据库) 如果打算在网络应用程序中使用数据库, 就需要创建至少一个数据库连接。 没有数据库 连接的话,应用程序将不知道在什么地方找到数据库或者如何与数据库连接。在 Dreamweaver MX 2004 中创建数据库连接时,为应用程序提供了与数据库建立联系的信息或 参数。 1 DSN 定义 (1) 在控制面板中,双击管理工具,双击 ODBC 数据库源图标,出现 ODBC 数据源管理器 窗口,选择系统 DSN 标记。 (2) 单击“添加“,接着选择数据库驱动程序,本系统使用 Access 数据库,所以 Microsoft Access Driver(*.mdb),单击“完成“按钮。

(3) 出现 ODBC Microsoft Access 安装窗口,在数据源名一栏给连接取个名字 conn, 说明一栏不是必填项。 (4) 单击窗口中“选择“按钮, 找到数据库的所在路径(“E: \我的网站”)并选中相应 数据库文件,选中 db1.mdb,此时 ODBC Access 安装窗口中数据库一栏就会出现刚才选定的 数据库文件,如图所示。

ODBC 连接 2 DSN 连接 建立了数据库名(DSN)之后,就可以创建网络应用程序和数据库之间的 ODBC 连接,DSN 被定义后,就能用它来调用各种参数了。 (1) 启动 Dreamweaver MX 2004,打开已经定义好的站点“我的网站”,在站点-我的 网站窗口中点击鼠标右键,点新击建文件,文件名改为 index.asp,双击文件 index.asp 使 其处于编辑状态。 (2) 单击“窗口”中的“数据库”,从“数据库”菜单中。在窗口中点击“+”,选择 数据源名称,从弹出窗口“连接名称”一栏键入连接的名字 conn;在数据源名称(DSN)一栏 从下拉菜单中挑选数据库源名 conn;Dreamweaver 连接一栏选择使用本地 DSN 即可。 如下图:

DSN 连接 五、制作显示数据库记录页 (1)、 双击 index.asp 文件, 使其处于编辑状态, 选择应用程序的“绑定”, 点击“+”, à 记录集(查询);在弹出的记录集窗口“名称”填写 Rs, 连接选择 conn, 表格选择“表 1”, “列”选择全部,单击确定完成记录集的绑定。如下图;

数据库记录集 (2)、在 index.asp 编辑状态下,插入 2 行七列的表格,并使其居中,在上一行的七个 空格中加入数据表中的内容标签, 然后将记录集的各字段拖入下一行对应的空格中, 在表格 上方输入数据库总记录数 X 条、目前为第 X 条数据,并将记录集中的总记录数,第一条记录 拖入对应的字中,并使其居中。如下图所示:

加入内容标签 (3)、选中第二行的全部表格,点击服务器行为,点击“+”选择重复区域,保持默认状 态,点击确定完成重复显示区的设计。 (4)、 点击菜单“插入”, 选择“应用程序对象”->记录集分页->记录集导航条,在弹出 窗口(保持默认值)点击确定。如图所示:

记录集导航条 六、制作添加数据记录页 新建一网页,命名为 add.asp,并使其处于编辑状态,点击菜单“插入”,选择“应用 程序对象”->插入记录->插入记录表单向导,在弹出窗口“连接”项选择 conn,“插入到 表”选择“表 1”, “插入后转到”填写 a.asp(提交成功显示网页, 将在下一步建立),删除 不需要的字段(ID),然后点击确定按钮完成页面的制作。

插入记录表单

记录表单 建立新的一页,保存为 a.asp,并在页面上填写“添加数据成功!”完成页面设计。 七、制作修改数据记录页 打开 index.asp 文件, 使其处于编辑状态, 把鼠标定位在第一行, 点击拆分单元格图标, 如下图:

表格属性

拆分表格 将列拆分为 2 列。第二行用同样方式拆分为二列,在最后一列填写“修改”字符,全选 “修改”,使其被选定,选择服务器行为—>“+”,转到详细页面,从弹出菜单中,详细页 填写 edit.asp,其它保持不变完成页面设置。

转到详细页面 创建 edit.asp 新页, 用上述同样的方法为其绑定一个名为 Rs 的记录集(筛选项选择 ID, 其它保持默认值)。点击菜单“插入”,选择“应用程序对象”->更新记录->更新记录表单 向导,在弹出窗口“连接”项选择 conn,“要更新表格”选择“表 1”,“选取记录是”处 选择 Rs,唯一键列选择 ID,“更新后转到”填写 index.asp (修改显示网页,将在下一步建 立),删除不需要的字段(ID),然后点击确定按钮完成页面的制作(其余为默认值)。如下图所 示:

更新记录表单




友情链接: 高中资料网 职业教育网 成人教育网 理学 大学工学资料