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

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

前面视频文章地址

Easyui + asp.net MVC 系列教程第09-17 节完成登录高清录制

Easyui + asp.net mvc + sqlite 开发教程（录屏）适合入门

这节课我们要实现一个登录的限制

如果用户没有登录就访问我们的管理页面那么直接跳转到登录当然可以可以给一个中间的页面对用户进行友好的提示

我们首先找到管理页的action

        public ActionResult Index()
        {
            return View();
        }

我们编写一个过滤器要继承和实现一个接口

    public class CheckLoginFilter : FilterAttribute, IActionFilter
    {

        public void OnActionExecuted(ActionExecutedContext filterContext)
        {
            if (HttpContext.Current.Session["user"] == null)
            {
                filterContext.HttpContext.Response.Write("-1");
            }
        }

        public void OnActionExecuting(ActionExecutingContext filterContext)
        {
            if (HttpContext.Current.Session["user"] == null)
            {
               //filterContext.HttpContext.Response.Write("-1");
                try
                {
                    filterContext.Result = new RedirectResult("/Account/Login");
                }
                catch (Exception)
                {
                    filterContext.Result = new RedirectResult("/Common/Error");
                }
            }
        }
    }

然后为管理员打上标记

        [CheckLoginFilter()]
        public ActionResult Index()
        {
            return View();
        }

用户添加页面的设计

<div id="tb" style="padding:5px;height:auto">

                <div style="margin-bottom:5px">
                        <a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true"></a>
                        <a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"></a>
                        <a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"></a>
                        <a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true"></a>
                        <a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"></a>
                </div>

                <div>
                        用户名: <input type="text" id="name" style="width:80px">
                        密　码: <input type="text" id="pwd" style="width:80px">
                        技　术: 
                        <select id="tec" class="easyui-combobox" panelHeight="auto" style="width:100px">
                                <option value="java">Java</option>
                                <option value="c">C</option>
                                <option value="basic">Basic</option>
                                <option value="perl">Perl</option>
                                <option value="python">Python</option>
                        </select>
                        <a href="#" class="easyui-linkbutton" iconCls="icon-search" onclick="AddUser();">添加</a>
                </div>

        </div>

添加提交事件

function AddUser() {
    //$.messager.alert('Warning', '你真的添加吗！');
    var name = $('#name').val();
    var pwd = $('#pwd').val();
    var tec = $('#tec').val();

    if (name == '' || pwd == '') {
        $.messager.alert('Warning', '用户名或者密码为空！');
    }
    else {
        $.post("/Account/AddUser", { name: name, name: pwd },
           function (data) {
               //alert("Data Loaded: " + data);
               if (data == '0') {
                   $.messager.alert('Warning', '添加失败！');
               }
               else {
                   $.messager.alert('Warning', '添加成功！');
               }
           });
    }
}