制作网络留言板

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