注册和登录功能的设计与制作课件.ppt

1、注册和登录功能的设计与制作实现电子商务网站中的注册功能目录登录模块的设计与实现1实现电子商务网站中的注册功能1前言 几乎所有的电子商务网站都需要进行会员注册及登录几乎所有的电子商务网站都需要进行会员注册及登录的功能，才能在网站上进行购物，一般情况下，登录及的功能，才能在网站上进行购物，一般情况下，登录及注册模块的功能比较单一，除了实现验证用户信息的有注册模块的功能比较单一，除了实现验证用户信息的有效性和一些必要的安全设置外，更多的是如何提高程序效性和一些必要的安全设置外，更多的是如何提高程序的可操作性，更好地方便用户。的可操作性，更好地方便用户。登录及注册模块由用户注册、用户登录和找回密码三登

2、录及注册模块由用户注册、用户登录和找回密码三部分组成。部分组成。2用户注册流程 用户注册的信息分为必填信息及可选信息。用户注册的信息分为必填信息及可选信息。必填信息默认是可见的，而可选信息默认是隐藏的。必填信息默认是可见的，而可选信息默认是隐藏的。在必填信息不完整的时候，在必填信息不完整的时候，“注册注册”按钮是不可用的。按钮是不可用的。对于可选信息，用户可以选择填写或者不填写。对于可选信息，用户可以选择填写或者不填写。用户注册成功后显示成功信息，同时将用户名保存到用户注册成功后显示成功信息，同时将用户名保存到SessionSession中，并跳转到主页面。中，并跳转到主页面。2用户注册流程注

3、册入口注册入口注册成功注册成功必选项为空必选项为空用户名有效？用户名有效？2次输入密码是否一致？次输入密码是否一致？密码长度符合要求？密码长度符合要求？其他信息有效？其他信息有效？是是是是是是是是是是否否否否否否否否否否3模块功能分析 注册系统一般由注册信息填写和注册信息处理两大部分构成注册系统一般由注册信息填写和注册信息处理两大部分构成 注册信息填写部分：注册信息填写一般是由用户完成，在填注册信息填写部分：注册信息填写一般是由用户完成，在填写的过程中应该有相应的提示，比如用户名、密码填写要求，写的过程中应该有相应的提示，比如用户名、密码填写要求，对于不符合得填写应给出说明。对于不符合得填写应

4、给出说明。注册信息处理部分：注册信息填写完成后，用户单击注册信息处理部分：注册信息填写完成后，用户单击“注册注册”按钮，应该调用相应的信息处理程序，将客户填写的信息添加按钮，应该调用相应的信息处理程序，将客户填写的信息添加到相应的数据库中，如果客户填写的信息不符合要求，则提示到相应的数据库中，如果客户填写的信息不符合要求，则提示填写有误，请用户重新填写。填写有误，请用户重新填写。3模块功能分析填写注册填写注册信息信息提交提交进行数据处理，进行数据处理，注册成功，并跳注册成功，并跳转到登录页面转到登录页面商城用户商城用户4数据库设计 用户表（用户表（usersusers）结构）结构5注册功能的实

5、现 文件层次结构文件层次结构5注册功能的实现 用户注册页面用户注册页面5注册功能的实现 register.asp register.asp 页面设计页面设计5注册功能的实现 register.asp register.asp 验证表单验证表单 窗口窗口 -行为行为 -“+”-检查检查表单表单1.在此选择在此选择需要验证的需要验证的表单项表单项2.选择选择“必需必需的的”复选框表复选框表示所选项目必示所选项目必填内容填内容3.“可接受可接受”选选项用于限制填写项用于限制填写内容的形式内容的形式5注册功能的实现 register.asp register.asp 验证表单验证表单 本例中，设置用户

6、名文本框、密码文本框、重复密码文本本例中，设置用户名文本框、密码文本框、重复密码文本框、真实姓名文本框为框、真实姓名文本框为“值：必需的值：必需的”，“可接受：任何东可接受：任何东西西”；联系电话文本框、邮政编码文本框为；联系电话文本框、邮政编码文本框为“可接受：数字可接受：数字”设置完成后，单击设置完成后，单击“确定确定”按钮，完成对检查表单的设置按钮，完成对检查表单的设置“代码代码”视图中，视图中，DreamWeaverDreamWeaver会自动加入如下代码：会自动加入如下代码：5注册功能的实现 register.asp register.asp 验证表单验证表单 将这段代码修改成如下：

7、将这段代码修改成如下：function MM_findObj(n,d)/v4.01 var p,i,x;if(!d)d=document;if(p=n.indexOf(?)0&parent.frames.length)d=parent.framesn.substring(p+1).document;n=n.substring(0,p);if(!(x=dn)&d.all)x=d.alln;for(i=0;!x&id.forms.length;i+)x=d.formsin;for(i=0;!x&id.layers&id.layers.length;i+)x=MM_findObj(n,d.layer

8、si.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=argsi+2;val=MM_findObj(argsi);if(val)nm=val.name;if(val=val.value)!=)if(t

9、est.indexOf(isEmail)!=-1)p=val.indexOf();if(p1|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(nummin|maxnum)errors+=-+nm+需要输入数字+min+至+max+

10、.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=);5注册功能的实现 register.asp register.asp 验证表单验证表单 代码修改完成后，可以测试一下执行的效果，当输入不正代码修改完成后，可以测试一下执行的效果，当输入不正确时，单击确时，

11、单击“注册注册”按钮时，会打开一个警告框，如图所示：按钮时，会打开一个警告框，如图所示：5注册功能的实现 register.asp register.asp 插入记录插入记录 窗口窗口 -服务器行为服务器行为 -“+”-“+”-插入记录插入记录1.将表单里将表单里输入的数据输入的数据插入到相应插入到相应的数据表中的数据表中2.表单中的文本表单中的文本框框ID和要插入和要插入到的数据表中到的数据表中的字段相对应的字段相对应5注册功能的实现 register.asp register.asp 用户名唯一用户名唯一 窗口窗口 -服务器行为服务器行为 -“+”-“+”-用户身份验证用户身份验证 -检查

12、新用户名检查新用户名1.根据数据表中根据数据表中已有的数据字段已有的数据字段来判断用户名是来判断用户名是否已存在否已存在2.选择同一站点选择同一站点下的下的regfail.asp文件文件5注册功能的实现 regok.aspregok.asp超链接，指向超链接，指向index.asp页面页面5注册功能的实现 regfail.aspregfail.asp超链接，指向超链接，指向register.asp页面页面5注册功能的实现 测试测试 1.1.注册信息不正确时注册信息不正确时 2.2.注册信息正确，成功注册，检查注册信息正确，成功注册，检查store.mdbstore.mdb是否有新是否有新增用户

13、信息增用户信息 3.3.注册一个已经存在的用户名注册一个已经存在的用户名2登录模块的设计与实现1前言 登录功能是一个电子商务网站最基本的功能之一，登录以登录功能是一个电子商务网站最基本的功能之一，登录以后，网站可以识别用户是否有权限执行某些操作，或者可后，网站可以识别用户是否有权限执行某些操作，或者可以记录用户执行的操作。以记录用户执行的操作。登录功能包括登录功能包括3 3个部分：登录信息输入、登录信息检查和个部分：登录信息输入、登录信息检查和检测用户的登录状态检测用户的登录状态2登录信息检查页面的处理流程开始开始结束结束检测登录信息是否为空检测登录信息是否为空检测是否存在用户记录检测是否存在

14、用户记录检测密码是否正确检测密码是否正确获取用户输入的登录信息获取用户输入的登录信息以输入的用户名为条件从数据库中获取记录以输入的用户名为条件从数据库中获取记录设置用户登录状态设置用户登录状态3登录功能的实现 index.asp index.asp 页面设计页面设计3登录功能的实现 index.asp index.asp 登录验证登录验证 服务器行为服务器行为 -“+”-用户身份验证用户身份验证 -登录用户登录用户3登录功能的实现 loginfail.asploginfail.asp超链接，指向超链接，指向index.asp页面页面3登录功能的实现 welcome.aspwelcome.asp

15、页面设计页面设计3登录功能的实现 welcome.aspwelcome.asp设置阶段变量设置阶段变量 绑定绑定 -“+”-阶段变量阶段变量 在设计视图中通过拖动鼠标选择在设计视图中通过拖动鼠标选择“XXXXXXXXXX”文本，然后在文本，然后在“绑定绑定”面板中选择面板中选择MM_UsernameMM_Username变量，再单击变量，再单击“绑定绑定”面板底部的面板底部的“插入插入”按钮，将其插入到该页面按钮，将其插入到该页面中指定的位置。插入完毕，可以看到中指定的位置。插入完毕，可以看到“XXXXXXXXXX”文本被文本被Session.MM_UsernameSession.MM_Use

16、rname占位占位符代替符代替3登录功能的实现 welcome.aspwelcome.asp注销用户注销用户 拖动鼠标选中拖动鼠标选中“注销你的用户注销你的用户”链接文本，执行：服务链接文本，执行：服务器行为器行为 -用户身份验证用户身份验证 -注销用户注销用户注销完成后转至注销完成后转至logout.asp页面页面3登录功能的实现 logout.asplogout.asp超链接，指向超链接，指向index.asp页面页面4登录功能的实现 测试测试 1.1.登录信息正确时，能进入欢迎界面，并显示用户名登录信息正确时，能进入欢迎界面，并显示用户名 2.2.注销用户注销用户 3.3.登陆信息不正确，或者根本不输入登陆信息不正确，或者根本不输入