留言本的制作.docVIP

PAGE PAGE 21 简单留言簿的制作 通过对本例的学习，应掌握如何使用Microsoft office Access来创建数据库，如何使用Dreamweaver创建数据库连接及如何使用Dreamweaver制作相对完整的博客网站。 操作下列任务前，先安装IIS，IIS是一种web（网页）服务组件，具体安装步骤见上一节练习。 ① ①ISS服务器的安装及设置 ②创建一个与IIS路径一致的站点 ②创建一个与IIS路径一致的站点 ③新建一个数据库(ACCSEE) ③新建一个数据库(ACCSEE) ④ ④连接数据库 (对用户DNS和系统DNS进行了设置 ⑤ ⑤设计制作ASP首页 ⑥ ⑥让ASP首页与数据库进行绑定 (添加记录集) ⑦ ⑦插入记录 (将动态区全部选中,设置显示页) ⑧ ⑧设计制作记录显示页 (项目要与添加的数据库内容对应) ⑨ ⑨添加其他功能 (如:重复区的设置 记录集导航条的添加) ⑩ ⑩测试完成 一、在Dreamweaver中定义网站 方法一：基本设置 0000 00 00 【注意】：必须进行“URL” 测试，并且要测试成功，否则数据库无法加载 另外，浏览网站方式的设置要与IIS的设置保持一致，否则无法预览网页！ 方法二：高级设置 （基本上是浏览，不用设置） 二、利用ACCESS来创建数据库，并在DW中对数据库进行连接 1、新建ACCESS数据库，命名为：liuyan.mdb 保存为：liuyan.mdb 使用设计器创建表，来设计新的数据库。 在上表中录入以下字段；注意日期时间的属性要设置为“now()”，这样的设置的话，留言后，会显示当前的时间；效果见下图。 字段名称 数据类型 备注 字段含义 ID 自动编号 自动编号 Title 文本 留言标题 Content 备注 留言内容 Post_name 文本 留言人 Mode 文本 头像 Post_time 日期/时间 Now() 留言时间 最后保存该数据库文件。 2、利用Dreamweaver，在WWW站点内，新建一个动态页index.asp。 3、数据库的连接： 方法一：ODBE连接数据库（即：数据源名称DSN） （1）选择【应用程序面板】→【数据库】，打开数据库面板。 【注意】此项操作前，一定保证数据库面板中的站点、文档类型、测试服务器都处于选中状态，即前面有“√”，表示这3项已经建立成功。否则后面的操作将无法完成。 （2）点击添加按钮，选择数据源名称（DSN），弹出数据源名称（DSN）对话框。单击面板上的“定义”按钮。 （3）弹出【ODBC数据源管理器】对话框。切换至【用户DSN】选项卡，单击添加按钮。 （4）弹出“创建新数据源”对话框，选择“Driver do Microsoft Access”。 （5）点击“完成”，弹出“ODBC Microsoft Access 安装”对话框，单击选择。 （6）弹出“选择数据库”对话框，选择利用ACCESS创建的数据库文件：linyan.mdb，单击“确定”。对数据源名称命名为：ASP；说明：ASP，单击“确定”。 （7）前面是对用户DSN进行设置，下面对系统DSN进行设置，方法相同。 （8）到此对“用户DSN和系统DSN”设置完毕，记得要对其进行测试，测试成功才能进行下一步操作。 （9）点击确定以后，此时“数据库”面板应如下图所示。 方法二：OLE DB连接数据库 （1）先在站点文件夹创建一个文本文件，重命名为：liuyan.udl, （2）双击liuyan.udl,打开‘数据链接属性’对话框，设置相关参数。 （3）然后再用记事本打开liuyan.udl 复制红色框内的一组代码，它是数据库调用的代码。 （4）打开DW窗口，选择【应用程序面板】→【数据库】，打开数据库面板。 【注意】此项操作前，一定保证数据库面板中的站点、文档类型、测试服务器都处于“击活”状态，即前面有“√”，表示这3项已经建立成功。否则后面的操作将无法完成。 （5）将刚才复制的一段代码复制至“连接字符串”中 数据库连接成功后的效果图。 三、创建动态网页 1、在index.asp页面编辑区，新建一个表单，具体操作步骤如下 。 在编辑区插入一个1行1列的表格，表格宽度为1005，并将表格设置为居中对齐，图片Back-1.jpg设置为该表格的背景。 在该表格中，再插入一个3行1列的表格，表格宽度为800，并将表格设置为居中对齐，图片Back-2.jpg、top.jpg、bottom.jpg设置为该表格3个单元格的背景。 在第二次插入的表格中，先插入一个表单域（否则数据显示页无法显示），再插入一个7行2列的表格，表格宽度为750，表格设置为居中对齐，并录入相关信息。 【注意】 表格必须在表单域