登录页面的操作

作者：肖珍珍
撰写时间：2020/8/17
1.在主控制器添加登录页面，然后去页面布局
注：图片的布局
2.注意直接启动项目是无法找到资源，要去RouteConfig这个类更改

3.注意使用layui.js(需要时再加载)

4.给登录按钮绑定点击事件
（1）获取表单数据（工号，密码，验证码，记住我（勾选框））
（2）数据验证（验证数据是否为空和未定义）
（3）数据提交（开启加载层 – 请求 – 在网络请求的回调的最前面关闭加载层-- 然后用if…else…语句判断是成功还是失败）

5.注意页面要获取数据，首先在控制器把数据返回页面（使用cookie的方法）

6.注意要在控制器写方法去验证登录页面用户的数据
（1）检查用户输入的验证码是否正确
A、从session中获取出保存的验证码字符串
B、验证用户输入的验证码和session中的验证码是否相同 忽略大小写
（2）验证用户的工号和密码是否匹配（首先添加数据库model，和AESEncryptHelper类）
A、查询登录的用户数据（使用linq来查询）
B、判断用户输入的密码和数据库中的密码是否相同
对用户输入的密码进行AES加密

将加密后的数据和数据库中查询的用户密码比较
（3）保存用户信息到session,用户ID，用户工号
（4）处理记住我这个功能 使用cookie实现
A、判断是否勾选“记住我”（用if…else…语句判断，不管是勾选还是不勾选都要实例cookie，然后勾选的（保存数据到session，设置cookie的有效期为7天，通过Response把cookie返回给浏览器）；未勾选的（设置cookie的有效期为昨天（-1）, 通过Response把cookie返回给浏览器））
如图所示：

7.图片的点击事件（注：t参数的作用：为了避免浏览器缓存图片）

8.再去控制器写生成验证码和验证图片的方法（先添加ValidCodeUtils类）

9.注意：避免登录页面嵌套到子页面中