《圣诞节活动——“用户注册”模块》项目研发阶段性总结

《圣诞节活动——“用户注册”模块》项目研发阶段性总结

一、 功能实现
用户注册主要输入账号即手机号,密码,再次确认密码,验证码的四个内容。
用户注册:见图1,是点击注册的按钮页面即登录页面。
图1 登录页面
在这里插入图片描述
点击图1“注册”按钮弹出注册的界面如图2,
图2 注册页面
在这里插入图片描述
1、账号实现的功能: 输入账号即手机号信息的时候,用正则来匹配手机号,输入的手机号必须是手机号,不能乱输入数字,否则提示账号即手机号信息有误,然后再用正则来匹配输入的内容,实现账号只能输入数字,不能输入其他内容,例如:符号,汉字,英文等。
实现的代码: 主要在输入框中加入一句代码就行了,即

onkeyup='this.value=this.value.replace(/\D/gi,"")'

在这里插入图片描述
用正则匹配手机号:
在这里插入图片描述
注:test括号里面的UserNuber是定义一个获取页面输入的用户信息的变量。

2、密码和再次确认密码是否一样的判断功能: 如果输入的密码和再次输入的密码不一样就会提示两次输入的密码不同。
在这里插入图片描述
实现的代码: 提交注册,在post请求时把数据传到控制器进行查询和新增。
在控制器中接收数据,判断密码和再次输入的密码是否一样:

string strPassword = pwUser.Password;   //密码
string strIsPassword = Request["IsPassword"];   //确认密码

在这里插入图片描述
3、实现验证码的功能: 获取session中的验证码,判断输入的验证码是否与session中的验证码是否一致,不一致则提示验证码错误。
实现的代码: 在生成验证码的时候把验证码字符串保存在session中

// 将验证码字符串存入session中
Session["IValidCode"] = strRandom;

然后在控制器中写注册用户的时候获取页面输入的验证码和获取session中的验证码,判断输入的验证码是否与session中的验证码一样,忽略大小写。
在这里插入图片描述
4、剩下的就是新增用户信息的代码了,先判断输入的账号即手机号是否与数据库的重复,
没有的话,就新增用户表数据和个人信息表数据,看一下数据库的两张表:
在这里插入图片描述
二、 效果图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
数据已经填进去了,UserID为27,个人信息表还有一些数据要在登录进去才能进行填写。
三、 开发过程中遇到的问题与总结
注册就是其实就是新增,所以大概的思路和新增一样。因为功能需要,所以新增了2张表,需要注意的是,在新增用户表以后再获取用户的ID值,不然在新增个人信息表的时候用户的ID值为空,就无法新增个人信息表。
因为注册验证的生成和登录的验证码生成使用的同一个方法,所以当我们点击注册的时候,注册的验证码和登录的验证码会一模一样,为了避免这样的BUG发生,所以当我们在点击注册按钮的时候,就自动模拟一次验证码的点击,这样就成功的避免了这个BUG

猜你喜欢

转载自blog.csdn.net/weixin_44484756/article/details/89874075
今日推荐