• 沒有找到結果。

用户注册系统的设计与实现

在前面我们已经讲了用户登录系统的设计与实现,那么在一个完整的用户系统中,数据 图 7-59 “新闻浏览详细页”记录集设置

库中必须要有该用户的信息,才能进行用户的登录,那么怎么将用户的信息资料录入数据库中

z 重名提醒页 regbad.asp,给出用户名重名提示,并有链接跳转至用户信息输入页 reg2.asp。

z 注册成功提示页 regpass.asp,提示用户注册成功,可以使用用户名进行登录了。

7.4.2 服务协议页设计

1.服务协议页的布局

(1)打开“家教管理系统”站点中的文件 pw1.asp,选择“文件”→“另存为”命令,

命名为 reg1.asp,以建立一个与该文件布局相近的文件。

(2)如图 7-62 所示,在设计视图中对该页面进行相应修改,将中间表单中原有的文本、

文本字段以及按钮都删除掉(注意不要删除该表单本身),调整单元格大小,添加相关文本信 息,读者可以自行编写“用户服务协议”的内容。

图 7-62 服务协议页布局

(3)在表单中的最下面一行单元格中添加两个按钮,分别设置其属性:选择第一个按钮,

将其“标签(L)”值设置为“我接受该协议”,“动作”选择“提交表单”单选按钮;选择第 二个按钮,将其“标签(L)”值设置为“我不接受该协议”,“动作”选择“提交表单”单选 按钮。

2.是否接受服务协议判断

(1)给按钮分别添加“行为”,选择不同的按钮将跳转到不同的页面。

(2)选择“我接受该协议”按钮,按 Shift+F4 组合键打开 “行为”面板,单击“添加 行为”按钮 ,在弹出的菜单中选择“转到 URL”菜单项。

(3)如图 7-63 所示,在弹出的“转到 URL”

对话框中,在“URL”后面的文本输入框中输 入 reg2.asp,表示如果接受该协议,将跳转至用 户信息输入页 reg2.asp。

(4)重复第(2)步和第(3)步,选择“我 不接受该协议”按钮,按 Shift+F4 组合键打开

“行为”面板,单击“添加行为”按钮 ,在

弹出的菜单中选择“转到 URL”菜单项。在弹出的“转到 URL”对话框中,在“URL”后面 图 7-63 “转到 URL”对话框

的文本输入框中输入 index.asp,表示如果不接受该协议将返回至首页。

(5)保存当前页面。

3.添加“新用户注册”链接

打开 Left.asp 文件,选择页面中的“注册教员”文本,在“属性”面板中“链接”后面的 文本框中输入 reg1.asp,以用于链接到新用户注册页面。

7.4.3 用户信息输入页设计

1.用户信息输入页的布局

(1)打开“家教管理系统”站点中的文件 reg1.asp,选择“文件”→“另存为”命令,

命名为 reg2.asp,以建立一个与该文件布局相近的文件。

(2)在设计视图中对该页面进行相应修改,“用户服务协议”文本改为“填写注册信息”,

将第 2 行和 3 行中的文本及按钮删除。

(3)设置第 2 行单元格的对齐方式为水平居中,在该行中插入一个 20×2 的表格,适当 进行单元格大小的调整。

(4)在相应单元格中输入“用户名”、“密码”、“密码提示问题”、“密码提示问题答案”、

“真实姓名”、“性别”、“年龄”、“学校”、“专业”、“现在身份”、“寒暑假是否在校”、“外语特 长”、“普通话水平”、“计算机能力”、“家教经历”、“胜任教学科目”、“其他特长”、“联系电话”、

“住址”、“E-mail”等文本信息。

(5)在表格的相应单元格内插入相关的“表单”元素,并对所插入的表单元素进行相关 的设置,如图 7-64 所示。

图 7-64 “用户信息输入页”表单元素的插入

z 在“用户名”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属性”

面板中输入其“文本域”值为 Username1。

z 在“密码”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属性”

面板中输入其“文本域”值为 Password1,选择其“类型”为“密码”。

z 在“密码提示问题”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其

“属性”面板中输入其“文本域”值为 Question。

z 在“密码提示问题答案”后的单元格中插入一个“文本字段”,选择该“文本字段”,

在其“属性”面板中输入其“文本域”值为 Answer。

z 在“真实姓名”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属 性”面板中输入其“文本域”值为 Teacher_Name。

z 在“性别”后的单元格中插入两个“单选按钮”及“男”、“女”文本,分别设置其属 性:选择第 1 个“单选按钮”,在其“属性”面板中输入其“文本域”值为 Teacher_Sex,

“选定值”为“男”,“初始状态”为“已勾选”;选择第 2 个“单选按钮”,在其“属 性”面板中输入其“文本域”值为 Users_Sex,“选定值”为“女”,“初始状态”为

“未选中”。

z 在“年龄”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属性”

面板中输入其“文本域”值为 Users_Age。

z 在“学校”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属性”

面板中输入其“文本域”值为 Teacher_ School。

z 在“专业”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属性”

面板中输入其“文本域”值为 Teacher_ Specialty。

z 在“现在身份”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属 性”面板中输入其“文本域”值为 Teacher_ Degree。

z 在“寒暑假是否在校”后的单元格中插入一个“文本字段”,选择该“文本字段”,在 其“属性”面板中输入其“文本域”值为 Teacher_ Hols。

z 在“外语特长”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属 性”面板中输入其“文本域”值为 Teacher_ FLanguage。

z 在“普通话水平”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属 性”面板中输入其“文本域”值为 Teacher_ Mandarin。

z 在“计算机能力”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属 性”面板中输入其“文本域”值为 Teacher_ Computer。

z 在“家教经历”后的单元格中插入一个“文本区域”,选择该“文本区域”,在其“属 性”面板中输入其“文本域”值为 Teacher _ Story。

z 在“胜任教学科目”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其

“属性”面板中输入其“文本域”值为 Teacher _ Subject。

z 在“其他特长”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属 性”面板中输入其“文本域”值为 Teacher _ Strong。

z 在“联系电话”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属 性”面板中输入其“文本域”值为 Teacher _ Tel。

z 在“住址”后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属性”

面板中输入其“文本域”值为 Teacher _ Address。

z 在 E-mail 后的单元格中插入一个“文本字段”,选择该“文本字段”,在其“属性”

面板中输入其“文本域”值为 Teacher _email。

z 在最下面的一行中插入两个“按钮”,设置其“标签”分别设为“提交”、“重设”,“动

Username1、Password1、Question、Answer、Teacher_Name、Teacher_Subject 等在图 7-64 中带 红色“*”号的字段的选项,设置其“值”为 ,“可接受”选择为 。

图 7-65 设置“检查表单”对话框

(3)选择“命名的栏位”中含有 Users_Age 字段的选项,将“可接受:”选择为“数字从”

1 到 150,用于限定“年龄”字段的填写范围。

(4)选择“命名的栏位”中含有 Users_email 字段的选项,将“可接受:”选择为“电子 邮件地址”。

3.插入记录

在注册信息输入页面,我们除了要具备数据的输入和表单的检查的功能以外,还提供数 据的接收、数据的录入到数据库,以及重名检查等功能。其中信息的数据库录入直接使用“插 入记录”服务器行为即可。

(1)打开 Dreamweaver 右边的“应用程序”面板中的“服务器行为”选项卡。

(2)单击“添加”按钮 ,在弹出的快捷菜单中选择“插入记录”菜单项。

(3)在弹出的“插入记录”对话框中进行如下的设置,如图 7-66 所示。

图 7-66 “插入记录”对话框

z “连接”:从下拉列表中选择已建立的数据库连接名 conn。

z “插入到表格”:表示将此表单中所输入的数据插入到指定的数据库表中,这里我们 选择教员用户表 Teacher。

z “插入后,转到”:当记录插入成功后从当前页面跳转到指定的页面,再在其后面的 文本框中输入注册成功提示页 regpass.asp。

z “获取值自”:指从当前页面中的哪个表单获取数据,这里我们选择 form2,将从表 单 form2 中获取的数值插入到数据库表中。

z “表单元素”:表示在表单 form2 中的表单元素,需要插入到数据库表中的哪个字段 中,以哪种数据类型来插入。当表单元素的“文本域”值与数据库表中的“字段名”

相近或一致时,表单元素将自动插入到名称相近或相同的字段中。 我们在文本框中输入 regbad.asp。

(3)单击“确定”按钮完成检查重名的操作。 Everyone,单击“确定”按钮。

(4)在“组或用户名”选项卡里面选择刚才输入的 Everyone 用户,在下面的权限设置里 勾选“完全控制”。

(5)完成权限的设置。

图 7-68 NTFS 文件系统下文件夹权限的设置

7.4.4 重名提醒页设计

当注册的用户名与数据库表中已存在的用户名出现重复,即检查到重名时,将跳转到重 名提醒页。

(1)打开“家教管理系统”站点中的文件 reg1.asp,选择“文件”→“另存为”命令,

命名为 regbad.asp,以建立一个与该文件布局相近的文件。

(2)如图 7-69 所示,在设计视图中对该页面进行相应修改,将“用户服务协议”文本改 为“新用户注册失败”,将第 2 行中的文本改为“您输的注册用户名已经被注册,请选择新的 注册用户名重新注册!”。

图 7-69 “重名提醒页”页面布局

(3)删除 3 行中原有的“我不接受该协议”按钮,选择“我接受该协议”按钮,在“属 性”面板中设置“标签”为“返回注册信息页”。

(4)保存当前页面。

7.4.5 注册成功提示页设计

当注册信息完整、正确并且通过重名检查时,信息将被录入至数据库中,接着将显示注 册成功的信息反馈给用户,这就是注册成功提示页。

(1)打开“家教管理系统”站点中的文件 regbad.asp,选择“文件”→“另存为”命令,

命名为 regpsss.asp,以建立一个与该文件布局相近的文件。

(2)如图 7-70 所示,在设计视图中对该页面进行相应修改,将“新用户注册失败”文本 改为“新用户注册成功”,将第 2 行中的文本改为“新用户注册成功,请登录!”。

图 7-70 “新用户注册成功”页面布局

(3)在设计视图中选择页面中的“登录”文本,在“属性”面板中的“链接”文本输入 框中输入 index.asp,当用户注册成功后,可以选择该超链接返回首页进行登录。

(3)在设计视图中选择页面中的“登录”文本,在“属性”面板中的“链接”文本输入 框中输入 index.asp,当用户注册成功后,可以选择该超链接返回首页进行登录。