ASP.NET.MVC登录页面

                                   ASP.NET.MVC登录页面

开发工具与关键技术:Visual Studio 2015
作者:昨夜星辰
撰写时间:2019年05月09日

一、我们学习MVC的时候做的第一步就是登陆,登陆是做项目必不可缺的一个重要的一个流程,登陆首先要获取到用户的账号和一些基本的内容,还有就是验证码,验证码的作用就是防止一些机器自动化的登陆。创建一个登陆页面,首先我们要把HTML的代码实现基本的页面出来。
二、下面就是一些input的标签和一些放置内容的一些表格数据的基本框架,首先我们来看验证码的部分,首先给它一个input标签输入验证码,再给已给div放置图片用来刷新验证码信息,最后再给一个id设置验证码图片的刷新和判断数据。再传输信息到控制器。
ASP.NET.MVC登录页面_第1张图片
三、设置验证码图片的接口和点击事件传输给控制器,通过视图传输的接口来写验证码图片的数据,首先生成字符串再根据字符串生成验证码,再存入session中,最后返回视图,并刷新验证码。
在这里插入图片描述
ASP.NET.MVC登录页面_第2张图片
四,通过获取用户账号,密码,验证码的值来判断登录数据验证,然后判断一个请求,数据是否填写,写一个post请求给控制器查询数据,通过接收的数据来定义一个全局的变量,通过获取页面传来的变量判断哪个地方的错误,然后判断获取中的验证码,再取出session中的验证码。
ASP.NET.MVC登录页面_第3张图片 ASP.NET.MVC登录页面_第4张图片
五(1)、判断用户输入的验证码是否和session中的是否一样,一样就继续执行,否则验证码错误,根据账号查询出一条数据来判断账号和密码,把用户数据放到session中设置session传递数据,登录时间,然后记录用户使用cookie记住密码,保存用户账号密码到cookie中,设置保存时间,否则忘记密码设置时间为昨天,浏览器会自动删除用户账号和密码,如果数据正确就记住用户信息,否则就判断账号或密码错误,最后返回页面,传递数据给视图设置判断数据错误的提示。

ASP.NET.MVC登录页面_第5张图片

六、首先命名一个函数来封装需要判断登录的数据,然后关闭加载层后,就开始拼接一下数据登录成功跳转的页面,如果成功就直接跳转页面,否则就提示账号密码的错误,判断验证码,还有用户不存在或者登录失败,登陆完成后清除验证码和密码,刷新一下验证码。
ASP.NET.MVC登录页面_第6张图片
七、最后在控制器写登录页面的判断数据,判断用户是那种类型的登录信息,获取cookie,urldecode解码一下,判断数据的传输,判断是否为空,然后把数据传递到页面,获取变量,是页面接收到用户的登录信息是属于什么类型,判断属于用户的基本功能。
ASP.NET.MVC登录页面_第7张图片
八、实现效果图
ASP.NET.MVC登录页面_第8张图片 ASP.NET.MVC登录页面_第9张图片

你可能感兴趣的:(VS技术总结)