你留言了吗(下)——轻松学做留言本
网络通信
上期我们主要讲了制作留言本的一些前期工作,首先要配置好IIS,然后建立数据库、定义站点、连接数据库。接下来我们就要开始进行最后一步重要的工序──页面的制作。
根据要求,需要做如下几个页面:
index.asp:留言本首页,显示留言内容。
new.asp:发布新留言页面。
find.asp:查找留言内容页面。
login.asp:管理页面。
reply.asp:回复留言页面。
edit.asp:编辑留言页面。
dele.asp:删除留言页面。
提示:新建每个页面,需要注意类别选择“动态页面”,动态页面我们选择VBScript做脚本。
一、新建index.asp
为了方便描述,在这里新建的是一个非常简易的网页,如果大家有兴趣,可根据自己的要求对网页进行进一步的修饰、美化。
新建一个页面,将该页面取名为index.asp。其中为发表话题、浏览内容、查找内容、管理页面分别加上相应的链接:new.asp、index.asp、find.asp、login.asp。
二、首页的制定
回到index.asp页面的编辑状态,框选“用户发表于时间”这句话中的“用户”两字,将鼠标移至右侧面板上“绑定”标签下“记录集”中的“user_name”字段上,选择“插入”按钮。用同样的方法实现“话题内容”、“回复内容”、“用户发表于时间”的“时间”与记录集中相关字段的绑定,其中在“mydate”字段右侧出现倒三角标志的下拉列表中将格式选为“日期/时间”(图1)。
选择页面上的“首页”两字,将鼠标移至右侧面板上的“服务器行为”标签,依次点击“+→记录集分页→移至第一条记录”,按“确定”后就可实现将指针移至第一条记录。
用同样的方法给“上页”、“下页”、“尾页”添加相应的服务器行为。为了能够在今后显示多条记录,我们要在网页里框选需要重复的区域,而后在“服务器行为”面板中打开“+”,选择“重复区域”这一栏,再根据自己的要求选择显示的记录数。这样就完成了index.asp页面的制作(图2)。
三、发表话题页面的制作
新建一个动态页面,另存为new.asp。打开Dreamweaver软件主菜单中的“插入→应用程序对象→插入记录→插入记录表单向导”,在出现的对话框中进行相应的选择,在“连接”中我们选择刚才创建的记录集,“插入到表格”选择表“Normal11”,插入后转到首页index.asp,分别将“Content”这个字段的显示修改为文本区域,同时可将标签名改为汉字,这样更能方便想留言的朋友。根据需要点击“-”号可以将不想出现的字段去除,最后按“确定”按钮完成留言表单的制作。
四、查找页面的制作
新建一个find.asp页面。依次打开“插入→表单”在页面中插入一个表单,在表单属性中的“动作”一栏中,选择我们将要显示查找内容的页面“disp.asp”;“方法”一栏选“POST”(图3);然后在表单中依次点击“插入→表单→文本域”插入一个文本框,在属性中将文本域任意取一个名字,在此我们取为“find”;最后在表单中建立一个“提交”按钮。
新建一个记录集。因为我们所要查找的是主题内容,所以在记录集中将条件“筛选”选择为“Content”这个字段,“包含”传递过来的表单变量“find”,而find变量就是find.asp里文本域的名字(图4)。在新建的页面中插入一个表单,在表单中建立内容,将记录集的数据与内容进行绑定。这样就完成了disp.asp的制作。
五、管理页的制作
新建一个名称为login.asp的登录网页,插入一个表单,在表单中分别建立两个文本域,插入“提交”、“重置”按钮。在右侧面板上依次打开“服务器行为→+→用户身份验证→登录用户”,出现“登录用户”对话框(图5),如图进行相关配置。注意还应在Access数据库中的Admin表中添加相关数据。
我们所做的管理页面还应具备回复、编辑、删除等有管理权限的命令。在“回复”上添加一个链接,因为回复是对每个不同的话题进行回复,所以就要根据不同的ID进行判断,框选“回复”这两个字,然后点击属性面板中链接右侧的文件夹,出现“选择文件”对话框,我们点选“数据源”前的单选按钮,选取记录集中“ID”,看到URL出现一串字符(图6),点击“确定”回到编辑页面状态下,在“回复话题”的属性栏里为字符串前面加上“reply.asp?id=”(不含双引号)。用同样的方法完成“编辑”、“删除”链接。
新建一个动态页面,另存为reply.asp。而后在Dreamweaver里定义一个新记录集,与前面不同的是将筛选选择为“ID”。打开主菜单依次点击“插入→应用程序对象→更新记录→更新记录表单向导”,在出现的对话框中进行相应的选择,注意要将主键值设为“ID”。
编辑页面(edit.asp)、删除页面(dele.asp)的制作与回复页面的制作方法类似,只须注意在“应用程序对象”下选择相应的选项就可以了。
由于不希望管理权限的页面被别人通过某些特定的方式打开,所以必须给它们都加上页面保护功能。依次打开“服务器行为→+→用户身份验证→限制对页的访问”,在对话框中进行相应的选择,按“确定”后就可以实现页面保护功能了。
编辑点评 通过这两期的学习,相信朋友们应该能制作出一个自定义界面的留言本了,利用Dreamweaver MX 2004可以实现很多ASP交互网页的功能。有了这些基本技术,我们才能对页面进行更好的美术设计,从而让留言本完美地融入到自己风格的网站中去。





