[实战]MVC5+EF6+MySql企业网盘实战(6)——ajax方式登录
写在前面
今天回来的比较早，就趁着有空，把登录的代码更新一下。上篇文章实现了ajax的注册，这篇将实现登录，实现目标，ajax登录方式，如果勾选记住我，则下次不再输入用户名密码，直接跳转到网盘界面。
系列文章
[EF]vs15+ef6+mysql code first方式
[实战]MVC5+EF6+MySql企业网盘实战(2)——用户注册
[实战]MVC5+EF6+MySql企业网盘实战(3)——验证码
[实战]MVC5+EF6+MySql企业网盘实战(4)——上传头像
[实战]MVC5+EF6+MySql企业网盘实战(5)——登录界面，头像等比例压缩
[实战]MVC5+EF6+MySql企业网盘实战(5)——页面模板
[实战]MVC5+EF6+MySql企业网盘实战(5)——ajax方式注册
[实战]MVC5+EF6+MySql企业网盘实战(6)——ajax方式登录
代码
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="企业,网盘,企业网盘">
<meta name="author" content="Muhammad Usman">
<title>登录</title>
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<link href="~/Content/Css/bootstrap-cerulean.min.css" rel="stylesheet" />
<link href="~/Content/Css/charisma-app.css" rel="stylesheet" />
<link href="~/Content/Css/jquery.noty.css" rel="stylesheet" />
<link href="~/Content/Css/elfinder.min.css" rel="stylesheet" />
<link href="~/Content/Css/elfinder.theme.css" rel="stylesheet" />
<link href="~/Content/Css/jquery.iphone.toggle.css" rel="stylesheet" />
<link href="~/Content/Css/animate.min.css" rel="stylesheet" />
<script>
$(function () {
//多选框
$("#chkRemember").click(function () {
if (!$(this).attr("checked")) {
$(this).attr("checked", 'checked');
} else {
$(this).removeAttr("checked");
};
});
//为登录按钮注册单击事件
$('#btnLogin').click(function () {
$.ajax({
type: "post",
url: "/UserInfo/Login",
data: { userName: $("#txtUserName").val(), pwd: $("#txtPwd").val(), remember: $("#chkRemember").attr('checked') },
dataType: "json",
success: function (data) {
console.log(data);
data = JSON.parse(data);
if (data.code == 200) {
} else {
$("#loginMsg").html("<span style='color:red;'>"+data.msg+"</span>");
};
}, error: function (msg) {
alert(data);
}
});
});
});
</script>
</head>
<body>
<div class="row">
<div class="row">
<div class="col-md-12 center login-header">
<h2>欢迎使用 Wolfy企业网盘</h2>
</div>
<!--/span-->
</div><!--/row-->
<div class="container">
<div class="row">
<div class="well col-md-5 center login-box">
<div class="alert alert-info" id="loginMsg">
请使用用户名和密码登录
</div>
<fieldset>
<div class="input-group input-group-lg">
<span class="input-group-addon"><i class="glyphicon glyphicon-user red"></i></span>
<input type="text" class="form-control" id="txtUserName" placeholder="用户名">
</div>
<div class="clearfix"></div><br>
<div class="input-group input-group-lg">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock red"></i></span>
<input type="password" class="form-control" id="txtPwd" placeholder="密码">
</div>
<div class="clearfix"></div>
<div class="input-prepend">
<label class="remember" for="chkRemember"><input type="checkbox" name="chkRemember" id="chkRemember" value="1" /> 记住我</label>
</div>
<div class="clearfix"></div>
<p class="center col-md-5">
<button type="button" class="btn btn-primary" id="btnLogin">登录</button>
</p><a href="/UserInfo/Register" class="right" style="float:right;">注册</a>
</fieldset>
</div>
<!--/span-->
</div><!--/row-->
</div><!--/fluid-row-->
</div>
</body>
</html>
Login.cshtml
目前还是使用session来保持状态，使用在action上加特性的方式，留待以后优化。
[HttpGet]
public ActionResult Login()
{
UserInfo userInfo = null;
if (Request.Cookies["n"] != null && Request.Cookies["p"] != null)
{
string userName = Request.Cookies["n"].Value;
string pwd = Request.Cookies["p"].Value;
userInfo = _userInfoServiceRepository.Find(x => x.UserName == userName && x.Pwd == pwd);
if (userInfo!=null)
{
if (Session["user"] == null)
{
Session["user"] = userInfo;
}
//更新最后一次登录时间
userInfo.LoginDt = DateTime.Now;
_userInfoServiceRepository.Update(userInfo);
_userInfoServiceRepository.SaveChanges();
} }
return View();
}
/// <summary>
/// 登录
/// </summary>
/// <param name="userName"></param>
/// <param name="code"></param>
/// <returns></returns>
[HttpPost]
public JsonResult Login(string userName, string pwd, string remember)
{
if (!_userInfoServiceRepository.Exist(userName))
{
return new JsonResult() { Data = "{\"code\":500,\"msg\":\"用户名不存在\"}" };
}
if (!string.IsNullOrEmpty(pwd))
{
pwd = MD5Helper.GetMD5FromString(pwd);
}
else
{
return new JsonResult() { Data = "{\"code\":500,\"msg\":\"密码不能为空\"}" };
}
UserInfo userInfo = _userInfoServiceRepository.Find(x => x.UserName == userName && x.Pwd == pwd);
if (userInfo == null)
{
return new JsonResult() { Data = "{\"code\":500,\"msg\":\"用户名和密码不匹配\"}" };
}
if (!string.IsNullOrEmpty(remember) && remember.Equals("checked"))
{
HttpCookie nameCookie = new HttpCookie("n", userName);
nameCookie.Expires = DateTime.Now.AddDays();
//将md5串写入cookie，或者再次进行AES加密写入
HttpCookie pwdCookie = new HttpCookie("p", pwd);
pwdCookie.Expires = DateTime.Now.AddDays();
Response.Cookies.Add(nameCookie);
Response.Cookies.Add(pwdCookie);
}
//登录成功写入session
Session["user"] = userInfo;
//更新登录状态
userInfo.LoginDt = DateTime.Now;
_userInfoServiceRepository.Update(userInfo);
_userInfoServiceRepository.SaveChanges();
return new JsonResult() { Data = "{\"code\":200,\"msg\":\"登录成功\"}" };
}
测试
登录成功后，跳转到FileList页面。
总结
关于ajax方式登录的内容就到这里。下面将进入网盘的主页。
[实战]MVC5+EF6+MySql企业网盘实战(6)——ajax方式登录的更多相关文章
- [实战]MVC5+EF6+MySql企业网盘实战(28)——其他列表
写在前面 本篇文章将实现,其他文件类型的列表. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网盘实战(1) [实战]MVC5+EF ...
- [实战]MVC5+EF6+MySql企业网盘实战(27)——应用列表
写在前面 本篇文章将实现应用列表,同样和其他列表的不同之处,在于查询条件的不同. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网盘 ...
- [实战]MVC5+EF6+MySql企业网盘实战(4)——上传头像
写在前面 最近又开始忙了,工期紧比较赶,另外明天又要去驾校,只能一个功能一个功能的添加了,也许每次完成的功能确实不算什么,等将功能都实现了,然后在找一个好点的ui对前端重构一下. 系列文章 [EF]v ...
- [实战]MVC5+EF6+MySql企业网盘实战(2)——验证码
写在前面 断断续续,今天算是把验证码的东东弄出来了. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网盘实战(1) [实战]MVC5 ...
- [实战]MVC5+EF6+MySql企业网盘实战(2)——用户注册
写在前面 上篇文章简单介绍了项目的结构,这篇文章将实现用户的注册.当然关于漂亮的ui,这在追后再去添加了,先将功能实现.也许代码中有不合适的地方,也只有在之后慢慢去优化了. 系列文章 [EF]vs15 ...
- [实战]MVC5+EF6+MySql企业网盘实战(1)
写在前面 不久前,一个朋友让帮他弄一个单位的企业网盘的管理站点,一直忙,最近抽出了点时间,也想琢磨琢磨mvc,ef,mysql,这算是边琢磨,边实践吧. 系列文章 [实战]MVC5+EF6+MySql ...
- [实战]MVC5+EF6+MySql企业网盘实战(26)——音乐列表
写在前面 本篇文章将实现,音乐列表,同样和其他列表的不同之处,在于查询条件的不同. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网 ...
- [实战]MVC5+EF6+MySql企业网盘实战(25)——种子列表
写在前面 上篇文章实现了视频列表,本篇文章继续实现其他的文件列表.功能相似.这里就不再赘述. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MyS ...
- [实战]MVC5+EF6+MySql企业网盘实战(24)——视频列表
写在前面 上篇文章实现了文档列表,所以实现视频列表就依葫芦画瓢就行了. 系列文章 [EF]vs15+ef6+mysql code first方式 [实战]MVC5+EF6+MySql企业网盘实战(1) ...
- [实战]MVC5+EF6+MySql企业网盘实战(23)——文档列表
写在前面 上篇文章实现了图片列表,这篇文章实现文档列表将轻车熟路,因为逻辑基本相似,只是查询条件的不同.这里将txt,doc,docx,ppt,pptx,xls,xlsx的文件都归为文档列表中. 系列 ...
随机推荐
- SSM与SSH的对比
struts与springMVC的对比: 1.核心控制器(前端控制器.预处理控制器):负责接收页面请求和返回数据给页面. 对于使用过mvc框架的人来说这个词应该不会陌生,核心控制器的主要用途是处理所有 ...
- Java基础-synchronized关键字的用法（转载）
synchronized--同步 顾名思义是用于同步互斥的作用的. 这里精简的记一下它的使用方法以及意义: 当synchronized修饰 this或者非静态方法或者是一个实例的时候,所同步的锁是加在 ...
- [DeeplearningAI笔记]卷积神经网络2.3-2.4深度残差网络
4.2深度卷积网络 觉得有用的话,欢迎一起讨论相互学习~Follow Me 参考文献 [残差网络]--He K, Zhang X, Ren S, et al. Deep Residual Learni ...
- Java集合框架（list，Queue）
List和Queue都继承自Collection接口 list常规用法 List判断两个对象相等的标准:equals方法返回true class A2 { public boolean equals( ...
- Codeforces Round #191 (Div. 2) A. Flipping Game(简单)
A. Flipping Game time limit per test 1 second memory limit per test 256 megabytes input standard inp ...
- 《JavaScript 实战》：实现图片幻滑动展示效果
滑动展示效果主要用在图片或信息的滑动展示,也可以设置一下做成简单的口风琴(Accordion)效果.这个其实就是以前写的图片滑动展示效果的改进版,那是我第一篇比较受关注的文章,是时候整理一下了. 有如 ...
- 【BZOJ】3173: [Tjoi2013]最长上升子序列（树状数组）
[题意]给定ai,将1~n从小到大插入到第ai个数字之后,求每次插入后的LIS长度. [算法]树状数组||平衡树 [题解] 这是树状数组的一个用法:O(n log n)寻找前缀和为k的最小位置.(当数 ...
- 小程序制作中 一个奇怪的bug
事情是这样的:原一个购物车 合并本地数据和服务器 数据方法如下 ,正常测试没有问题,当每次重新登录,会调用到这个方法,就会莫名其妙的卡主,debug 发现 a1.length =77731508 导致 ...
- 2017ACM暑期多校联合训练 - Team 2 1006 HDU 6050 Funny Function （找规律 矩阵快速幂）
题目链接 Problem Description Function Fx,ysatisfies: For given integers N and M,calculate Fm,1 modulo 1e ...
- NYOJ 409 郁闷的C小加（三） （字符串处理）
题目链接 描述 聪明的你帮助C小加解决了中缀表达式到后缀表达式的转换(详情请参考"郁闷的C小加(一)"),C小加很高兴.但C小加是个爱思考的人,他又想通过这种方法计算一个表达式的值 ...