毕业设计(二十)---使用easyUI dialog 对话框做登陆弹出 表单验证






后台方法:

private HttpServletResponse response = ServletActionContext.getResponse();

	// 用户登录
	public String login() throws IOException {
		System.out.println("login");
		// md5加密密码
		MD5 md5 = new MD5(password);
		String pas = md5.compute();
		Users u = new Users();
		u.setUsername(username);
		u.setPassword(pas);
		
		//使用ajax调用返回值
		response.setContentType("text/plain;charset=UTF-8");
		response.setHeader("pragma", "no-cache");
		response.setHeader("cache-control", "no-cache");
		PrintWriter write = response.getWriter();

		// 用户用户登录--存在返回id,不存在或者 密码错误返回-1锁定状态返回-2
		int res = manager.checkUser(u);
		// System.out.println(res + "useraction");
		if (res == -1) {
			String str = "{\"success\":false,\"msg\":\"您输入用户不存在或者密码错误,请重新输入\"}";
			write.write(str);
			write.flush();
			write.close();
			return null;
		}
		if (res == -2) {
			// System.out.println("zhanghaosuoding");
			String str = "{\"success\":false,\"msg\":\"您输入的账号已经被锁定\"}";
			write.write(str);
			write.flush();
			write.close();
			return null;
			
		}

		Users u2 = manager.findOneUsers(res);
		// System.out.println(u2.getUsername()+"-"+u2.getPassword());
		// 把用户信息和上次登录时间放到session中,在页面上显示
		ActionContext.getContext().getSession().put("user", u2);
		ActionContext.getContext().getSession().put("lastlogin", u2.getLastLoginTime().toString().substring(0, 10));

		// 更新这次登录时间到数据库
		java.sql.Timestamp lastLogin = new java.sql.Timestamp(
				new java.util.Date().getTime());
		u2.setLastLoginTime(lastLogin);
		manager.updateUser(u2);

		String str = "{\"success\":true,\"msg\":\"登陆成功\"}";
		write.write(str);
		write.flush();
		write.close();
		return null;

	}



easyUI dialog的简单应用


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'head.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="jquery-easyui-1.3.2/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="jquery-easyui-1.3.2/locale/easyui-lang-zh_CN.js"></script>
	<link rel="stylesheet" href="jquery-easyui-1.3.2/themes/icon.css" type="text/css"></link>
	<link rel="stylesheet" href="jquery-easyui-1.3.2/themes/default/easyui.css" type="text/css"></link>
	
	<script type='text/javascript' src="dwr/util.js"></script>
	<script type='text/javascript' src="dwr/engine.js"></script>
	<script type='text/javascript' src="dwr/interface/manager.js"></script>
	
	<link rel="stylesheet" type="text/css" href="public/css/head.css" ></link>
	<script type="text/javascript" charset="utf-8">
	var loginAndRegDialog;
	$(function(){
		loginAndRegDialog = $('#loginAndRegDialog').dialog({
			closable: true,
			modal:true,
			closed:true,
			buttons:[{
			        	 text:'注册', 
			        	 handler:function(){
			        	 
			         }
			         },{
			        	 text:'登录', 
			        	 handler:function(){
			        	 //console.info('点击登陆按钮了');
			        	 //如果表单验证通过
			        	 if($('#loginInputForm').form('validate')){
			        	 $.post("user!login.action",{username:$('#username').val(),password:$('#password').val()}, function(returnedData){
			        			console.info(returnedData);
			        				var ret = eval('('+returnedData+')');
			        				console.info(ret);
			        				if(ret&&ret.success){
			        					$.messager.show({
			        						title: '提示',
			        						msg: '登陆成功'
			        					});
			        					
			        					setTimeout("window.location.reload()",2000);
				        				//window.open('homepage/Homepage.jsp');
			        					//window.location.reload();
			        					//window.location.href="manageruser";
			        		 		}
			        				$('#res').html(ret.msg);
			        				});	//end post
			        	 }
			         }
			         }]
		});
		
		
	});
	
	function tuichu(){
		manager.invalidateSession(callback2);
	}
	function callback2(){
		$.messager.show({
			title: '提示',
			msg: '您已经安全退出'
		});
		setTimeout("window.location.reload()",2000);
		//window.location.reload();
	}
	
	</script>
  </head>
  
  <body>
    <div id="nav">
		<ul>
			<li><a href="homepage/Homepage.jsp">长颈鹿首页</a>
			</li>
			<li><a href="#">我的空间</a>
			</li>
			<li><a href="#">博客管理</a>
			</li>
			<li><a href="#">文档</a>
			</li>
			<li><a href="#">视频</a>
			</li>
			<li><a href="#">搜索</a>
			</li>
			<li><a href="newarticle!preNewArt.action">新文章</a>
			</li>
			
		</ul>
		<div id="userstate" >
		<s:if test="#session.user" >
		${ user.username }上次登陆:${ sessionScope.lastlogin }
		  <a href="javascript:void(0);" οnclick="tuichu();">安全退出</a>
		</s:if>
		<s:else>
		<a href="javascript:void(0);" οnclick="loginAndRegDialog.dialog('open');" >请登录</a>
		</s:else>
		
		</div>
	</div>
	<div id="loginAndRegDialog"  title="用戶登陸" style="width:300px;height:180px;top:40%;" >
    <form id="loginInputForm" method="post" >
    <table>
    <tr>
    <th align="right" >用户名:</th><td><input name="username" id="username" class="easyui-validatebox" data-options="required:true" /></td>
    </tr>
    <tr>
    <th align="right">密码:</th><td><input type="password" name="password" id="password" class="easyui-validatebox" data-options="required:true" /></td>
    </tr>
    <tr>
    <label id="res" style="color:red;" ></label>
    </tr>
    </table>  
	</form>
</div>  
  </body>
</html>






  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值