注意:

用户界面已经在 Dreamweaver CC 和更高版本中做了简化。因此,您可能在 Dreamweaver CC 和更高版本中找不到本文中描述的一些选项。有关详细信息,请参阅此文章

关于登录页

Web 应用程序可以包含让注册用户登录站点的页。

登录页由以下构造块组成:

  • 注册用户的数据库表

  • 使用户可以输入用户名和密码的 HTML 表单

  • 确保输入的用户名和密码有效的“登录用户”服务器行为

    当用户成功登录时,将为该用户创建一个包含其用户名的会话变量。

创建注册用户的数据库表格

您需要使用注册用户的数据库表格来验证在登录页中输入的用户名和密码是否有效。

  1. 请使用数据库应用程序和注册页创建该表格。有关说明,请参见下面的相关主题链接。

    生成登录页的下一步是将一个 HTML 表单添加到页面,以便用户可以登录。有关说明请参见下一个主题。

添加使用户可以登录的 HTML 表单

您可以在页上添加一个 HTML 表单,以使用户可以通过输入用户名和密码来进行登录。

  1. 创建一个页面(“文件”>“新建”>“空白页”),并使用 Dreamweaver 设计工具设计登录页的布局。
  2. 将插入点放置在希望表单出现的位置,然后从“插入”菜单中选择“表单”,这样就可以添加一个 HTML 表单。

    将在页面上创建一个空表单。您可能需要启用“不可见元素”(“查看”>“可视化助理”>“不可见元素”)来查看表单的边界,边界用红色细线表示。

  3. 为 HTML 表单命名,方法是单击“文档”窗口底部的 <form> 标签以选择表单,打开属性检查器(“窗口”>“属性”),然后在“表单名称”框中输入一个名称。

    您不必为表单指定 actionmethod 属性来指示当用户单击“提交”按钮时表单向何处及如何发送记录数据。登录用户服务器行为会为您设置这些属性。

  4. 在该表单上添加一个用户名和一个密码文本字段(“插入”>“表单”>“文本域”)。

    在每个文本字段旁边添加标签(以文本或图像的形式),然后将这些文本字段放入 HTML 表格并将表格的 border 属性设置为 0,以排列这些文本字段。

  5. 在表单上添加一个“提交”按钮(“插入”>“表单”>“按钮”)。

    可以通过以下方法更改“提交”按钮的标签文字:选择该按钮,打开属性检查器(“窗口”>“属性”),并在“标签文字”框中输入一个新值。

    生成登录页的下一步是添加“登录用户”服务器行为,以验证输入的用户名和密码是否有效。

验证用户名和密码

您必须在登录页中添加“登录用户”服务器行为以确保用户输入的用户名和密码有效。

当用户单击登录页上的“提交”按钮时,“登录用户”服务器行为将对用户输入的值和注册用户的值进行比较。如果这些值匹配,该服务器行为会打开一个页(通常是站点的欢迎屏幕)。如果这些值不匹配,则该服务器行为将会打开另一页(通常是提示用户登录尝试失败的页)。

  1. 在“服务器行为”面板(“窗口”>“服务器行为”)中,单击加号 (+) 按钮并从弹出菜单中选择“用户身份验证”>“登录用户”。
  2. 指定访问者在输入用户名和密码时所使用的表单和表单对象。
  3. (ColdFusion) 如果可行,请输入您的用户名和密码。
  4. 指定包含所有注册用户的用户名和密码的数据库表和列。

    该服务器行为将对访问者在登录页上输入的用户名及密码和这些列中的值进行比较。

  5. 指定在登录过程成功时所打开的页。

    所指定的页通常是站点的欢迎屏幕。

  6. 指定在登录过程失败时所打开的页。

    所指定的页通常会提示用户登录过程已失败,并且让用户重试。

  7. 如果要让用户在试图访问受限页后前进到登录页,并且在登录后返回到该受限页,请选择“转到前一 URL”选项。

    如果用户未先登录就试图通过打开受限页来访问站点,则受限页可以使该用户前进到登录页。当用户成功登录后,登录页会将该用户重定向到原来使用户前进到登录页的受限页。

    注意:

    当您在这些页上完成“限制对页的访问”服务器行为的对话框后,请确保在“如果访问被拒绝,则转到”框中指定登录页。

  8. 指定是仅根据用户名和密码还是同时根据授权级别来授予对该页的访问权,并单击“确定”。

    将向登录页添加服务器行为以确保访问者输入的用户名和密码是有效的。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略