注册和登录功能的设计与制作 PPT

d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); } if(!(x=d[n]) && d.all) x=d.all[n]; for(i=0; !x && i<d.forms.length; i++) x=d.forms[i][n]; for(i=0; !x && i<d.layers && i<d.layers.length; i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_validateForm() { //v4.0 定义创建对话框的基本属性 var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments; //检查提交表单的内容 for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=MM_findObj(args[i]); if (val) { nm=val.name; if ((val=val.value)!="") { if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@'); if (p<1 || p==(val.length-1)) errors+='- '+nm+' 需要输入邮箱地址.\n'; } else if (test!='R') { num = parseFloat(val); if (isNaN(val)) errors+='- '+nm+' 需要输入数字.\n'; if (test.indexOf('inRange') != -1) { p=test.indexOf(':'); min=test.substring(8,p); max=test.substring(p+1); if (num<min || max<num) errors+='- '+nm+' 需要输入数字 '+min+' 至 '+max+'.\n'; } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' 为必填项.\n'; }} if(MM_findObj('txtPwd').value != MM_findObj('txtPwdAgain').value) errors += '- 两次密码输入不一致.\n'; if (errors) alert('注册时出现如下错误:\n'+errors); document.MM_returnValue = (errors == ''); } </script>
2
用户注册流程
• 用户注册的信息分为必填信息及可选信息。 • 必填信息默认是可见的，而可选信息默认是隐藏的。 • 在必填信息不完整的时候，“注册”按钮是不可用的。 对于可选信息，用户可以选择填写或者不填写。 • 用户注册成功后显示成功信息，同时将用户名保存到 Session中，并跳转到主页面。
2
3
模块功能分析
商城用户
填写注册 信息
提交
进行数据处理， 注册成功，并跳
转到登录页面
大家学习辛苦了，还是要坚持
继续保持安静
4
数据库设计
• 用户表（users）结构
5
注册功能的实现
• 文件层次结构
5
注册功能的实现
• 用户注册页面
5
注册功能的实现
• register.asp ——页面设计
5
注册功能的实现
注册和登录功能的设计与制作
目录
实现电子商务网站中的注册功能 登录模块的设计与实现 …
…
1
实现电子商务网站中的注册功能
1
前言
• 几乎所有的电子商务网站都需要进行会员注册及登录 的功能，才能在网站上进行购物，一般情况下，登录及 注册模块的功能比较单一，除了实现验证用户信息的有 效性和一些必要的安全设置外，更多的是如何提高程序 的可操作性，更好地方便用户。 • 登录及注册模块由用户注册、用户登录和找回密码三 部分组成。
用户注册流程
注册入口
是 必选项为空
否 否
用户名有效？ 是 否
2次输入密码是否一致？ 是 否
密码长度符合要求？ 是 否
其他信息有效？ 是
注册成功
பைடு நூலகம்
3
模块功能分析
• 注册系统一般由注册信息填写和注册信息处理两大部分构成 • 注册信息填写部分：注册信息填写一般是由用户完成，在填 写的过程中应该有相应的提示，比如用户名、密码填写要求， 对于不符合得填写应给出说明。 • 注册信息处理部分：注册信息填写完成后，用户单击“注册” 按钮，应该调用相应的信息处理程序，将客户填写的信息添加 到相应的数据库中，如果客户填写的信息不符合要求，则提示 填写有误，请用户重新填写。
5
注册功能的实现
• register.asp ——验证表单 • 代码修改完成后，可以测试一下执行的效果，当输入不正 确时，单击“注册”按钮时，会打开一个警告框，如图所示：
5
注册功能的实现
• register.asp ——验证表单
• 将这段代码修改成如下：
<script type="text/javascript"> function MM_findObj(n,d){ //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0 && parent.frames.length){
• register.asp ——验证表单 • 窗口 -> 行为 -> “+” -> 检查 表单
1.在此选择 需要验证的 表单项
2.选择“必需 的”复选框表 示所选项目必 填内容
3.“可接受”选 项用于限制填写 内容的形式
5
注册功能的实现
• register.asp ——验证表单 • 本例中，设置用户名文本框、密码文本框、重复密码文本 框、真实姓名文本框为“值：必需的”，“可接受：任何东 西”；联系电话文本框、邮政编码文本框为“可接受：数字” • 设置完成后，单击“确定”按钮，完成对检查表单的设置 • “代码”视图中，DreamWeaver会自动加入如下代码：