| login.asp:管理员登录验证页,如图所示。
设计步骤如下:
(1)在页面内设计一个登录表单,表单包含管理员名输入文本框和密码输入文本框,在【属性】面板中设置两个文本框名分别为“admin”和“password”,其中“password”文本框的“类型”设置为“密码”,【提交】按钮标签为“登录”。
(2)通过【窗口】菜单,打开【服务器行为】面板,单击【+】按钮,选择【用户身份验证】选项,在出现的菜单中选择【登录用户】项,出现如图所示对话框。

具体设置如下:
▲ 【从表单获取输入】:因为页面只有一个表单,所以默认即为“form1”。
▲ 【用户名字段】:admin,对应名为admin的文本框。
▲ 【密码字段】:password,对应名为password的文本框。
▲ 【使用连接验证】:使用我们已经建立的连接“sdmessage”。
▲ 【表格】:admin,管理员表。
▲ 【用户名列】:管理员名。
▲ 【密码列】:密码。
▲ 【如果登录成功,转到】:messagelist.asp,登录成功重定向转到留言列表页。
▲ 【如果登录失败,转到】:error.asp。
▲ 【基于以下项限制访问】:选中“用户名和密码”。
(3)设置完毕,单击【确定】即完成了登录验证页的设计。
简要说明一下登录验证的原理,我们分析源码后可以得知该页是根据管理员名、密码与数据库admin表中记录是否匹配来决定登录的用户是否为合法用户,如果是合法用户,则产生一个记录该用户信息的Session变量。
为了避免用户没有在表单内输入必要的信息就单击【登录】按钮,可对表单输入进行一个简单的验证。选中【登录】按钮,打开【行为】面板,单击【+】按钮,选择【检查表单】项,在出现的对话框中将两个文本框栏中的【值】选项设置为【必需的】,进行必填项验证,事件选择“oncilck”,如图所示。

error.asp:登录失败显示错误提示页,显示登录出错信息,通过“返回”链接回到login,.asp,此文件没有包含ASP代码,文件后缀可以改为.htm。如图所示。
remessage.asp:公司回复页,该页用于系统管理员回复用户的留言,如图所示。

设计步骤如下:
(1)创建记录集。单击【插入】面板【应用程序】选项卡的【记录集】按钮,打开【记录集】对话框。该页使用的记录集需根据message.asp的“序号”确定,具体设置如图所示。

设置【筛选】为“序号=URL参数序号”。
(2)设计页面。选择【应用程序】选项卡,单击【更新记录表单】按钮,出现如图所示【更新记录表单】对话框。
具体设置:
▲ 【连接】:选择前面定义的连接。
▲ 【要更新的表格】:选择留言信息表message。
▲ 【选取记录自】:选择前面创建的记录集rsremeaage。
▲ 【唯一键列】:选择“序号”字段。
▲ 【更新后转到】:选择留言列表页messagelist.asp。
▲ 【表单字段】:指定要包括在更新页的 HTML 表单上的表单字段,以及每个表单字段应该更新数据库表格中的哪些列。默认情况下,Dreamweaver为数据库表格中的每个列创建一个表单字段,取消“序号”字段和“留言时间”字段。
▲ 【标签】:输入显示在数据输入域旁边的描述性标签文字。默认情况下,Dreamweaver在该标签中显示表格列的名称。
▲ 【显示为】:选择一个表单字段充当数据输入域。可以选择“文本域”、“文本区域”、“菜单”、“复选框”、“单选按钮组”和“文本”。我们将“留言内容”和“公司回复”设置为“文本区域”;
▲ 【提交为】:选择数据库表格接受的数据格式。
(3)单击【确定】,Dreamweaver将HTML表单和“更新记录”服务器行为添加到该页,完成设置。
(4)我们设置更新后转到留言列表页messagelist.asp,按以上设计会把序号值传递给留言列表页,这会产生错误,因此我们需要修改源代码,转到源代码窗口,删除以下内容:
' append the query string to the redirect URL
If (MM_editRedirectUrl <> "" And Request.QueryString
<> "") Then
If (InStr(1, MM_editRedirectUrl, "?", vbTextCompare) =
0 And Request.QueryString <> "") Then
MM_editRedirectUrl = MM_editRedirectUrl & "?" &
Request.QueryString
Else
MM_editRedirectUrl = MM_editRedirectUrl & "&"
& Request.QueryString
End If
End If
(5) 该页面需限制用户访问,即系统管理员才可以访问。打开【服务器行为】面板,单击【+】按钮,选择【用户身份验证】选项,在出现的菜单中选择【限制对页的访问】项,出现如图所示对话框。
具体设置如下:
▲ 【基于以下内容进行限制】:选择“用户名和密码”。
▲ 【如果访问被拒绝,则转到】:输入“login.asp”即登录页。
(6) 将按钮的标签改为“回复”,单击【确定】,设计完成。
ASP程序页面全部设计完成。
4.建立网站首页至留言板的留言页messagesend.asp的链接。
5.如果本机设置了IIS,可以在本机测试留言板系统。首先是留言页,用户通过网站首页的链接进入留言页,在该页可输入留言,单击【确定】按钮发送留言后跳转到留言列表页或直接单击“察看留言列表”链接打开留言列表页,该页显示所有留言的列表,单击留言标题可链接到留言详细信息页,如果系统管理员通过登录操作之后一步步到达留言详细信息页,则可在留言详细信息页单击“回复”链接到回复页以回复用户的留言。
本实例是采用Dreamweaver MX设计制作留言板系统,你可以在Dreamweaver MX中切换到代码视图查看页面生成的ASP代码,并仔细阅读这些代码。
留言板、聊天室和论坛是Web动态网站中最常用的交互式系统。这几个实例都有一定功能不足,同学们可以试着完善之。
|