《网页设计与制作教程与实训》全套PPT电子课件教案第9章_数据库与动态数据.ppt

● 9.4数据库配置与ODBC连接 9.4.1创建数据库 （3）在表设计框中输入各个字段。注意在建好第一个ID字段后，单击工具栏中的【主键】按钮，将ID设置为主键值，【数据类型】一栏选择“自动编号”，按照如图所示填好。 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.1创建数据库 （4）单击工具栏中的【保存】按钮保存表单，在弹出的【另存为】对话框指定表名称，如图所示。这样，一个可以记录人员档案的数据库就建好了。 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.2创建数据源 添加ODBC数据源 （1）选择【开始】∣【控制面板】命令打开【控制面板】对话框，双击其中的【管理工具】图标，如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.2创建数据源 添加ODBC数据源 （2）在打开【管理工具】对话框中双击【数据源（ODBC）】图标，如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.2创建数据源 添加ODBC数据源 （3）在打开的【ODBC数据源管理器】对话框中，单击【系统DSN】标签，如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.2创建数据源 添加ODBC数据源 （4）单击【添加】按钮，选择驱动程序Driver do Microsoft Access（*.mdb），添加系统数据源，如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.2创建数据源 添加ODBC数据源 （5）单击【完成】按钮，弹出的【安装】对话框，在【数据源名】文本框中输入数据源的名称；在【说明】文本框中输入数据库相关的说明性文字；然后单击【数据库】域中的【选择】按钮，选择前面创建的数据库，如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.2创建数据源 添加ODBC数据源 （6）单击【确定】按钮，回到【ODBC数据源管理器】对话框，可以看到刚才新建的数据源，如图 （7）单击【确定】按钮，完成数据源的创建。 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.3连接数据库 在Dreamweaver中创建数据库连接的步骤如下： （1）Dreamweaver中，使用【文件】∣【新建】命令打开【新建文档】对话框，按图所示选择建立一个动态网页。比如在【类别】列表中选择【动态页】选项，然后在【动态页】列表框中选择ASP VBScript。 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.3连接数据库 在Dreamweaver中创建数据库连接的步骤如下： （2）单击【创建】按钮，Dreamweaver将创建一个动态网页。选择【窗口】∣【数据库】菜单命令（快捷键为Ctrl+Shift+F10），打开【数据库】面板，如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.3连接数据库 在Dreamweaver中创建数据库连接的步骤如下： （3）单击按钮，从下拉菜单中选择【数据源名称（DSN）】对话框。在【连接名称】文本框中为连接起一个名字，然后从【数据源名称（DSN）】弹出菜单中选择在前面创建的数据源userinfo，如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.3连接数据库 在Dreamweaver中创建数据库连接的步骤如下： （4）单击【测试】按钮，Dreamweaver尝试连接到数据库。如果连接失败，应复查该DSN。如果连接仍失败，应检查Dreamweaver用来处理动态页的文件夹的设置。如果连接成功，会出现如图 第9章 数据库与动态数据 ● 9.4数据库配置与ODBC连接 9.4.3连接数据库 在Dreamweaver中创建数据库连接的步骤如下： （5）单击【确定】按钮，回到【数据源名称（DSN）】对话框，在单击【确定】按钮，完成数据源的连接。此时新连接出现在【数据库】面板上，如图 第9章 数据库与动态数据 ● 9.5创建动态网页 9.5.1创建记录集 （1）在【应用程序】面板中单击【绑定】标签，切换到【绑定】类别；或者选择【窗口】∣【绑定】菜单命令（快捷键为Ctrl +F10）切换到【绑定】类别。单击按钮，从弹出菜单中选择【记录集（查询）】命令，如图 第9章 数据库与动态数据 ● 9.5创建动态网页 9.5.1创建记录集 （2）在弹出的【记录集】对话框中，在【连续】弹出菜单中选择刚才新建的连接testdata；在【表格】弹出菜单中将出现该连接