Easyui入门视频教程 第09集---登录完善 图标自定义

目录

-----------------------

Easyui入门视频教程 第09集---登录完善 图标自定义  

Easyui入门视频教程 第08集---登录实现 ajax button的使用  

Easyui入门视频教程 第07集---Accordion的使用  

Easyui入门视频教程 第06集---Layout初始化和属性方法使用  

Easyui入门视频教程 第05集---Easyui复杂布局  

Easyui入门视频教程 第04集---Easyui布局  

Easyui入门视频教程 第03集---Easyui布局  

Easyui入门视频教程 第02集--- ASP.NET MVC下 搭建 EasyUI环境  

Easyui入门视频教程 第01集---认识Easyui  

-----------------------

Easyui入门视频教程 第09集---登录完善 图标自定义

继续 完善 登录

登录 判断

<script type="text/javascript">
        $(document).ready(function () {
            // 在这里写你的代码...
            //$('#btn').linkbutton('enable');
            //$('#btn').linkbutton('disable');
        });

        function Login() {
            var name = $('#name').val();
            var pwd = $('#Password1').val();

            if (name == '') {
                alert('用户名为空！');
                $("#show").html('用户名不能为空');
                return;
            }

            $.post("./user/Login", { name: name, pwd: pwd },
               function (data) {
                   if (data == 1) {
                       alert('登录成功！');
                   }
                   else {
                       alert('用户名或者密码不正确！');
                   }
               });
        }
       
    </script>

后台 MVC action里 判断

        public ActionResult Login()
        {
            string name = Request.Form["name"];
            string pwd = Request.Form["pwd"];

            //调用业务逻辑层 去判断用户 输入是否争取
            //为了 把学easyui放在首位 我们 不操作数据库了 直接判断 我们就默认 name = admin pwd = 123321 为正确

            int res = 1;

            if (name!="admin" || pwd != "123321")
            {
                res = 0;
            }
            return Content(res.ToString());
        }

自定义图标

第一步： 下载图标 最好是16px * 16px 把他放到 theme 的icons 文件夹里面

第二步： 修改icon.css

.icon-laugh{
        background:url('icons/7.png') no-repeat center center;
}

第三步：使用 修改属性

data-options="modal:true,closed:false,iconCls:'icon-laugh'"

 

视频下载地址http://pan.baidu.com/s/1kTshAGv