《登录页面知识点》

开发工具与关键技术：VS MVC 
作者：黄姗姗
年级：18级
撰写日期：2019年6月5日

1.生成验证码的理解：
需要定义一个类，生成验证码的类，GetrandomCode这个是验证码的字符串，5个图片就是显示五个验证码，可以自由选择的，根据自己的项目需求吧。
二位验证码 六位验证码
1、把随机验证码生成图片,Byte类型，是二进制数据，图片是以二进制数据返回去的。图片的格式后面一般都是jpeg。把随机字符串放在Session里面，为做登录验证的准备，进行对比验证是否对错。

2、点击图片切换，this代表的是当前元素，prop和attr的意思差不多一样都是设置获取元素属性。src图片源，后面的是一个时间措。不加上这个时间措会出现问题，点击这个图片不会更换的，只有刷新的时候图片才会更换。

2.登录步骤：
1、在MainController控制器里面创建一个函数，用于验证员工代码、员工密码、验证码：
设置好在视图获取过来的参数

2、在视图获取登录按钮的ID，创建一个点击事件：

然后在函数里面，获取员工代码、员工密码、验证码
根据员工代码input标签的ID获取值：
根据员工密码input标签的ID获取值：
根据验证码input标签的ID获取值：

然后利用post提交方式把这些值提交到对应的控制器里面的函数：

视图的完整代码：

3、在第一步创建的控制器中的函数里面，判断传过来的验证码、员工代码、员工密码
1、判断验证码是否为空：
根据session获取已经生成的验证码：

然后拿这个判断输入的验证码：

2、然后如果验证码不等于空，就判断验证码是否一致

3、如果验证码正确了，就判断员工代码、员工密码是否为空：

4、如果不为空，就验证员工代码：
1、创建linq语句，根据员工代码进行查询

然后判断tabel的总数：
If(table.count()>0){ 如果table.count>0,就进行密码验证

}else{否则，就返回，提示员工代码不正确
return Json(“请输入正确的员工代码”, JsonRequestBehavior.AllowGet);
}
2、进行密码验证：
创建linq语句，根据员工代码和员工密码进行查询

然后判断tabels的总数：
If(tables.count()>0){ 如果tables.count>0,就进行返回true
return Json(true, JsonRequestBehavior.AllowGet);
}else{否则，就返回，提示员工密码不正确
return Json(“请输入正确的员工密码”, JsonRequestBehavior.AllowGet);
}
5、最后在视图post的提交方法里：把返回的数据进行判断

如果data等于true，那就是员工代码、员工密码、验证都正确，就跳转到主页面：

3.登录文本框的问题：
1、创建文本框的鼠标输入事件：
第一句代码，就是获取文本框的值，
然后就是判断值是否为空，如果为””，就显示那个文字出来，否则就不显示

2、创建文本框的鼠标离开事件：
第一句代码，就是获取文本框的值，
然后就是判断值是否为空，如果为””，就显示那个文字出来，否则就不显示