《《前台用户注册》PPT课件.ppt》由会员分享，可在线阅读，更多相关《《前台用户注册》PPT课件.ppt（20页珍藏版）》请在三一办公上搜索。
1、第5章 前台用户注册,一、本章内容二、本章任务和目标三、重点及难点,一、本章内容,1、项目任务与目标。2、制作前台“用户注册”用户控件。3、利用验证控件最注册表单输入域进行检测。4、项目小结。5、项目实战练习。,二、本章任务和目标,工作任务1.制作“用户注册”用户控件2.使用验证控件对用户输入信息进行验证技能目标1.熟练创建和使用用户自定义控件完成用户注册功能2.熟练使用RequiredFieldValidator控件进行输入数据的非空验证3.熟练使用CompareValidator控件判断两个输入的数据是否符合要求4.熟练使用RegularExpressionValidator控件验证与正规
2、表达式匹配的字符5.熟练使用ValidationSummary控件汇总所有错误信息6.熟练使用验证码控件进行验证。任务资源1.网站框架结构2.网站数据库常用术语用户控件验证控件RequiredFieldValidator控件CompareValidator控件Regular ExpressionValidator控件ValidationSummary控件正则表达式,三、重点及难点,重点：1.使用用户自定义控件完成用户注册功能。2.用户控件。3.验证控件。难点：正则表达式,第5章 前台用户注册,本章简介：从这一章开始，我们将学校创建和使用用户自定义控件用户注册控件，利用该控件完成用户注册功能。在
3、用户输入注册信息时，为了确保用户输入的信息满足一定的要求，因此有必要对用户输入的数据进行验证、判断，对于用户输入的不合法信息进行提示。验证控件的功能包括非空验证、有效性验证、范围验证、正则表达式验证等。,5.2 制作前台“用户注册”用户控件,5.2.1 任务描述及技能要点1.任务描述创建用户自定义控件用户注册控件。2.技能要点熟练创建用户控件用户注册控件。熟练在Web窗体中使用用户自定义控件用户注册控件。5.2.2 用户控件创建与使用1.用户控件介绍用户控件可以减少程序员编写的代码量，提高代码重用率。在前面的学习中我们知道创建母版页也是为了提高代码的重用率。母版页提供整个页面级别的风格控制和代
4、码重用，而用户控件则提供了小范围的风格控制和更灵活的代码重用。用户控件具有以下特点.1）用户控件是一种自定义的组合控件。2）用户控件封装了独立的功能。3）可以像页面一样方便编辑，同时又可以像控件一样用拖拽的方式来使用。4）用户控件文件的后缀为，ascx.,5.2 制作前台“用户注册”用户控件,2.创建用户控件创建用户控件文件的方法和创建一般web窗体的方法一样，在“添加新项”对话框中，选择“web用户控件”，创建完用户控件后，我们可以在源视图中看到以下代码：这行指令与页面的page指令非常相似。唯一不同的是，这里是control指令。需要注意的是，在一个.ascx文件中不能包含、或者标签，因为
5、包含此.ascx文件的.aspx文件已经包含了这些标签。此外，与web页面一样，用户控件也生成了它自己的.cs文件，在后台的代码中我们可以看到以下代码。protected void Page_Load(object sender,EventArgs e),5.2 制作前台“用户注册”用户控件,3.用户控件的注册和使用用户控件本身不能运行，而应该嵌到web窗体中才能运行。嵌入的方法是选中该控件，将控件拖放到web窗体页面中。这时在web窗体中，单击源视图，我们将在代码页的头部位置添加以下代码：我们可以看到Register命令中包含src、TagName 和TagPrefix这3个属性，这3个属性
6、说明如下：1）Src属性：该属性定义了包括在Web窗体页中的用户控件文件的虚拟路径。2）TagName属性：该属性定义了用户控件的名称，此名称将包括在用户控件元素的开始标记中。3）TagPrefix属性：该属性定义了用户控件所使用的前缀，通过该前缀与用户控件相关联。此前缀将包含在用户控件元素的开始标记中。在调用控件的位置添加了如下代码：当我们调用控件的时候也可以手动添加以上代码。,4.用户控件的注意事项1）用户控件可嵌套其他用户控件。用户控件可以包含其他的用户控件，但是当一个控件包含在本身控件中时，IDE会自动检测到循环，提示错误。2）用户控件不能单独访问用户控件是禁止被直接访问的，如果在地址
7、栏中直接访问用户控件的地址，则会出现错误。,5.2 制作前台“用户注册”用户控件,5.2.3 用户注册控件的创建与使用,1.用户注册功能实现的过程用户注册功能采用三层架构实现，用户在表示层用户控件“UserRegisterControl.ascx”中输入用户注册信息，在单击“提交”按钮后，执行表示层用户控件的后台代码“”中的按钮单击事件过程。在此过程中，调用业务逻辑层的方法UserManager.Register(user)来判断用户是否注册过。在此方法中，首先调用数据库访问层的UserService.GetUserByLoginId(loginId)方法，该方法判断用户信息是否已经在数据库中
8、，即是否已经注册过。若用户注册过，返回“True”。若没有注册过，则业务逻辑层UserManager.Register(user)方法调用数据访问层UserService.AddUser(user)方法，完成用户信息的注册，并给出用户注册成功信息，返回给表示层。表示层最终将用户注册的结果展视给用户若用户注册成功，则显示“注册成功！请继续购物，并返回主页面”；若用户注册不成功，则显示“用户名已使用！请重新选择”。2.用户控件UserRegisterControl.ascx的前台页面设计创建一个用户控件，命名为UserRegisterControl.ascx。在该Web用户控件页中切换到设计视图，
9、利用Table布局，在页面中布置以下Lable控件：用户名、真实姓名、密码、确认密码、E-mail、地址、手机、验证码，同时添加相应的TextBox控件。,5.2.3 用户注册控件的创建与使用,后台代码设计1）引用名称空间由于需要调用业务逻辑层的方法去检查用户是否注册成功，因此需要引用业务逻辑层所在的名称空间；又因为数据的传递需使用数据实体类对象，因此还需要引用数据实体类项目所对应的名称空间。2）判断是否注册时单击“提交”按钮，获取用户输入信息，判断用户是否已注册，若已注册则显示提示信息，要求用户重新输入；否则，注册新用户信息。,protected void Button1_Click(obj
10、ect sender,EventArgs e)User user=new User();/获取用户输入信息 user.loginId=this.txtLoginId.Text;user.loginPwd=this.txtLoginPwd.Text;user.Name=this.txtName.Text;user.Address=this.txtaddress.Text;user.Phone=this.txttele.Text;user.Mail=this.txtemail.Text;if(!UserManager.Register(user)this.ItMain.Text=alert(用户名
11、已使用！请重新选择！);else this.ItMain.Text=alert(注册成功！请继续购物);window.location=./default.aspx;注意：window.location=./default.aspx是窗体重新定位到首页default.aspx。,4.业务逻辑层UserManager的Register方法业务逻辑层UserManager类中的Register方法，用于判断用户是否已经注册过，如果已经注册过返回False；否则，调用AddUser方法注册新用户。public static bool Register(User user)if(LoginIdExis
12、ts(user.LoginId)return false;else AddUser(user);/调用AddUser()（添加新用户）注册用户 return true;,public static User AddUser(User user)if(user.UserState=null)user.UserState=UserStateManager.GetDefaultUserState();if(user.UserRole=null)user.UserRole=UserRoleManager.GetDefaultUserRole();return UserService.AddUser(u
13、ser);/调用数据访问层的方法添加新用户,5.数据访问层UserService类的方法数据访问层UserService类的，用于判断某个用户信息是否已经在数据库中。,业务逻辑层UserManager的LoginIdExists()和AddUser()方法代码如下：public static bool LoginIdExists(string loginId)if(UserService.GetUserByLoginId(loginId)=null)/调用访问层的方法添加新用户 return false;return true;,5.2.3 用户注册控件的创建与使用,4.业务逻辑层UserMa
14、nager的Register方法业务逻辑层UserManager类中的Register方法，用于判断用户是否已经注册过，如果已经注册过返回False；否则，调用AddUser方法注册新用户。,5.3.1 任务描述及技能要点1.任务描述对上节所做的用户注册控件添加各种输入验证1）非空验证：注册页面中的所有项目都要求用户输入正确信息，当用户未输入任何信息时，弹出相应的提示，提醒用户进行输入操作。2）密码一致性验证：为确保用户两次输入的密码无误所进行的验证操作。3）正则表达式验证：通过正则表达式验证用户输入的电子邮件的格式是否正确。验证控件的验证效果如图5-7.,5.3 利用验证控件对注册表单输入域
15、进行检测,2.技能要点1）使用RequiredFieldValidator控件验证TextBox控件的非空性。2）使用CompareValidator控件验证用户两次输入密码的一致性。3）如何设置正则表达式验证用户输入电子邮件格式的正确性。4）会使用验证码控件。,5.3.2 验证控件的应用,当用户输入了不合法信息的时候，我们通常编写相应的javaScript脚本进行客户端的验证。而ASP.NET提供了5种验证控件和1个汇总控件，可以轻松实现对用户输入信息的验证。这些验证控件使用简单，只需要简单的设置就可以实现复杂的验证功能，且与用户的浏览器无关。这些验证控件有的由客户端运行的验证代码执行，有的由运行在服务器端运行的验证代码执行，这些验证控件可以满足基本的验证要求，当无法满足用户验证要求的时候，可以自定义验证控件功能以满足开发者的需要。,
