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

来源:互联网 发布:基辅交响乐团知乎 编辑:程序博客网 时间:2024/05/21 09:32






后台方法:

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锁定状态返回-2int 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);" onclick="tuichu();">安全退出</a></s:if><s:else><a href="javascript:void(0);" onclick="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>


	
				
		
原创粉丝点击