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

 
 
分类: C#辅助

Easyui + asp.net MVC 系列教程 完成登录的更多相关文章

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

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

  2. 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+EF框架+EasyUI实现权限管理系列(15)-用户登录详细错误和权限数据库模型设计

    原文:ASP.NET MVC+EF框架+EasyUI实现权限管理系列(15)-用户登录详细错误和权限数据库模型设计     ASP.NET MVC+EF框架+EasyUI实现权限管系列 (开篇)    ...

  5. 【ASP.NET Identity系列教程（一）】ASP.NET Identity入门

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

  6. 【ASP.NET Identity系列教程（二）】运用ASP.NET Identity

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

  7. 【ASP.NET Identity系列教程（三）】Identity高级技术

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

  8. ASP.NET Identity系列教程（目录）

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

  9. ASP.NET 5系列教程(七)完结篇-解读代码

    在本文中,我们将一起查看TodoController 类代码. [Route] 属性定义了Controller的URL 模板: [Route("api/[controller]") ...

随机推荐

  1. C#特性和反射

    C#特性和反射 .NET编译器的任务之一就是为所有定义和引用的类型生成元数据描述.除了程序集中标准的元数据外,.NET平台还支持特定(attribute)把更多的元数据嵌入到程序集中. .NET特性扩 ...

  2. 批量执行SQL文件

    原文:批量执行SQL文件 摘要:很多时候我们在做系统升级时需要将大量的.sql文件挨个执行,十分不方便.而且考虑到执行顺序和客服的操作方便性,能不能找到一种简单的方法来批量执行这些sql文件呢? 主要 ...

  3. 经验总结35--IP地址区域匹配

    想知道客服端訪问的IP地址是多少,并知道区域. 一般能够去http://www.ip138.com/,输入IP查询,但没提供比較好的接口,程序使用不方便. 另外有些企业提供一些离线的IP数据库,能够进 ...

  4. 关于MariaDB和Mysql

    最近安装数据库的时候发现执行yum install mysql 命令时安装成了mariadb的数据库,它其实也是mysql的一个分支,完全兼容mysql 安装数据库: yum install mysq ...

  5. CreateMutex

    C++ API CreateMutex 找出当前系统是否已经存在指定进程的实例.假设没有则创建一个相互排斥体.CreateMutex()函数可用来创建一个有名或无名的相互排斥量对象. HANDLE C ...

  6. 写给初学前端工程师的一封信 (转于Kejun)

    大家好: 应波波的邀请写一写我对这个话题的想法.从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人.我当时是这么跟他们分析的:过去的客户端以browser为主,所以HTML ...

  7. MVC+UnitOfWork+Repository+EF

    MVC+UnitOfWork+Repository+EF UnitOfWork+Repository模式简介: 每次提交数据库都会打开一个连接,造成结果是:多个连接无法共用一个数据库级别的事务,也就无 ...

  8. yii中登录后跳转回登录前请求的页面

    当我们请求一个经过权限控制的请求不通过时,会跳转到一个地方请求权限,请求结束后需要跳转回之前的页面.比如我们请求一个需要登录的action,会被跳转到login页面,我们希望登录成功后跳转到我们之前希 ...

  9. 配置phonegap Android开发环境

    phonegap的安装路途曲折,首先要基于多种程序,中途还要解决各种问题,下面是phonegap需要的程序 1.NodeJs 2.Phonegap 3.jdk,jre 4.Apache Ant 5.A ...

  10. Oracle中join left，join right，inner join，(+) 等

    Oracle中join left,join right,inner join,(+) 等 博客分类: Oracle   建表create table TEST1create table TEST1(  ...