《制作网络留言板.ppt》由会员分享，可在线阅读，更多相关《制作网络留言板.ppt（28页珍藏版）》请在三一办公上搜索。
1、1,四川烹专信息技术系黄康继,制作网络留言板,2,创建Access数据库,打开Access 2003后单击“新建”按钮，在右边窗格中选择“空数据库”，在弹出的对话框中将数据库名字设置为“message”，并保存在站点的data文件夹中。保存好数据库后将弹出对话框，在其中双击“使用设计器创建表”，从其弹出对话框中设置数据库的字段。,3,数据库字段的设置,打开的对话框分为两个部分：上半部分为表设计器，下半部分用来定义表中字段的属性（数据库的字段名最好不要用中文，尽量使用易记的字母）。这里设置id（序号）、author（姓名）、subject（主题）、datetime（日期时间）、email（邮箱地
2、址）和content（内容）。,4,设置主键,在第一行的“字段名称”中输入“id”，“数据类型”中选择“自动编号”。然后指着第一行单击右键，在弹出菜单中选择“主键”（旁边就出现一个钥匙图标）若要取消主键，只需再单击鼠标右键，选择菜单中的“主键”，这时字段前面的钥匙图标即会消失。,5,数据类型的选择,在表中，“姓名、标题、邮箱地址”的数据类型均为“文本”，因一般都不会超过50个字符，所以采用系统默认的50。“内容”的数据类型设为“备注”。“留言时间”的数据类型为“日期/时间”，在默认值一栏的右边输入“=Now()”即可在添加数据时，数据库系统自动以服务器当前时间作为字段的值。,6,message
3、表结构,7,保存设置,设置好各字段后单击“保存”按钮，将弹出“另存为”对话框，在对话框中将表命名为“message”，最后点“确定”（若在前面未设置主键，此时会弹出对话框提示）。设置好后，在“对象”的“表”里就会出现一个名为“message”的表，双击即可打开此表，接下来可在表中输入一些原始数据。,8,创建数据表admin,按照同样的方法在message中创建第二张表：admin（存放管理员帐号和密码）。在admin表中设置3个字段：id（管理员编号类型为自动编号）admin（帐号类型为文本）password（密码类型为文本）,9,admin表结构,10,数据表admin中添加记录,11,选择
4、数据源,打开控制面板，点击“管理工具”，选择其中的“数据源”，随即打开“ODBC数据源管理器”。选择其中的“系统DSN”项，然后单击右边的“添加”按钮，则打开“创建新数据源”对话框，选择其中的“Microsoft Access Drive（*.mdb）”，单击“完成”后将弹出“ODBC Microsoft Access安装”对话框，点击“选择”按钮选择已有的数据库，并在“数据源名”右边文本框中输入“dsn”即可。,12,Dw中定义动态站点,开启Dreamweaver后选择“高级”模式：“本地信息”的“站点名称”中输入：lyb“测试服务器”的“服务器模型”中选择：ASP VBScript“访问”
5、一栏中选择：本地/网络“测试服务器文件夹”选择：E:lyb其他选项保持默认值 最后单击“确定”完成站点定义。,13,建立数据源连接,在站点中新建一空白网页文件list.asp，并双击打开它。在右边面板中点开数据库窗格，单击“+”按钮，在其下拉列表中选择“数据源名称（DSN）”，在弹出对话框的“连接名称”中输入“coon”，在“数据源名称（DSN）”的下拉中选择“dsn”。在“Dreamweaver 应连接”的选项中选择“使用本地DSN”。,14,数据源的测试,设置完成后可单击右边的“测试”按钮，如果成功将弹出“成功创建连接脚本”信息框，单击“确定”完成。此时在数据库管理窗口中会出现名为“coo
6、n”的连接接下来还得在网页和数据库间建立一座桥梁“记录集”,15,创建记录集,在“应用程序”面板中选择“绑定”标签，单击添加按钮后在下拉列表中选择“记录集”（“简单”界面），然后在“连接”一栏中选择“coon”，“名称”框中输入“rs”。在“列”的单选按钮中选择“选定的”项，然后从字段列表中选择id、subject、author、datetime，在“排序”栏中选择“datetime”并按“降序”排列。最后单击“测试”按钮，如果成功将弹出一个数据表。单击面板中的“+”可将数据集展开。,16,显示数据记录,在list.asp页面中插入一个2行3列、宽为600像素的表格，并在第一行的各个单元格中分
7、别输入：主题、留言者、发表时间。将“绑定”窗口中的三个字段用左键拖到与它们对应表格的第二行单元格中。在表格的下面输入“现在显示的是第-第 条记录，共有 条记录”，并将“绑定”窗口的后三个字段分别拖到上面的三个空格中。,17,多个数据记录显示,按下F12只能预览到数据库中的第一组数据。要显示多组数据，可在页面的表格中将第二行选中，然后单击“服务器行为”中的“+”按钮，在下拉列表中选择“重复区域”，最后在弹出对话框的“显示”中选择“所有记录”（也可自定义显示记录数，此处输入5），设置完成后可在第二行的左上角看到“重复”两个字样。,18,分页显示数据记录,当数据库中的记录较多时，可使用分页显示中的记
8、录集导航条：选择“插入数据对象记录集分页记录集导航条”命令，弹出的对话框中可将“显示方式”设为“文本”（文字形式）或“图像”（按钮形式）。单击“确定”后可在页面中看到一个表格，里面有“第一页、前一页、下一页、最后一页”按钮（或是相应的小三角形按钮）。,19,显示完整的记录-1,从显示的字段中选择一项作为查询相对应的完整记录的关键值，当浏览者选择此字段时就会自动链接到一个页面来显示其完整的数据记录。创建一新页面，命名为“show.asp”，并为它绑定记录集rs（“列”中选择“全部”，“筛选”下拉菜单中选择“id”）。插入一个5行2列的表格，并在第一列单元格中分别输入“留言主题、留言者、留言日期、
9、联系信箱、内容”等名称。,20,显示完整的记录-2,将记录集中的字段分别拖到表格的对应单元格中。回到list.asp页面，选中 rs.subject字段，在“服务器行为”中选择“转到详细页面”，弹出对话框中“详细信息页”浏览到“show.asp”，“传递URL参数”框中输入“id”，“列”右边文本框中选择“id”，其它按默认值。按F12在浏览器中预览list.asp，可看到所有的“subject”值都被加上了链接，点击其中任一个都将打开相应页面。,21,添加记录页的制作-1,新建insert.asp页面，插入一个表单，在其中绘制一个4行2列的表格，左列中输入名称字符（留言主题、留言者、联系信箱
10、、留言内容），右列中插入表单对象（命名与域相应字段名相同，则表单中的内容添加到数据表中时会自动配对）。表格下面添加“提交”与“重置”按钮后，选定前者设置一个验证表单的动作（行为列表中选择“检查表单”），设置subject和author文本域的验证条件“值”为“必需的”（必填），“可接受”为“任何东西”。,22,添加记录页的制作-2,设置email文本域的验证条件“可接受”为“电子邮件地址”，表示必须输入邮箱地址。单击“确定”后在行为面板中设置动作的触发事件为“onClick”（单击按钮后）。打开“服务器行为”面板，单击添加“插入记录”后弹出相应对话框，在其中的“连接”下拉中选择“coon”，在
11、“插入到表格”下拉中选择“message”，在“插入后，转到”文本框中设置跳转到“list.asp”页。,23,后台管理登录页面,新建admin.asp页面，绑定记录集rsa，页面中插入一个表单后再插入一个3行2列的表格，输入名称（用户、密码）并插入两个文本字段和两个按钮。在“服务器行为”中选择“用户身份验证”添加“登录用户”行为，在弹出对话框的“使用连接验证”下拉中选择“coon”，“表格”下拉中选择“admin”，“用户名列”下拉菜单中选择“admin”，“密码列”下拉中选择“password”，“如果登录成功，转到”del.asp，“如果登录失败，转到”admin.asp。,24,制作删
12、除记录页面,将list.asp另存为del.asp后进行修改。在页面的上端输入“单击选择要删除的留言，进入删除页面”。双击“服务器行为”面板中的“转到详细页面”行为，在弹出对话框的“详细信息页”中输入要转到的新页面delok.asp,25,删除成功页面制作-1,新建一动态页面delok.asp，插入一个表单后将show.asp页面的表格复制到其中。在“绑定”面板中添加“记录集”，弹出对话框的“名称”中输入“rs”，“连接”下拉中选择“coon”，“表格”下拉中选择“message”，“列”选项组中选择“全部”，“筛选”栏中设置记录集的过滤条件为“id、=、URL 参数、id”。,26,删除成功
13、页面制作-2,在表格下面插入一个按钮，并将按钮表面文字设置为“删除”。“服务器行为”面板中添加“删除记录”行为弹出对话框的“连接”下拉中选择“coon”，“从表格中删除”下拉中选择“message”，“删除后，转到”文本框中输入“index.html”。,27,制作留言板首页,新建index.html页面，输入网页标题，插入一个2行3列、宽度为600像素的表格，将第一行3个单元格合并后插入相应的图像。选择首页表格的第2行，设置文字居中，三个单元格中依次输入“我要留言”、“查看留言”、“后台管理”，并分别为三段文本设置相应的链接（“我要留言”链接到insert.asp；“查看留言”链接到list.asp；“后台管理”链接到admin.asp）。,28,非DSN的数据连接,若不通过ODBC对话框，要在Dreamweaver的编辑窗口中创建连接，并使用相对路径，则可选择下拉菜单中的第一项“自定义连接字符串”。在弹出的对话框中输入：“Provider=Microsoft.Jet.OLEDB.4.0;Data Source=”&Server.MapPath(“datamessage.mdb”)最后选择“使用测试服务器上的驱动程序”,
