Easyui登陆页面制作

一、登陆页面HTML

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.EasyUITest.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login</title>
    <script src="../Scripts/jquery-1.6.min.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="../Scripts/themes/icon.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("#win").window({
                title: "Login",
                width: 300,
                height: 200,
                collapsible: false,
                minimizable: false,
                maximizable: false,
                closable: false,
                closed: false,
                draggable: false,
                resizable: false,
                modal: true
            });
        });
        function login() {
            var name = $("#txt_name").val();
            var psd = $("#txt_psd").val();

            $.ajax({
                type: "POST",
                dataType: "json",
                url: "Service/login.ashx",
                data: { Method: "Login" },
                success: function (data) {
                    $.messager.alert("消息", data, "info");
                },
                error: function () {
                    $.messager.alert("消息", "错误！", "info");
                }
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="win" class="easyui-window">
        <table>
            <tr>
                <td>
                    Name:
                </td>
                <td>
                    <input id="txt_name" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Password:
                </td>
                <td>
                    <input id="txt_psd" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    <a href="#" class="easyui-linkbutton" iconcls="icon-ok" onclick="login()">Login</a>
                </td>
                <td>
                    <a href="#" class="easyui-linkbutton" iconcls="icon-cancel">Cancel</a>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

二、一般处理程序

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Reflection;
using System.Web.SessionState;
using Newtonsoft.Json;

namespace WebApplication1.EasyUITest.Service
{
    /// <summary>
    /// login 的摘要说明
    /// </summary>
    public class login : IHttpHandler, IRequiresSessionState
    {
        HttpRequest Request;
        HttpResponse Response;
        HttpSessionState Session;
        HttpServerUtility Server;
        //HttpCookie Cookie;

        public void ProcessRequest(HttpContext context)
        {
            //不让浏览器缓存
            context.Response.Buffer = true;
            context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-);
            context.Response.AddHeader("pragma", "no-cache");
            context.Response.AddHeader("cache-control", "");
            context.Response.CacheControl = "no-cache";
            context.Response.ContentType = "text/plain";

            Request = context.Request;
            Response = context.Response;
            Session = context.Session;
            Server = context.Server;

            string method = Request["Method"].ToString();
            MethodInfo methodInfo = this.GetType().GetMethod(method);
            methodInfo.Invoke(this, null);
        }

        public void Login()
        {
            Response.Write(JsonConvert.SerializeObject(DateTime.Now.ToString()));
        }

        [Serializable]
        public class Infomation
        {
            public string id { get; set; }
            public string msg { get; set; }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

三、Index页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="WebApplication1.EasyUITest.index" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="../Scripts/themes/icon.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("#tt").tree({
                checkbox: false,
                url: "Service/index.ashx?Method=GetTreeData&id=0",
                onBeforeExpand: function (node, param) {
                    $(this).tree("options").url = "Service/index.ashx?Method=GetTreeData&id=" + node.id;
                },
                onClick: function (node) {
                    $("#contentPage").attr("src", node.attributes);
                }
            });
        });
        function Open() {
            $("#contentPage").attr("src", "WebForm1.aspx");
        }
    </script>
</head>
<body class="easyui-layout">
    <div region="north" style="height: 100px;">
    </div>
    <div region="west" style="width: 200px;" title="west" split="true">
        <ul id="tt">
        </ul>
    </div>
    <div id="divCenter" region="center" title="center" style="padding: 5px; background: #eee;">
        <iframe id="contentPage" width="100%" height="100%" frameborder="0" marginheight="0"
            marginwidth="0"></iframe>
    </div>
</body>
</html>

四、Index一般处理程序

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.SessionState;
using System.Reflection;
using System.Data.SqlClient;
using System.Configuration;
using System.Data;
using System.Text;

namespace WebApplication1.EasyUITest.Service
{
    /// <summary>
    /// index 的摘要说明
    /// </summary>
    public class index : IHttpHandler
    {
        HttpRequest Request;
        HttpResponse Response;
        HttpServerUtility Server;
        HttpSessionState Session;
        public readonly string connectionString = ConfigurationManager.ConnectionStrings["BookConnectionString"].ToString();

        public void ProcessRequest(HttpContext context)
        {
            context.Response.Buffer = true;
            context.Response.ExpiresAbsolute = DateTime.Now.AddDays(-);
            context.Response.AddHeader("pragma", "no-cache");
            context.Response.AddHeader("cache-control", "");
            context.Response.CacheControl = "no-cache";
            context.Response.ContentType = "text/plain";

            Request = context.Request;
            Response = context.Response;
            Session = context.Session;
            Server = context.Server;

            string method = Request["Method"].ToString();
            MethodInfo methodInfo = this.GetType().GetMethod(method);
            methodInfo.Invoke(this, null);
        }

        public void GetTreeData()
        {
            string id = Request.QueryString["id"].ToString();
            string sqlStr = "SELECT * FROM dbo.tree where parentid=" + id;
            DataSet ds = new DataSet();
            using (SqlConnection conn = new SqlConnection(connectionString))
            {
                using (SqlDataAdapter da = new SqlDataAdapter(sqlStr, conn))
                {
                    da.Fill(ds);
                }
            }
            StringBuilder sb = new StringBuilder();
            sb.Append("[");
            ].Rows)
            {
                sb.Append("{");
                sb.AppendFormat("\"id\": \"{0}\", \"text\": \"{1}\", \"state\": \"closed\",\"attributes\":\"{2}\"", r["id"], r["name"], r["url"]);
                sb.Append("},");
            }
            sb = sb.Remove(sb.Length - , );
            sb.Append("]");
            Response.Write(sb.ToString());
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
}

Easyui登陆页面制作的更多相关文章

CSS——制作天天生鲜登陆页面
这个登陆页面主要是有一个form表单,其他的和首页差不多的. login.html: <!DOCTYPE html> <html lang="en"> &l ...
MUI APP防止登陆页面出现白屏
最近在用MUI开发APP,总体效果,在IOS上,是完美的,但是在低端的Android手机上,就会出现性能问题,我个人觉得最严重的是,就是首页,就是APP打开的第一个页面,在iOS上,由于性能高,所以, ...
Android笔记-4-实现登陆页面并跳转和简单的注册页面
实现登陆页面并跳转和简单的注册页面首先我们来看看布局的xml代码 login.xml <span style="font-family:Arial;font-size:18px; ...
Wordpress在主题中自定义登陆页面并且禁用自带的登陆页面
在使用Wordpress制作主题之后,不想要他自带的登陆页面以及地址. 1.新建一个用户页面来接管与登陆相关的动作 //在主题根目录下新建page-login.php,通过action获取用户动作,然 ...
【Bootstrap】一个PC、平板、手机同一时候使用并且美观的登陆页面
Bootstrap如同前台框架,它已经布置好不少的CSS.前端开发的使用须要则直接调用就可以.其站点的网址就是http://www.bootcss.com.使用Bootstrap能降低前端开发时候在C ...
小KING教你做android项目（二）---实现登陆页面并跳转和简单的注册页面
原文:http://blog.csdn.net/jkingcl/article/details/10989773 今天我们主要来介绍登陆页面的实现,主要讲解的就是涉及到的布局,以及简单的跳 ...
Springsecurity3.1.3配置多个登陆页面
需求:网站的前台和后台不同的url需要不同的登陆页面,不同的异常捕获方式. spring-security3.1以后的版本支持多个<http>标签,因此本文所采用的方式就是使用两个,实际上 ...
页面制作部分之PS切图
页面制作部分之PS切图 <--本标签下,通过页面制作.页面架构.javascript程序设计.DOM编程艺术.产品前端架构五部分来分享总结笔记,总结笔记会陆续分享--> 网页设计在技术层面 ...
web系统登陆页面增加验证码
传统登陆页面中包含两个输入项: • 用户名 • 密码有时为了防止机器人进行自动登陆操作,或者防止恶意用户进行用户信息扫描,需增加动态验证码功能.此时,登陆页面中包含了三个输入项: • 用户名 • 密码 ...

随机推荐

private、 protected、 public、 internal 修饰符的访问权限
private : 私有成员, 在类的内部才可以访问. protected : 保护成员,该类内部和继承类中可以访问. public : 公共成员,完全公开,没有访问限制. internal: 当前程 ...
MVC自学第三课
上一课我们已经能够做出简单的HTML显示页面,并懂得了MVC的工作模式,这一课我们讲解一些动态的数据交互. 在MVC中,控制器的工作是构造某些数据,而视图的工作是把它渲染成HTML.数据是从控制器传递 ...
迁移到gitbook
现在要迁移到gitbook啦, 一些note类分享就只在gitbook发了, 其他一些比较长的分享会第一时间发到gitbook,但也会在这边同步我的gitbook
python request的运用
requests是python的一个HTTP客户端库,跟urllib,urllib2类似,那为什么要用requests而不用urllib2呢?官方文档中是这样说明的: python的标准库urllib ...
linux 查看信息命令
# uname -a # 查看内核/操作系统/CPU信息# head -n 1 /etc/issue # 查看操作系统版本# cat /proc/cpuinfo # 查看CPU信息# hostname ...
find the mincost route（最小环，最短路，floyd）
find the mincost route Time Limit: 1000/2000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/O ...
Loading Image
Android doesn’t handle animated gifs, but here’s one way to display an animated loading image that i ...
如何利用Github Pages展示自己写的项目
接触github很久了,自己搭建过hexo博客,但是对于web项目托管github pages感觉很懵,所以在此总结分享给有需要的亲们. 教程开始: 1.创建一个新库 2.给库命名 3.创建新库后点击 ...
WCF契约之---服务契约、数据契约、消息契约
本篇博文只是简单说下WCF中的契约的种类.作用以及一些简单的代码示例.在WCF中契约分为服务契约.数据契约和消息契约.下面对这几种契约进行简单的介绍. 服务契约服务契约描述了暴露给外部的类型(接口或 ...
一行统计shell
cat count.log | awk '{print $7}' | awk '{if ($1 == "-") empty++ }END {print NR, empty, emp ...

Easyui登陆页面制作

Easyui登陆页面制作的更多相关文章

随机推荐

热门专题