登录界面

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后进行加密。这需要封装一个类来用，因为如果我们不对密码进行加密，那么我们的密码会泄露出去，所以必须的使用密码进行加密。

• 

   

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

• 

  这样一个登录界面就完成了。