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系统登陆页面增加验证码
传统登陆页面中包含两个输入项: • 用户名 • 密码有时为了防止机器人进行自动登陆操作,或者防止恶意用户进行用户信息扫描,需增加动态验证码功能.此时,登陆页面中包含了三个输入项: • 用户名 • 密码 ...
随机推荐
- vb mid 函数使用说明
Mid就是从一个字符串中取子字符串,比如a="aabbcc",我们想取出"bb"就可以用Mid("aabbcc",3,2)Mid有3个参数, ...
- SiKuli 图形脚本语言【转载】
Sikuli 是一种新颖的图形脚本语言,或者说是一种另类的自动化测试技术.它与我们常用的自动化测试技术(工具)有很大的区别. 当你看到上图sikuli的脚本时,一定会惊呼,这样都可以~!脚本加截图~~ ...
- 解密电子书之四：MCU（freescale）
谈完国产的君正,让我们再看看呛了君正财路的freescale iMX51. 这是freescale近期的主打产品,用的是ARM Cortex A8架构,主频在消费电子领域最高可达800MHz,在工业领 ...
- N沟道和P沟道MOS FET开关电路
在电路中常见到使用MOS FET场效应管作为开关管使用.下面举例进行说明. 如图1所示,使用了P沟道的内置二极管的电路,此处二极管的主要作用是续流作用,电路是Li电池充放电电路,当外部电源断开时采用L ...
- Android4: Write Storage权限问题
原文:Android4: Write Storage权限问题 2.3中声明 <uses-permission android:name="android.permission.WRIT ...
- Python入门-函数的使用到程序的公布安装
Python入门-函数的使用到Python的公布安装 本文主要适合有一定编程经验,至少掌握一门编程语言的人查看. 文中样例大多都是简单到认识英文单词就能看懂的水平,主要讲的是Python的总体使用方法 ...
- linux 使用sudo开放普通用户权限
整理一下以前写的东东,刚才又忘了- ---------------------------------------------------------------------------------- ...
- javaScript 工作必知(六) delete in instanceof
in in 判断 左边 的字符串或者能转换成字符串的是否属于 右边 的属性. var data = { x: 1, y: 4 };//定义了直接对象 alert("x" in d ...
- ASP.NET导出EXCEl方法使用EXCEl对象
导出功能必须使用 office中EXCEl对象,整个操作如同在操作EXCEl一样,建立EXCEl应用----建立工作簿---建立sheet表单页, 代码实现过程中,如果想对单元格实现一些操作,或者汇 ...
- HDU 5584 LCM Walk（数学题）
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5584 题意:(x, y)经过一次操作可以变成(x+z, y)或(x, y+z)现在给你个点(ex, e ...