找回密码
 会员注册
查看: 176|回复: 0

ASP.NET.MVC登录页面

[复制链接]

1389

主题

5

回帖

496万

积分

管理员

积分
4962988
发表于 2024-2-29 08:39:18 | 显示全部楼层 |阅读模式
  1. ASP.NET.MVC登录页面
复制代码

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

一、我们学习MVC的时候做的第一步就是登陆,登陆是做项目必不可缺的一个重要的一个流程,登陆首先要获取到用户的账号和一些基本的内容,还有就是验证码,验证码的作用就是防止一些机器自动化的登陆。创建一个登陆页面,首先我们要把HTML的代码实现基本的页面出来。
二、下面就是一些input的标签和一些放置内容的一些表格数据的基本框架,首先我们来看验证码的部分,首先给它一个input标签输入验证码,再给已给div放置图片用来刷新验证码信息,最后再给一个id设置验证码图片的刷新和判断数据。再传输信息到控制器。

在这里插入图片描述

三、设置验证码图片的接口和点击事件传输给控制器,通过视图传输的接口来写验证码图片的数据,首先生成字符串再根据字符串生成验证码,再存入session中,最后返回视图,并刷新验证码。
在这里插入图片描述

在这里插入图片描述

四,通过获取用户账号,密码,验证码的值来判断登录数据验证,然后判断一个请求,数据是否填写,写一个post请求给控制器查询数据,通过接收的数据来定义一个全局的变量,通过获取页面传来的变量判断哪个地方的错误,然后判断获取中的验证码,再取出session中的验证码。
在这里插入图片描述
在这里插入图片描述

五(1)、判断用户输入的验证码是否和session中的是否一样,一样就继续执行,否则验证码错误,根据账号查询出一条数据来判断账号和密码,把用户数据放到session中设置session传递数据,登录时间,然后记录用户使用cookie记住密码,保存用户账号密码到cookie中,设置保存时间,否则忘记密码设置时间为昨天,浏览器会自动删除用户账号和密码,如果数据正确就记住用户信息,否则就判断账号或密码错误,最后返回页面,传递数据给视图设置判断数据错误的提示。

在这里插入图片描述

六、首先命名一个函数来封装需要判断登录的数据,然后关闭加载层后,就开始拼接一下数据登录成功跳转的页面,如果成功就直接跳转页面,否则就提示账号密码的错误,判断验证码,还有用户不存在或者登录失败,登陆完成后清除验证码和密码,刷新一下验证码。

在这里插入图片描述

七、最后在控制器写登录页面的判断数据,判断用户是那种类型的登录信息,获取cookie,urldecode解码一下,判断数据的传输,判断是否为空,然后把数据传递到页面,获取变量,是页面接收到用户的登录信息是属于什么类型,判断属于用户的基本功能。
在这里插入图片描述

八、实现效果图
在这里插入图片描述
在这里插入图片描述


来源:https://blog.csdn.net/weixin_44538151/article/details/89891950
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?会员注册

×
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

QQ|手机版|心飞设计-版权所有:微度网络信息技术服务中心 ( 鲁ICP备17032091号-12 )|网站地图

GMT+8, 2024-12-25 13:17 , Processed in 0.568239 second(s), 26 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表