网页设计演讲教程.ppt

2．创建留言板用户信息表 （2）设置用户信息数据表的主键字段。 （3）设置字段属性。 用户信息数据表设计完成以后，关闭表设计器窗口，可以看到数据库设计窗口中多了一个名字为yonghu的数据表，如下图所示。 第二十九页，共七十四页。 3．创建管理员信息数据表 创建一个用来存储和管理留言板管理员的信息的数据表，名字为_guest，创建结果如下图所示。 第三十页，共七十四页。 最终的数据库设计窗口如下图所示。 第三十一页，共七十四页。 8.5　留言板的逐步实现 8.5.1　创建数据库链接 8.5.2　留言板主页面的动态效果 8.5.3　创建用户留言页面 8.5.4　在留言板主页面实现留言记录导航 第三十二页，共七十四页。 8.5.1　创建数据库链接 1．定义系统DSN （数据源名称） 2．通过DSN实现连接 第三十三页，共七十四页。 1．定义系统DSN （数据源名称） （1）打开【控制面板】，双击其中的【管理工具】图标，在转换到的【管理工具】窗口中可以看到一个【数据源（ODBC）】图标。 （2）双击【数据源（ODBC）】图标，打开【ODBC数据源管理器】对话框，切换到【系统DSN】选项卡，如图所示。 第三十四页，共七十四页。 1．定义系统DSN （数据源名称） （3）添加一个新的系统DSN名称。单击【添加】按钮，弹出【创建新数据源】对话框，在其中选择“Driver do Microsoft Access(*.mdb)”项，如图所示。 第三十五页，共七十四页。 1．定义系统DSN （数据源名称） （4）单击【完成】按钮以后，弹出【ODBC Microsoft Access安装】对话框，在其中定义数据源名并选取数据库文件。设置后如右图所示。 第三十六页，共七十四页。 1．定义系统DSN （数据源名称） （5）单击【确定】按钮，完成数据库的选择，这时的【ODBC Microsoft Access安装】对话框如下图所示。 （6）经过上面步骤的操作以后，在上图所示的对话框中就会显示一个新定义的数据源名称。 第三十七页，共七十四页。 2．通过DSN实现连接 打开留言板站点的主页面文档（main.asp）。在【应用程序】面板中的【数据库】面板下单击加号按钮，在弹出的下拉菜单中单击【数据源名称】项，如图所示。 第三十八页，共七十四页。 2．通过DSN实现连接 在【数据源名称】对话框的【连接名称】文本框中输入数据源连接名称，在【数据源名称】下拉列表中选择名字为“liuyanban”的DSN，其他参数保持默认值，如图所示。 第三十九页，共七十四页。 2．通过DSN实现连接 单击【确定】以后，【数据库】面板就会出现新定义的连接名称，单击它前面的加号按钮展开，可以看到留言板数据库中的两个表，如图所示。这时就完成数据库和留言板站点的连接了，连接名是liuyb。 第四十页，共七十四页。 8.5.2　留言板主页面的动态效果 1．在【绑定】面板中定义记录集 2．将记录集中数据绑定到表格域 第四十一页，共七十四页。 1．在【绑定】面板中定义记录集 在Dreamweaver中打开留言板站点主页面（main.asp）。打开【绑定】面板，单击加号按钮，在弹出的下拉菜单中执行【记录集（查询）】命令，如图所示。 第四十二页，共七十四页。 1．在【绑定】面板中定义记录集 在弹出的【记录集】对话框中，定义记录集【名称】为i、选择数据库【连接】名为liuyb、选择数据库中的【表格】为yonghu、选择表中的字段（域）、定义记录排序的方法等，如图所示。 第四十三页，共七十四页。 1．在【绑定】面板中定义记录集 按照前面的步骤操作完成以后，在【绑定】面板中就会出现新定义的记录集，单击它前面的加号按钮，可以展开记录集，如图所示。 第四十四页，共七十四页。 2．将记录集中数据绑定到表格域 （1）重新编辑留言板主页面。对留言板主页面（main.asp）中的表格重新编辑，并删除单元格中的一些文字和图片，如图所示。 第四十五页，共七十四页。 2．将记录集中数据绑定到表格域 （2）将记录集中的数据域（字段）绑定到表格相应的单元格中。打开【绑定】面板，展开记录集。用鼠标将记录集中的y_name字段拖放到页面表格的左上角中，用同样的方法将其他数据域（字段）拖动到相应的单元格中，结果如图所示。 第四十六页，共七十四页。 8.5.3　创建用户留言页面 1．添加表单并布局表格 2．添加表单域 3．定义提交按钮的服务器行为 4．在【行为】面板定义表单提交的错误检查 第四十七页，共七十四页。 1．添加表单并布局表格 新建一个动态页面，并将其保存为“write.asp”，它就是用户留言页面。在【表单】工具栏中单击【表单】按钮，插入一个表单。然后在表单中插入一个表格，表格布局如图所示。 第四十八页，共