MVC中的一个简单的登录页面

我们一起来看看登录页面的效果图!!!

MVC中的一个简单的登录页面_第1张图片

第一步:先把页面的样式写出来

第二步:获取出身份的下拉框数据(前提先引入jQuery插件)

MVC中的一个简单的登录页面_第2张图片

 第三步:在控制器中随机生成一个四位数的验证码

MVC中的一个简单的登录页面_第3张图片

而在试图中,点击验证码图片,即可切换下一张验证码

MVC中的一个简单的登录页面_第4张图片

第四步:点击登录按钮,即可执行登录操作

视图上:先获取值,再对填写的数据作判断,判断它是否不为空再提交数据,判断登录成功后,跳转到主页面,最后清楚验证码。

MVC中的一个简单的登录页面_第5张图片

在控制器中,先获取页面上传递过来的数据;再去获取在Session里存放的验证码再去判断填入的验证码与Session里的验证码是否一致;

再去验证用户的信息,将用户输入的密码进行AES265后与数据库中的密码对比,当用户身份验证完成后,就开始处理登录的信息。

注释:StringComparison 指定Systm.String.Compare(System.String,System.String) System.String.Equals(System.Object)

StringComparison 方法的某些重载要使用的区域、大小写和排序规则

InvariantCultureIgnoreCase 使用区域敏感排序规则、固定区域来比较字符串,同时忽略被比较字符串的大小写

MVC中的一个简单的登录页面_第6张图片

你可能感兴趣的:(MVC,mvc,jquery)