欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

ASP.NET MVC+EF框架+EasyUI实现权限管理系列(12)-实现用户异步登录和T4模板

程序员文章站 2022-07-05 23:23:46
1. 使用Jquery发送异步请求   (1)上篇博客我们已经实现了验证码以及用户界面的设置,在这里秀一下界面:       (2)下面我们首先在前台页面写代码发送...

1. 使用Jquery发送异步请求

  (1)上篇博客我们已经实现了验证码以及用户界面的设置,在这里秀一下界面:

   ASP.NET MVC+EF框架+EasyUI实现权限管理系列(12)-实现用户异步登录和T4模板

  (2)下面我们首先在前台页面写代码发送异步请求,因为我们是使用Jquery发送异步请求的,所以我们就必须引入Jquery文件,发送异步请求的代码如下,我写了很详细的注释,其他的这里我就不解释了。


 1 @*引用Jquery文件的JS脚本*@
 2
 3 <script src="~/Scripts/jquery-1.7.1.js"></script>
 4
 5 <script type="text/javascript">
 6
 7    //当用户刷新页面触发的方法
 8
 9    $(function() {
10
11        //实现用户登录的方法
12
13        LoginUserInfo();
14
15          //单击的时候修改验证码的方法
16
17           ClickRemoveChangeCode();
18
19      });
20
21       //实现用户登录
22
23        function LoginUserInfo() {
24
25           //获取单击用户登录按钮的事件
26
27           $("#btnLogin").click(function() {
28
29           //首先获取到要传递到控制器的参数,并且狗造成Json。UName,Pwd,Code
30
31            var postData = {
32
33                UName: $("#UName").val(),
34
35                Pwd: $("#Pwd").val(),
36
37                Code: $("#Code").val()
38
39             };
40
41            //发送异步请求实现登录
42
43            $.post("/Login/CheckUserInfo", postData, function(data) {
44
45                 if (data = "OK") {
46
47                     window.location.href = "/Home/Index";
48
49                  } else {
50
51                   alert(data);
52
53                     window.location.href = "/Login/Index";
54
55                  }
56
57              });
58
59         });
60
61     }
62
63     //单击重新改变验证码
64
65    function ClickRemoveChangeCode() {
66
67       //首先我们获取到验证码的路径
68
69        var code = $("#imgCode").attr("src");
70
71       //然后重新给验证码的路径赋值
72
73       $("#imgCode").attr("src", code + "1");
74
75      }
76
77 </script>  (3)通过上面的方法我们就将整个用户登录需要的信息(用户名,密码,验证码)已经发送给控制器了,这时候我们控制器里面就要调用业务逻辑层进行对用户名和密码的验证。

2.业务逻辑层验证用户名密码是否正确

  (1)上面我们已经写完了发送请求的Jquery方法,那么这时候我们看到了我们要实现Login控制器下面的CheckUserInfo方法,那么这时候我们还缺什么呢?当然是我们就要去实现验证用户名密码是否正确的业务逻辑的书写,针对这个项目下面我说一下要实现一个业务逻辑的方法的一般步骤如下。

  (2)第一步:一般情况下,首先我们会去业务逻辑接口层(LYZJ.UserLimitMVC.IBLL)去加接口约束,针对用户登录的话如果登录成功,我们返回用户登录信息的实体,传递的参数也是用户需要的实体对象,当然我们也可以传递用户名,密码等字符串,这里的取决在于自己,那么我们给IUserInfoService类中加的接口如下:


1 public interface IUserInfoService:IBaseService<UserInfo>
2
3 {
4
5     //在这里添加一个用户登录信息的约束
6
7     UserInfo CheckUserInfo(UserInfo userInfo);
8
9 }  (3)第二步:当我们加完接口约束之后,我们就去业务逻辑层(LYZJ.UserLimitMVC.BLL)的UserInfoService类里面去实现接口,在这里我们实现验证用户名密码是否正确的方法。


 1 //完成了对用户的校验
 2
 3 public UserInfo CheckUserInfo(UserInfo userInfo)
 4
 5 {
 6
 7     //在这里会去数据库检查是否有数据,如果没有的话就会返回一个空值
 8
 9     return _DbSession.UserInfoRepository.LoadEntities(u => u.UName == userInfo.UName && u.Pwd == userInfo.Pwd).FirstOrDefault();
10
11 }  (4)经过上面的两步,现在我们已经实现了判断用户名密码是否正确的方法,那么下面我们就是去控制器中直接调用我们在业务逻辑层完成的方法即可。

3.在控制器中验证验证码是否正确和用户登录的过程

  (1)当我们完成在业务逻辑层对用户是否正确的判断之后,这时候我们就要去控制器中实现最终的判断了,这时候我们在控制器中首先要判断验证码是否正确,其次我们就是判断用户输入的用户名密码是否正确,代码中都写了注释,就不详细说了。


 1 //实例化UserInfo接口的对象
 2
 3         private IBLL.IUserInfoService _userInfoService = new UserInfoService();
 4
 5         //实现用户的登录
 6
 7         public ActionResult Index()
 8
 9         {
10
11             return View();
12
13         }
14
15         //判断用户输入的信息是否正确
16
17         [HttpPost]
18
19         public ActionResult CheckUserInfo(UserInfo userInfo, string Code)
20
21         {
22
23             //首先我们拿到系统的验证码
24
25             string sessionCode = this.TempData["ValidateCode"] == null
26
27                                      ? new Guid().ToString()
28
29                                      : this.TempData["ValidateCode"].ToString();
30
31             //然后我们就将验证码去掉,避免了暴力破解
32
33             this.TempData["ValidateCode"] = new Guid();
34
35             //判断用户输入的验证码是否正确
36
37             if (sessionCode != Code)
38
39             {
40
41                 return Content("验证码输入不正确");
42
43             }
44
45             //调用业务逻辑层(BLL)去校验用户是否正确
46
47             var loginUserInfo = _userInfoService.CheckUserInfo(userInfo);
48
49             if (loginUserInfo != null)
50
51             {
52
53                 return Content("OK");
54
55             }
56
57             else
58
59             {
60
61                 return Content("用户名密码错误");
62
63             }
64
65         }  (2)到这里我们的登录就搞完事了,这时候你可以自己去试着登录了。下面我秀几张登录的图片。

4.登录状况的图片

  (1)通过上面的介绍,现在我们已经实现了登录的效果,但是在这里我没有对登录是否输入做验证,也就是几个文本框必须输入内容没有做验证,但是不输入内容的话用户登录还是登录不了,会提示后台返回错误。

  

  ASP.NET MVC+EF框架+EasyUI实现权限管理系列(12)-实现用户异步登录和T4模板

  ASP.NET MVC+EF框架+EasyUI实现权限管理系列(12)-实现用户异步登录和T4模板