生成登录页

上次更新日期: 2024年4月25日
注释

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

关于登录页

您的 Web 应用程序可以包含一个页面,让注册用户登录到网站。

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

  • 注册用户的数据库表

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

  • 一个"用户登录"服务器行为,用于确保输入的用户\n名称和密码有效

    当用户成功登录时,将为该用户创建一个由用户\n名称组成的会话变量。

创建一个注册用户\n数据库表

您需要一个注册用户数据库表\n来验证在登录页面中输入的用户名称和密码\n是否有效。

使用您的数据库应用程序和注册\n页面来创建该表。有关说明,请参阅下面的相关主题链接。

构建登录页面的下一步是向页面添加 HTML\n表单,让用户登录。有关说明,请参见下一个主题。

添加 HTML 表单让用户登录

您可以通过向页面添加 HTML 表单,让用户\n输入用户名称和密码进行登录。

创建一个页面("文件">"新建">\n"空白页面"),并使用 Dreamweaver 设计工具布局您的登录页面。
通过将插入点放在您希望表单出现的位置并从"插入"菜单中选择"表单"来添加 HTML 表单。

将在页面上创建一个空表单。 您可能需要启用\n隐藏元素("视图">"视觉辅助">\n"隐藏元素")来查看表单边界,边界由\n红色细线表示。

通过单击"文档"窗口底部的 <form> 标记\n来选择表单,打开\n"属性"检查器("窗口">"属性"),然后在\n"表单名称"框中输入名称来命名 HTML 表单。

您不需要为表单指定 actionmethod 属性\n来告诉它在用户单击"提交"按钮时\n将记录数据发送到何处以及如何发送。"用户登录"服务器行为\n会为您设置这些属性。

向表单添加用户名和密码文本字段("插入">\n"表单">"文本字段")。

在每个文本字段旁边添加标签(文本或图像形式),并通过将文本字段放置在 HTML 表格内并将表格的 border 属性设置为 0 来对齐文本字段。

向表单添加"提交"按钮("插入">\n"表单">"按钮")。

您可以通过选择\n按钮,打开"属性"检查器("窗口">\n"属性"),然后在"标签"框中输入新值\n来更改"提交"按钮的标签。

构建\n登录页面的下一步是向其添加"用户登录"服务器行为\n来验证输入的用户名和密码是否有效。

验证用户名和密码

您必须向登录页面添加"用户登录"服务器行为\n来确保用户输入的用户名和密码\n有效。

当用户单击登录页面上的"提交"按钮时,\n"用户登录"服务器行为会将用户输入的\n值与注册用户的值进行比较。\n如果值匹配,服务器行为会打开一个页面(通常是网站的欢迎屏幕)。如果值不匹配,服务器行为会打开另一个页面(通常是提示用户登录尝试失败的页面)。

在 Server Behaviors 面板("窗口">\nServer Behaviors)中,单击加号 (+) 按钮,然后从弹出菜单中选择"User Authentication">\n"Log In User"。
指定访问者用于输入其用户名称和密码的表单和表单对象。
(ColdFusion) 如果可行,请输入您的用户名和密码。
指定包含所有注册用户的用户名称和密码的数据库表和列。

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

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

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

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

指定的页面通常会提示用户登录失败,并允许用户重新尝试。

如果您希望用户在尝试访问限制页面后被转发到登录页面,以便在登录后返回该限制页面,请选择"转到上一个 URL"选项。

如果用户尝试在未先登录的情况下通过打开受限页面来访问您的网站,该受限页面可以将用户转发到登录页面。用户成功登录后,登录页面会将用户重定向到最初将其转发到登录页面的限制页面。

注释

当您完成这些页面上的 Restrict Access To Page 服务器行为对话框时,请确保在"如果访问权限被拒绝,转到"框中指定您的登录页面。

指定是仅基于用户名称和密码来授权访问权限页面,还是同时基于授权级别,然后单击"确定"。

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