登录界面

  1. 往往一个项目中不乏缺少一个登录界面,而登陆页面是最基础的,下面是登录界面要实现的效果。

 

2、在完成一个登录界面前,首先要先写出验证码的登录,一个验证码的验证都验证不了,何来的用户名和密码的验证,所以,首先得验证出来验证码。在写验证时,需要引用一个ValidCodeUtils的类来用。验证码的四个步骤:

 

 <1>生成长度为随机的验证码字符串

<2>根据生成的验证码字符串生成 验证码图片

<3>将验证码字符串存入session中 key值为  session 服务器  Cookie  客户端

<4>把图片返回到视图(文件内容,文件格式)

3、在生成验证码的时候,验证码的长度通常为4位或者5位数,这时就需要调用ValidCodeUtils来写验证码了。

4、验证码是一个图片类型,我们需要通过字符串来转换。

5、验证码的储存需要利用Session和Cookie机制来完成,什么是Session和Cookie机制,Cookie通过在客户端记录信息确定用户身份Session通过在服务器端记录信息确定用户身份Cookie就是这样的一种机制。它可以弥补HTTP协议无状态的不足。在Session出现之前,基本上所有的网站都采用Cookie来跟踪会话。如果说Cookie机制是通过检查客户身上的通行证来确定客户身份的话,那么Session机制就是通过检查服务器上的客户明细表来确认客户身份。Session相当于程序在服务器上建立的一份客户档案,客户来访的时候只需要查询客户档案表就可以了。

6、最后这需要把图片返回到视图,这样一个验证码就出来了。因为验证码不存在表格,所以用Request接收数据。

 

7、接着我们写用户名和密码的验证,在写用户名和密码的验证时,需声明三个变量,读取浏览器请求传递的Cookie,封装有关个别HTTP请求的所有HTTP特定的信息,然后利用Cookie来循环判断用户名和密码的验证。

在判断用户名和密码的时候,需要用到.Net.MVC的Razor标记,Razor 是一种允许您向网页中嵌入基于服务器的代码(Visual Basic 和 C#)的标记语法。当网页被写入浏览器时,基于服务器的代码能够创建动态内容。在网页加载时,服务器在向浏览器返回页面之前,会执行页面内的基于服务器代码。由于是在服务器上运行,这种代码能执行复杂的任务,比如访问数据库。

C# 的主要 Razor 语法规则

  • Razor 代码封装于 @{ ... } 中
  • 行内表达式(变量和函数)以 @ 开头
  • 代码语句以分号结尾
  • 字符串由引号包围
  • C# 代码对大小写敏感
  •  
  • C# 文件的扩展名是 .cshtml
  • 上面的ViewBag就是用来返回数据的,

     

  • 在验证密码的时候,需要对页面传来的密码进行AES265后进行加密。这需要封装一个类来用,因为如果我们不对密码进行加密,那么我们的密码会泄露出去,所以必须的使用密码进行加密。
  •  

  • 在判断完账号密码和验证码后就可以点击登录了,但键盘也可以写一个点击回车按钮登录,就是键盘按下事件。
  • 这样一个登录界面就完成了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值