【SSH项目实战】国税协同平台-15.系统、子系统首页&登录功能2

来源：互联网发布：网络勒索编辑：程序博客网时间：2024/04/30 13:57

我们的子系统界面已经加载出来:

我们找到左边菜单页，给它加链接:

[html] view plaincopy
<dl class="">  
     <dt><a class="yh" href="${ctx }tax/role_listUI.action" target="mainFrame"><b></b>角色管理<s class="down"></s>  
    </a></dt>  
</dl>  
<dl class="">  
    <dt><a class="yh" href="${ctx }tax/user_listUI.action" target="mainFrame"><b></b>用户管理<s class="down"></s>  
    </a></dt>  
</dl>  

我们指定了点击链接之后右侧模块页面的地址。

效果:

接下来我们要添加登录功能:
我们把工程原来的默认欢迎界面(WEB-INF下面的index.jsp)改为我们的登录界面。

[html] view plaincopy
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>  
<%  
String path = request.getContextPath();  
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
response.sendRedirect(basePath+"sys/login_toLoginUI.action");  
%>  

可以看到我们让index.jsp去跳转到sys/login_toLoginUI.action，我们下面来实现这个action:

[java] view plaincopy
package cn.edu.hpu.tax.login.action;  
  
import com.opensymphony.xwork2.ActionSupport;  
  
public class LoginAction extends ActionSupport{  
      
    //跳转到登录页面  
    public String toLoginUI(){  
        return "loginUI";  
    }  
      
}  

然后写它的struts配置文件login-struts.xml:

[html] view plaincopy
<?xml version="1.0" encoding="UTF-8" ?>  
<!DOCTYPE struts PUBLIC  
    "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"  
    "http://struts.apache.org/dtds/struts-2.3.dtd">  
  
  
<struts>  
    <package name="login-action" namespace="/sys" extends="base-default">  
        <action name="login_*" class="cn.edu.hpu.tax.login.action.LoginAction" method="{1}">  
            <result name="{1}">/WEB-INF/jsp/{1}.jsp</result>  
            <result name="loginUI">/WEB-INF/jsp/loginUI.jsp</result>  
        </action>  
    </package>  
</struts>  

将配置文件加入到struts总配置文件中:

[html] view plaincopy
<!-- 登录跳转的struts配置文件 -->  
<include file="cn/edu/hpu/tax/login/conf/login-struts.xml"/>  

然后加入我们的登录页面loginUI.jsp:

[html] view plaincopy
<%@ 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+"/";  
request.setAttribute("ctx", path);  
%>  
  
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>登录</title>  
<link href="${ctx}/css/login.css" type="text/css" rel="stylesheet">  
<script type="text/javascript">  
  
  
function logins(){  
    document.forms[0].submit();  
}  
  
  
function setClean(){  
    document.getElementById("account").value = "";  
    document.getElementById("password").value = "";  
}  
  
  
//解决子框架嵌套的问题  
if(window != window.parent){  
    window.parent.location.reload(true);  
}  
  
  
</script>  
<style type="text/css">  
html { overflow-y: hidden;  }  
  
  
.password{  
      background-color:#f1f3f6;  
      border:1px solid #f1f3f6;  
      font-color:#ccc;  
}  
  
  
#Layer1 {  
    position:absolute;  
    left:224px;  
    top:479px;  
    padding-top:5px;  
    width:99px;  
    height:21px;  
    background-color:#fff;  
    z-index:1;  
}  
.password1 {        
     background-color:#f1f3f6;  
      border:1px solid #f1f3f6;  
      font-color:#ccc;  
}  
  
  
.youbian input{ border:0px none; background-color:transparent; color:#555;padding-left:10px;font-size:16px;width:100%;overflow: hidden;}  
</style>  
    <!--[if IE 6]>  
    <script type="text/javascript" src="${ctx}/ehome/js/DD_belatedPNG.js" ></script>  
    <script type="text/javascript">  
        DD_belatedPNG.fix('b, s, img, span, .prev, .next, a, input, .youbian, td');  
    </script>  
    <![endif]-->  
</head>  
<body scroll="no">  
<s:form name="form1" namespace="/sys" action="login_login">  
<div id="lo_tf">  
<div class="outside">  
    <div class="head">  
      <table width="1000" height="60" border="0" align="center" cellpadding="0" cellspacing="0">  
        <tr>  
          <td width="840" align="left"><img src="${ctx}/images/login/form_03.png"   width="332" height="47"/></td>  
          <td align="center">  <a href="#"></a></td>  
        </tr>  
      </table>  
    </div>  
    <div class="main2">  
       <div class="content">    
       <div class="youbian">  
        <table width="251" border="0" cellpadding="0" cellspacing="0">  
          <tr>  
            <td height="12"> </td>  
          </tr>  
          <tr>  
           <td height="45" align="left"></td>  
          </tr>  
          <tr>  
            <td height="13">   
                <span><div height=20 valign="middle" style="padding-left: 18px"><font color="red" id="errMsg"><s:property value="loginResult"/></font></div></span>  
            </td>  
          </tr>  
          <tr>  
            <td height="40">  
            <table width="100%" border="0" cellpadding="0" cellspacing="0">  
  <tr>  
        <td height="32" align="left"><span style="color:#767676;font-size:14px;">帐号:</span></td>  
  </tr>  
</table>  
  
  
            <table width="100%" height="39" border="0" cellpadding="0" cellspacing="0">  
              <tr>  
                <td background="${ctx}/images/login/shuru_03.png" width=""><table width="100%" border="0" cellpadding="0" cellspacing="0">  
                  <tr>  
                    <td align="left">  
                    <s:textfield id="account" name="user.account" cssClass="password1" cssStyle="color: #767676" size="31"/>  
                    </td>  
                  </tr>  
                </table></td>  
              </tr>  
            </table></td>  
          </tr>  
            <tr>  
            <td height="10"><table width="100%" border="0" cellpadding="0" cellspacing="0">  
  <tr>  
    <td height="32" align="left"><span style="color:#767676;font-size:14px;">密  码:</span></td>  
  </tr>  
</table></td>  
          </tr>  
          <tr>  
            <td height="40"><table width="100%" height="39" border="0" cellpadding="0" cellspacing="0">  
              <tr>  
                <td background="${ctx}/images/login/shuru_03.png"><table width="100%" border="0" cellpadding="0" cellspacing="0">  
                  <tr>  
                    <td align="left">  
                        <s:password id="password" name="user.password" cssClass="password"  cssStyle="color: #767676" size="31"/>  
                    </td>  
                  </tr>  
                </table></td>  
              </tr>  
            </table></td>  
          </tr>  
            
           <tr>  
            <td height="10"> </td>  
          </tr>  
          <tr>  
            <td height="40"><table width="100%" border="0" cellpadding="0" cellspacing="0">  
              <tr>  
                <td align="right"><a href="#" onclick="javascript:logins();"><img src="${ctx}/images/login/form_15.png" width="95" height="37"/></a></td>  
                <td width="18"> </td>  
                <td align="left"><img src="${ctx}/images/login/form_17.png" width="95" height="37" onclick="setClean()"/></td>  
              </tr>  
            </table></td>  
          </tr>  
        </table>  
          
      </div>     
       </div>  
   </div>  
    <div class="foot">版权所有 | 国税局  2014年</div>  
</div>  
</div>  
</s:form>  
</body>  
</html>  

然后重启服务器，测试登录页面:

跳转至登录页面成功。

我们下面来做登录功能:
我们是这么设计的:

登录：
1、获取帐号和密码
2、通过帐号和密码查询用户表；如果查询有记录说登录成功；否则登录失败跳转到登录页面并且提示用户登录失败信息
2.1、登录成功
2.1.1、将用户信息保存到session中
2.1.2、***
2.1.3、将用户登录记录到日志文件
2.1.4、重定向跳转到首页

2.2、登录失败
跳转到登录页面并且提示用户登录失败信息

退出（注销）：清除session中保存的用户信息

下面编码实现:
首先在LoginAction中实现我们的登录检测方法:

[java] view plaincopy
//登录  
public String login(){  
    if(user!=null){  
        if(StringUtils.isNoneBlank(user.getAccount())  
                &&StringUtils.isNoneBlank(user.getPassword())){  
            //根据用户的账号和密码查询用户列表  
            List<User> list=userService.findUserByAccountAndPassword(user.getAccount(),user.getPassword());  
            if(list!=null&&list.size()>0){//说明登录成功  
                //1、登录成功  
                User user=list.get(0);  
                //1.1、***  
                //1.2、将用户信息保存到session中  
                ServletActionContext.getRequest().getSession().setAttribute(Constant.USER, user);  
                //1.3、将用户登录记录到日志文件  
                Log log=LogFactory.getLog(getClass());  
                log.info("用户名称为:"+user.getName()+"的用户登录了系统");  
                //1.4、重定向跳转到首页  
                return "home";  
            }else{  
                loginResult="账号或密码不正确!";  
            }  
        }else{  
            loginResult="账号或密码不能为空!";  
        }  
    }else{  
        loginResult="请输入账号和密码!";  
    }  
    return toLoginUI();  
}  

我们的loginResult设为LoginAction的成员参数，并且设置了set和get方法。当我们登录失败了，这个错误提示信息就将在域中，在页面显示错误的地方放置这个信息:

[html] view plaincopy
<s:property value="loginResult"/>  

其中的常量Constant.USER被定义在Constant类中:

[java] view plaincopy
public class Constant {  
      
    //系统中用户在session中的内容  
    public static String USER="SYS_USER";  
    //其它常量省略  
}  

然后在login-strust.xml配置文件中配置我们的home跳转页面:

[html] view plaincopy
<result name="home" type="redirectAction">  
    <param name="actionName">home</param>  
</result>  

上面的登录方法中还有findUserByAccountAndPassword(user.getAccount(),user.getPassword());没有定义，我们在UserService中定义这个方法，然后在UserServiceImpl中实现这个方法:

[java] view plaincopy
@Override  
public List<User> findUserByAccountAndPassword(String account,  
        String password) {  
      
    return userDao.findUserByAccountAndPassword(account,password);  
}  

我们在UserDao中定义findUserByAccountAndPassword()这个方法，然后在UserDaoImpl中实现这个方法:

[java] view plaincopy
@Override  
public List<User> findUserByAccountAndPassword(String account,  
        String password) {  
     Query query=getSession().createQuery("FROM User WHERE account=? AND password=?");  
     query.setParameter(0, account);  
     query.setParameter(1, password);  
    return query.list();  
}  

我们来测试:
我们有一个账号和密码是:lixiangyang和554466

点击登录之后成功进入主页！

同时后台输出登录记录并存入Log日志中:

那么我们将密码故意输错，发现又跳转回登录界面并看到了错误信息:

至此我们的登录方法完成，但是我们还要处理一些细节(注销等功能)

0 0