Easyui + asp.net MVC 系列教程 完成登录
Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制
前面八节 在这里
Easyui + asp.net mvc + sqlite 开发教程（录屏）适合入门
在接下来的 几节里面 我们完成登录功能 打开页面 首先进入登录页面 只有登录成功了 才能进入管理页面
我们添加一个 登录 页面 使用easyui 的window 控件
<head runat="server">
<<span href="tag.php?name=title" onclick="tagshow(event)" class="t_tag">title</span>>Login</title>
<script src="../../Content/Easyui/<span href="tag.php?name=jquery" onclick="tagshow(event)" class="t_tag">jquery</span>-1.8.0.min.js" type="text/javascript"></script>
<script src="../../Content/Easyui/jquery.easyui.min.js" type="text/javascript"></script>
<script src="../../Content/Easyui/easyui-lang-zh_CN.js" type="text/javascript"></script>
<link href="../../Content/Easyui/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="../../Content/Easyui/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="../../Scripts/Common/Login.js" type="text/javascript"></script>
</head>
<body>
<div id="win" class="easyui-window" title="登录系统" style="width:260px;height:180px;" data-options="iconCls:'icon-save',modal:true,closable:false,minimizable:false,maximizable:false,collapsible:false,draggable:false,resizable:false">
<table style=" padding-top:10px; padding-left:15px;">
<tr>
<td>用户名：</td><td><input id="name" type="text" /></td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td>密 码：</td><td><input id="pwd" type="text" /></td>
</tr>
<tr>
<td></td><td></td>
</tr>
<tr>
<td></td><td><input type="button" onclick="Login();" value="登录" /></td>
</tr>
<tr>
<td></td><td><label id="showInfo" style=" color:Red"></label></td>
</tr>
</table>
</div>
<%--<input type="button" value="有种点我" /> --%>
</body>
修改window的属性 使得它 不能最小化 最大化 和折叠
然后 我们开始写post部分
首先 从前台到后台 我们用ajax 异步post
我们添加一个登录的按钮 并且有一个点击的事件
"button" onclick="Login();"
通过ajax的异步提交
function Login() {
var name = $('#name').val();
var pwd = $('#pwd').val();
//做一层验证
if (name == '') {
alert('用户名不能为空!');
}
else {
$.post("/account/DoLogin", { "name": name, "pwd": pwd }, //www.bamn.cn/dologin?name=admin&pwd=sadf
function (data) {
if (data == '-2') {
//alert('!');
$('#showInfo').html("用户名或者密码错误!");
}
else if (data == '-1') {
//alert('!');
$('#showInfo').html("用户名为空!");
}
else {
$('#showInfo').html("登录成功!");
window.location.href = "/home/index";
}
});
}
}
post 提交给mvc中的action
//asp.net mvc 的登录action
UserSystem.Business.UserManager userManager = new Business.UserManager(); public ActionResult DoLogin()
{
int res = 0; //获取前台js传过来的用户名和密码
string name = Request.Form["name"];
string pwd = Request.Form["pwd"]; //后台的判断
if (string.IsNullOrEmpty(name))
{
res = -1;
}
else
{
//去<span href="tag.php?name=%CA%FD%BE%DD%BF%E2" onclick="tagshow(event)" class="t_tag">数据库</span>做判断
List<UserSystem.Model.UserManager> userList = userManager.GetModelList(" name = '"+name+"' and pwd = '"+pwd+"'");
if (userList.Count == 0)
{
res = -2;
}
else
{
//登录成功
Session["user"] = userList[0];
} }
return Content(res.ToString());
}
讲解一下 session的原理机制
以下是视频下载地址： 百度网盘
第09节 tab动态显示一个独立的页面(从讲第八节)
http://pan.baidu.com/share/link?shareid=993959992&uk=3492938099
第10节 登录窗体 通过ajax 提交给后台 前端js验证数据合法性
http://pan.baidu.com/share/link?shareid=997902236&uk=3492938099
第11节 登录页面的设计 和windows控件的属性设计
http://pan.baidu.com/share/link?shareid=1001060000&uk=3492938099
第12节 登录后台进行一层过滤 sqlite数据库的创建 和设计 sqlitedeveloper的使用
http://pan.baidu.com/share/link?shareid=1003226698&uk=3492938099
第13节 sqlite数据库简单介绍 建管理员表 通过动软代码生成 搭建三层
http://pan.baidu.com/share/link?shareid=1005774050&uk=3492938099
第14节 实现登录 跳转
http://pan.baidu.com/share/link?shareid=1008142411&uk=3492938099
第15节 完善登录 Session的使用
http://pan.baidu.com/share/link?shareid=1011124606&uk=3492938099
第16节 完善登录 Session基础知识补充
http://pan.baidu.com/share/link?shareid=1013858824&uk=3492938099
第17节 完善登录 Session基础知识补充2
http://pan.baidu.com/share/link?shareid=1016355744&uk=3492938099
源码下载：http://www.bamn.cn/viewthread.php?tid=35&extra=page%3D1&fujian.rar
Easyui + asp.net MVC 系列教程 完成登录的更多相关文章
- Easyui + asp.net MVC 系列教程 第19-23 节 完成注销 登录限制过滤 添加用户
前面视频 文章地址 Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 ...
- Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制
前面八节 在这里 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 在接下来的 几节里面 我们完成登录功能 打开页面 首先进入登录页面 只有登录成功了 才能进入管理 ...
- Easyui + asp.net mvc + sqlite 开发教程（录屏）适合入门
Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 第一节: 前言(技术简介) EasyUI 是一套 js的前端框架 利用它可以快速的开发出好看的 前端系统 web ...
- ASP.NET MVC+EF框架+EasyUI实现权限管理系列(15)-用户登录详细错误和权限数据库模型设计
原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(15)-用户登录详细错误和权限数据库模型设计 ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇) ...
- 【ASP.NET Identity系列教程（一）】ASP.NET Identity入门
注:本文是[ASP.NET Identity系列教程]的第一篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...
- 【ASP.NET Identity系列教程（二）】运用ASP.NET Identity
注:本文是[ASP.NET Identity系列教程]的第二篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...
- 【ASP.NET Identity系列教程（三）】Identity高级技术
注:本文是[ASP.NET Identity系列教程]的第三篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...
- ASP.NET Identity系列教程（目录）
$(document).ready(function(){ $("#hide").click(function(){ $(".en").hide(); }); ...
- ASP.NET 5系列教程(七)完结篇-解读代码
在本文中,我们将一起查看TodoController 类代码. [Route] 属性定义了Controller的URL 模板: [Route("api/[controller]") ...
随机推荐
- Java8的日期和时间的库20经常使用的演示样本
除了lambda表达,stream以及从一些小的改进,Java 8还推出了新的日期和时间API,在本教程中,我们将展示通过几个简单的任务来学习如何使用示例Java 8这组API.Java至今.日历和时 ...
- dedeCMS中单独调用子栏目模板和子栏目的文章时修改源代码给channel和chanenartllist加上limit
在网站文件中找到include-taglib-chanel.lib.php,和chaneartllist.lib.php 下载用php的IDE打开, chanel.php加入limit属性修改如下 & ...
- AngularJS之使用服务封装可复用代码
创建服务组件 在AngularJS中创建一个服务组件很简单,只需要定义一个具有$get方法的构造函数, 然后使用模块的provider方法进行登记: //定义构造函数 var myServicePro ...
- Java JDK 8 安装和环境变量的配置(Linux and Windows)
Java JDK 8 的安装以及环境变量的配置(Linux and Windows) JDK(Java Development Kit)包含了Java语言的编译器,能够在这里下载: http://ww ...
- Cocos2d-x3.0 TestCPP文件夹的注意事项
1.不多说了,重力加速度. 2.ActionMangerTest:此Test它是由导演来展示,以获得集体诉讼经理ActionManager类别,操作控制节点. ①CrashTest:破坏demo,毁. ...
- 小议 js 下字符串比较大小
原文:小议 js 下字符串比较大小 之前群里有人问如何比较两个时间大小,他的时间格式是 2014-08-08 而不是 2014-8-8.所以我给的方法是 直接比较,如: var a = "2 ...
- 全球最快的JS模板引擎：tppl
废话不多说,先上测试: 亲测请访问:[在线测试地址]单次结果不一定准确,请多测几次. tppl 的编译渲染速度是著名的 jQuery 作者 John Resig 开发的 tmpl 的 43 倍!与第二 ...
- DDD分层架构之领域实体（基础篇）
DDD分层架构之领域实体(基础篇) 上一篇,我介绍了自己在DDD分层架构方面的一些感想,本文开始介绍领域层的实体,代码主要参考自<领域驱动设计C#2008实现>,另外参考了网上找到的一些示 ...
- Rich IntelliSense for jQuery
A while back we updated VS2008 IntelliSense to not fail when referencing jQuery. However, getting I ...
- UVA11125 - Arrange Some Marbles（dp）
UVA11125 - Arrange Some Marbles(dp) option=com_onlinejudge&Itemid=8&category=24&page=sho ...