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系统登陆页面增加验证码
传统登陆页面中包含两个输入项: • 用户名 • 密码有时为了防止机器人进行自动登陆操作,或者防止恶意用户进行用户信息扫描,需增加动态验证码功能.此时,登陆页面中包含了三个输入项: • 用户名 • 密码 ...
随机推荐
- oc swift 混编 特技
1.swift 工程新建oc文件,新建的时候提示是否桥接文件,点击yes,把swift要用的oc文件的头文件 都导入桥接文件中就OK了. 2.在swift工程中oc调用 swift文件,需要在导入名字 ...
- MVC 4 结合jquery.uploadify 上传实例
前言:由于今天公司源代码服务瘫痪,没法编写代码,利用这个有限的时间,做了一个小小的 基于MVC的图片上传demo,貌似近些年来MVC十分火爆,相关的demo也数不胜数,小弟就在这里打着MVC的旗子,狐 ...
- Java安全学习
http://blog.csdn.net/wbw1985/article/details/5506515 http://blog.csdn.net/wbw1985/article/details/60 ...
- windows的命令行工具和DOS工具的区别
很多的系统管理员可能认为命令行是程序员编程用的,这是不对的,其实命令行是另一种用来管理计算机的接口.1 命令行窗口 Windows NT/Windows 2000以后的操作系统为用户提供 ...
- ldap for ruby
Net::LDAP for Ruby (also called net-ldap) implements client access for the Lightweight Directory Acc ...
- date tod = boost::gregorian::day_clock::local_day(); //当前日期
boost 时间和日期 - 苦逼码农 - 博客频道 - CSDN.NET date tod = boost::gregorian::day_clock::local_day(); //当前日期
- 汉诺塔VII(递推，模拟)
汉诺塔VII Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) Total Submis ...
- 神奇的i=i++
最近在看c语言,被神奇的i=i++吸引,其实感觉编程是一件有趣的事情(特别喜欢算法).下面是我的测试,linux 下 gcc编译 #include<stdio.h> main () { ...
- 1.padding和margin，几种参数
这篇会很短. 那么如上图所示,margin指的是外边距,padding指的是内边距,border自有其像素宽度,element在1335乘以392的地方. margin和padding一样总共有四个, ...
- javascript 工作必知(四) 类型转换
string和number boolean javascript 类型会根据赋值的进行转成相应的类型. var str = ""; alert(typeof (str));//st ...