注册和登录功能的设计与制作课件.ppt
注册和登录功能的设计与制作,实现电子商务网站中的注册功能,目录,登录模块的设计与实现,1,实现电子商务网站中的注册功能,1,前言,几乎所有的电子商务网站都需要进行会员注册及登录的功能，才能在网站上进行购物，一般情况下，登录及注册模块的功能比较单一，除了实现验证用户信息的有效性和一些必要的安全设置外，更多的是如何提高程序的可操作性，更好地方便用户。 登录及注册模块由用户注册、用户登录和找回密码三部分组成。,2,用户注册流程,用户注册的信息分为必填信息及可选信息。 必填信息默认是可见的，而可选信息默认是隐藏的。 在必填信息不完整的时候，“注册”按钮是不可用的。对于可选信息，用户可以选择填写或者不填写。 用户注册成功后显示成功信息，同时将用户名保存到Session中，并跳转到主页面。,2,用户注册流程,3,模块功能分析,注册系统一般由注册信息填写和注册信息处理两大部分构成 注册信息填写部分：注册信息填写一般是由用户完成，在填写的过程中应该有相应的提示，比如用户名、密码填写要求，对于不符合得填写应给出说明。 注册信息处理部分：注册信息填写完成后，用户单击“注册”按钮，应该调用相应的信息处理程序，将客户填写的信息添加到相应的数据库中，如果客户填写的信息不符合要求，则提示填写有误，请用户重新填写。,3,模块功能分析,大家学习辛苦了，还是要坚持,继续保持安静,4,数据库设计,用户表（users）结构,5,注册功能的实现,文件层次结构,5,注册功能的实现,用户注册页面,5,注册功能的实现,register.asp 页面设计,5,注册功能的实现,register.asp 验证表单 窗口 - 行为 - “+” - 检查表单,1.在此选择需要验证的表单项,2.选择“必需的”复选框表示所选项目必填内容,3.“可接受”选项用于限制填写内容的形式,5,注册功能的实现,register.asp 验证表单 本例中，设置用户名文本框、密码文本框、重复密码文本框、真实姓名文本框为“值：必需的”，“可接受：任何东西”；联系电话文本框、邮政编码文本框为“可接受：数字” 设置完成后，单击“确定”按钮，完成对检查表单的设置 “代码”视图中，DreamWeaver会自动加入如下代码：,5,注册功能的实现,register.asp 验证表单 将这段代码修改成如下：,function MM_findObj(n,d) /v4.01 var p,i,x; if(!d) d=document; if(p=n.indexOf(?)0 ,5,注册功能的实现,register.asp 验证表单 代码修改完成后，可以测试一下执行的效果，当输入不正确时，单击“注册”按钮时，会打开一个警告框，如图所示：,5,注册功能的实现,register.asp 插入记录 窗口 - 服务器行为 - “+” - 插入记录,1.将表单里输入的数据插入到相应的数据表中,2.表单中的文本框ID和要插入到的数据表中的字段相对应,5,注册功能的实现,register.asp 用户名唯一 窗口 - 服务器行为 - “+” - 用户身份验证 - 检查新用户名,1.根据数据表中已有的数据字段来判断用户名是否已存在,2.选择同一站点下的regfail.asp文件,5,注册功能的实现,regok.asp,超链接，指向index.asp页面,5,注册功能的实现,regfail.asp,超链接，指向register.asp页面,5,注册功能的实现,测试 1. 注册信息不正确时 2. 注册信息正确，成功注册，检查store.mdb是否有新增用户信息 3. 注册一个已经存在的用户名,2,登录模块的设计与实现,1,前言,登录功能是一个电子商务网站最基本的功能之一，登录以后，网站可以识别用户是否有权限执行某些操作，或者可以记录用户执行的操作。登录功能包括3个部分：登录信息输入、登录信息检查和检测用户的登录状态,2,登录信息检查页面的处理流程,3,登录功能的实现,index.asp 页面设计,3,登录功能的实现,index.asp 登录验证 服务器行为 - “+”- 用户身份验证 - 登录用户,3,登录功能的实现,loginfail.asp,超链接，指向index.asp页面,3,登录功能的实现,welcome.asp页面设计,3,登录功能的实现,welcome.asp设置阶段变量 绑定 - “+” - 阶段变量 在设计视图中通过拖动鼠标选择“XXXXX”文本，然后在“绑定”面板中选择MM_Username变量，再单击“绑定”面板底部的“插入”按钮，将其插入到该页面中指定的位置。插入完毕，可以看到“XXXXX”文本被Session.MM_Username占位符代替,3,登录功能的实现,welcome.asp注销用户 拖动鼠标选中“注销你的用户”链接文本，执行：服务器行为 - 用户身份验证 - 注销用户,注销完成后转至logout.asp页面,3,登录功能的实现,logout.asp,超链接，指向index.asp页面,4,登录功能的实现,测试 1. 登录信息正确时，能进入欢迎界面，并显示用户名 2. 注销用户 3. 登陆信息不正确，或者根本不输入,
