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系统登陆页面增加验证码
传统登陆页面中包含两个输入项: • 用户名 • 密码有时为了防止机器人进行自动登陆操作,或者防止恶意用户进行用户信息扫描,需增加动态验证码功能.此时,登陆页面中包含了三个输入项: • 用户名 • 密码 ...
随机推荐
- boa,thttp服务器安装，配置，测试
boa 1, SERVER_ROOT自定义,define.h头文件中,默认“/etc/boa" 2,./configure 3,修改CC,默认CC=gcc,make 4,error util ...
- ubuntu 安装ruby rails
步骤0 - 安装系统需要的包 Mac 请安装 Xcode 开发工具,它将帮你安装好 Unix 环境需要的开发包 Ubuntu 请安装 $ sudo apt-get install -y build-e ...
- Tempo 2.0
Tempo 2.0 Tempo is an easy, intuitive JavaScript rendering engine that enables you to craft data tem ...
- Delphi中的Rtti函数
TTypeKind,类型类别,tkclass,tkinteger,tkstring等.类,属性都是一种类型. ttypedata,是一个record包括ttypekind.是一个类的描述.TTypeK ...
- HDU 5972 Regular Number（ShiftAnd+读入优化）
[题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5972 [题目大意] 给出一个字符串,找出其中所有的符合特定模式的子串位置,符合特定模式是指,该子串 ...
- poj1528---(数论)
题意:一个数除了自身以外的所有因数相加,得到的数如果小于自身,输出deficient,否则输出abundant,如果相等,输出perfect 这道题核心:求一个数的所有除本身之外的因数的和 ,i; ; ...
- LCIS（线段树区间合并）
LCIS Time Limit: 6000/2000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submi ...
- 整理Linux查看系统日志的一些经常使用命令
整理Linux查看系统日志的一些经常使用命令 last -a 把从何处登入系统的主机名称或ip地址,显示在最后一行. -d 指定记录文件.指定记录文件.将IP地址转换成主机名称. -f <记录文 ...
- 【DateStructure】 Charnming usages of Map collection in Java
When learning the usage of map collection in java, I found serveral beneficial methods that was enco ...
- SQL学习之空值(Null)检索
在创建表表,我们可以指定其中的列包不包含值,在一列不包含值时,我们可以称其包含空值null. 确定值是否为null,不能简单的检查是否=null.select语句有一个特殊的where子句,可用来检查 ...