前面八节 在这里

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. 1、Python简史

    Python简史 什么是Python 一种解释型的.面向对象的.带有动态语义的高级程序设计语言 Python编程 是一种使你在编程时能够保持自己风格的程序设计语言,你不用费什么劲就可以实现你想要的功能 ...

  2. ajax file upload 修改

    先前 写过 JS 判断上传 文件 大小 后来发现一个问题, 就是单页面运行 js 没有问题, 但是基础呢个到项目中 有些时候 obj_img.dynsrc = file.value; 报错说没有 权限 ...

  3. 《Hadoop大数据架构与实践》学习笔记

    学习慕课网的视频:Hadoop大数据平台架构与实践--基础篇http://www.imooc.com/learn/391 一.第一章 #,Hadoop的两大核心:     #,HDFS,分布式文件系统 ...

  4. 快速书写常见的 Kotlin 代码 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  5. 战斗bug技巧全攻略

    程序员不是有一幅这样的对联吗 上联:一个项目两部电脑三餐盒饭只为四千工资搞得五脏俱损六神无主仍然七点起床八点开会处理九个漏洞十分辛苦: 下联:十年编码九年加班八面无光忙的七窍生烟到头六亲不认五体投地依 ...

  6. 【Scala】Scala多线程-并发实践

    Scala多线程-并发实践 scala extends Thread_百度搜索 scala多线程 - 且穷且独立 - 博客园 Scala和并发编程 - Andy Tech Talk - ITeye博客 ...

  7. Python中Json解析的坑

    JSON虽好,一点点不对,能把人折腾死: 1.变量必须要用双引号 2.如果是字符串,必须要用引号包起来 Error:Expecting : delimiter: line 1 column 6 (ch ...

  8. Jquery的分页插件

    Jquery的分页插件, 用起来还不错. 来自: http://flaviusmatis.github.io/simplePagination.js/   下载地址: https://github.c ...

  9. Node.js中 express-session的奇怪问题

      var session = require('express-session');   app.use(cookieParser()); 行 登录以后访问的时候有时候会报这样的错误: The la ...

  10. IDEA 不能显示项目里的文件结构

    方法一: 关闭IDEA, 然后删除项目文件夹下的.idea文件夹 重新用IDEA工具打开项目 方法二: 菜单:File -> Invalidate Caches / Restart