前面八节 在这里

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 = ; //获取前台js传过来的用户名和密码
string name = Request.Form["name"];
string pwd = Request.Form["pwd"]; //后台的判断
if (string.IsNullOrEmpty(name))
{
res = -;
}
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 == )
{
res = -;
}
else
{
//登录成功
Session["user"] = userList[];
} }
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 系列教程 第09-17 节 完成登录 高清录制的更多相关文章

  1. Easyui + asp.net MVC 系列教程 完成登录

    Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制 前面八节 在这里 Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 在接下 ...

  2. Easyui + asp.net MVC 系列教程 第19-23 节 完成注销 登录限制过滤 添加用户

    前面视频 文章地址 Easyui + asp.net MVC 系列教程 第09-17 节 完成登录 高清录制  Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门  ...

  3. Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门

    Easyui + asp.net mvc + sqlite 开发教程(录屏)适合入门 第一节: 前言(技术简介) EasyUI 是一套 js的前端框架 利用它可以快速的开发出好看的 前端系统 web ...

  4. 【转】ASP.NET MVC 入门教程列表

    ASP.NET MVC小论 2008-12-04 11:11 by T2噬菌体, 8052 visits, 网摘, 收藏, 编辑 摘要:ASP.NET MVC作为微软官方的.NET平台下MVC解决方案 ...

  5. 【ASP.NET MVC系列】浅谈ASP.NET MVC 路由

    ASP.NET MVC系列文章 [01]浅谈Google Chrome浏览器(理论篇) [02]浅谈Google Chrome浏览器(操作篇)(上) [03]浅谈Google Chrome浏览器(操作 ...

  6. ASP.NET Identity系列教程(目录)

    $(document).ready(function(){ $("#hide").click(function(){ $(".en").hide(); }); ...

  7. 【ASP.NET Identity系列教程(一)】ASP.NET Identity入门

    注:本文是[ASP.NET Identity系列教程]的第一篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...

  8. 【ASP.NET Identity系列教程(二)】运用ASP.NET Identity

    注:本文是[ASP.NET Identity系列教程]的第二篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...

  9. 【ASP.NET Identity系列教程(三)】Identity高级技术

    注:本文是[ASP.NET Identity系列教程]的第三篇.本系列教程详细.完整.深入地介绍了微软的ASP.NET Identity技术,描述了如何运用ASP.NET Identity实现应用程序 ...

随机推荐

  1. “秘书九段的故事”,要学会给自己制定一个工作N段或者技术N段

    总经理要求秘书安排次日上午九点开一个会议.在这件事下,什么是任务?什么是结果? 通知到所有参会的人员,然后秘书自己也参加会议来做服务,这是“任务”.但我们想要的结果是什么呢?下面是一至九段秘书的不同做 ...

  2. 解决Android中图片圆角——.9图

    目录:  一.问题概述 二..9图介绍 三..9图制作 1.开发工具 2.打开图片 3.制作图片 4.保存图片 一.问题概述 在html开发中,可以通过设置css的border-radius来设置圆角 ...

  3. 运行代码时报linker command failed with exit code 1 错误

    一个c语言项目,在.h文件中原来只有一些方法的声明,后来我加入了一些变量声明后,编译的时候报错: 运行代码时报linker command failed with exit code 1 错误 怎么回 ...

  4. OpenWRT使用wifidog实现强制认证的WIFI热点

    首先安装wifidog到OpenWRT的路由器: opkg update opkg install wifidog wifidog依赖下面这些模块: iptables-mod-extra iptabl ...

  5. Bridging and Bonding with CentOS 6.5

    eth0和eth1要做bond,然后kvm虚拟机通过bridge与外界通信. 那么就要在bond上做bridge.配置文件例如以下,实測这样配置,能够从kvm虚拟机ping通外界拓扑. ifcfg-e ...

  6. iOS MessagePack

    参考地址:http://msgpack.org Install pod "MPMessagePack" Writing #import <MPMessagePack/MPMe ...

  7. 带你走进EJB--将EJB发布为Webservice(1)

    Web service是一个平台独立,松耦合基于可编程的web的应用程序,可使用开放的XML标准来描述.发布.发现.协调和配置这些应用程序,用于开发分布式的互操作的应用程序. 简单说Web servi ...

  8. cnpm的使用

    npm npm服务在国外,很多时候需要FQ才能正常使用,为此淘宝弄了一个国内的镜像,于是有了cnpm 安装cnpm 说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的 ...

  9. did not call through to super.onCreate()

    android.util.SuperNotCalledException: Activity {com.xkyiliao.xkhospital/com.xkyiliao.xkhospital.acti ...

  10. Android versionCode和versionName的区别

    简单的说,versionCode是给机器看的,versionName是给人看的.更新的时候,机器根据versionCode判断是升级还是降级,即使versionName(版本号)比以前的高,但是ver ...