当前位置: 主页 > 平面设计 > 第九章:后台留言列表页面的创建

第九章:后台留言列表页面的创建

  • 2022-02-28
  • 来源/作者: adobe-dreamweaver.cn    / adobe-dr…    
  • 3 次浏览

程将教大家如何在Dreamweaver CS3中制作后台管理的留言列表页面,会涉及到URL参数的传递等相关知识。
知识重点:学会如何传递URL参数。
相关知识:使用 HTML 链接创建 URL 参数

昨天我们讲到了“设计管理员登陆页面”的功能,既然已经讲到了登陆,那么今天我们就讲后台的留言列表页面,大家在Dreamweaver CS3可以先打开"index.asp"文件。大家有没有发现我们的后台管理主页面和"index.asp"文件几乎完全一样。唯一不同的是后台主页有一个编辑留言和删除留言的链接。如下图:

这是"index.asp"文件的留言内容块

这是后台管理主页。红线框住的就是不同之处。

既然几乎一样那我们就不需要再像制作第七章“显示留言列表页面的制作”一样再次制作一遍了。我们就打开"index.asp"文件直接另存为"admin-list.asp"文件。如下图:

然后我们切换到代码状态在选定出添加下面这段代码:如下图

<dd><a href="">回复该留言</a> | <a href="">删除该留言</a></dd>

这样我们就做好了管理留言的主页大半功能。也就是第七章讲过的功能。接下来我们要做回复留言和删除留言的连接,分别连接到"edit-message.asp"和"delete-message.asp"这两个文件。首先我们在设计视图中选中回复留言,然后将它连接到"edit-message.asp"文件。如下图

然后仔细看上图红线框住的地方,点击参数选项。弹出参数设置面板,如下图

然后点击上图红线框住的闪电标志。选中值绑定的字段”ID“。如下图

再在名称中输入URL参数名称”ID“。如下图

确定设置好后,你会发现URL框中编程了。如下图

edit-message.asp?ID=<%=(rsGuestBook.Fields.Item("ID").Value)%>

这样我们就设置好了回复留言的连接功能。接下来按照这种方法同样给删除留言设置好连接。如下图

设置好后,我们来点一点回复留言这个连接。你会看到IE地址栏中已经正确传递了URL的ID值。如下图

设置好URL参数的连接后,接下来我们要限制别人随便访问这个带管理功能的页面,也就是限制未登陆的用户查看该页。我们在Dreamweaver CS3中打开服务器行为面板,选择用户身份验证-限制对页的访问。如下图:

在Dreamweaver CS3弹出的设置面板中,设置好各项参数。如下图

设置如果登陆失败则转到”login.asp“页面再次登陆。我们来测试一下没有登陆后的情况。如下图

如上图你可以看到由于没有登陆,系统自动转到了"login.asp"文件。并且还带上了非法登陆的URL参数。

到此我们在Dreamweaver CS3中设计制作管理主页的教程就讲完了。这一讲主要是URL参数的设置和限制非法访问的功能,大家应当多测试理解。