Dreamweaver教程:简单制作注册页

  • 来源: 图文教程   2016-04-12/10:05
  • 关于注册页

    Web 应用程序要求用户在首次访问站点时进行注册的页。

    1、注册页由以下构造块组成:

    存储有关用户登录信息的数据库表

    使用户可以选择用户名和密码的 HTML 表单

    您也可以使用该表单来获取用户的其它个人信息。

    用于更新站点用户数据库表的“插入记录”服务器行为

    用于确保用户输入的用户名没有被其他用户使用的“检查新用户名”服务器行为

    2、存储有关用户的登录信息

    注册页需要使用数据库表来存储用户输入的登录信息。

    请确保数据库表包含用户名和密码列。如果您希望登录的用户具有不同的访问权限,请包含一个访问权限列。

    如果要为站点的所有用户设置一个通用的密码,请配置数据库应用程序(Microsoft Access、Microsoft SQL Server、Oracle 等),使其在默认情况下将该密码输入到每个新的用户记录中。在大多数数据库应用程序中,每次新建记录时,都可以将一个列设置为默认值。将该默认值设置为密码。

    您还可以使用数据库表来存储有关用户的其它有用信息。

    3、创建注册页的下一步是向注册页添加一个 HTML 表单,以使用户可以选择用户名和密码(如果适用)。

    添加用于选择用户名和密码的 HTML 表单

    您可以向注册页添加一个 HTML 表单,以使用户可以选择用户名和密码(如果适用)。

    创建页(“文件”>“新建”>“空白页”)并使用 Dreamweaver 设计工具设计注册页的布局。

    将插入点放置在您想要显示表单的位置,然后从“插入”菜单中选择“表单”,这样就可以添加一个 HTML 表单。

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

    为 HTML 表单命名,方法是单击“文档”窗口底部的 

    标签以选择表单,打开属性检查器(“窗口”>“属性”),然后在“表单名称”框中输入一个名称。

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

    4、添加文本字段(“插入”>“表单”>“文本域”),以便让用户输入用户名和密码。

    该表单还可以包含更多的表单对象,以记录其它个人数据。

    您应该在每个表单对象的旁边添加标签文字(以文本或图像的形式),让用户知道它们的用途, 还应该通过将表单对象放入 HTML 表格来排列这些对象。

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

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

    创建注册页的下一步是添加“插入记录”服务器行为,以便将记录插入到数据库中的用户表格。

    更新用户的数据库表格

    您必须在注册页中添加“插入记录”服务器行为,以更新数据库中的用户表格。

    在“服务器行为”面板(“窗口”>“服务器行为”)中,单击加号 (+) 按钮并从弹出菜单中选择“插入记录”。

    即会出现“插入记录”对话框。

    完成此对话框,确保指定数据库中要插入用户数据的用户表格。单击“确定”。

    6、创建注册页的最后一步是确保用户名没有被其他注册用户使用。

    添加用于确保用户名唯一的服务器行为

    您可以将服务器行为添加到用户注册页,它将先验证用户名是唯一的,然后才将该用户添加到注册用户数据库中。

    当用户单击注册页上的“提交”按钮时,该服务器行为将对用户输入的用户名和存储在注册用户数据库表中的用户名进行比较。如果没有在数据库表中找到匹配的用户名,则该服务器行为通常会执行插入记录操作。如果找到匹配的用户名,该服务器行为将取消插入记录操作并打开一个新页(通常是提示用户该用户名已被使用的页)。

    在“服务器行为”面板(“窗口”>“服务器行为”)中,单击加号 (+) 按钮并从弹出菜单中选择“用户身份验证”>“检查新用户名”。

    在“用户名字段”弹出菜单中,选择访问者用来输入用户名的表单文本字段。

    在“如果已存在,则转到”框中,指定在数据库表中找到匹配的用户名时所打开的页,并单击“确定”。

    所打开的页应提示用户该用户名已被使用,并且让用户重试。


    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多