IDEA 下写出第一个 SSH 整合框架练手项目（二，整合SSH及登陆页面的完成）

刺骨的言语ヽ痛彻心扉 2022-06-05 09:44 145阅读 0赞

视频地址： [ 基于SSH实现员工管理系统之案例实现篇][_SSH]

我的整个完整源码地址 ： [ 点击进入 github][_ github]

这是SSH 整合项目的第二章，第一章基于Meavn 整合 Spring 和 Hibernate 框架并进行了进行了自动建表，这一章则在此基础上加入 Struts 2 框架以及完成一个简单的登陆页面。

** 1.  配置 Struts 2**

选中 Project Struts <---- Modules 的 Web 后，点击 2号位 “\+” 添加 Struts 2 后点3号位 “\+” 将其中的两个文件都添加进去。（不加这两个文件，会在Struts 的配置文件中看到非常多的不识别，不影响程序运行，但很不美观。）

![Center][]

在 resources 中新建一个

![Center 1][]

然后在 web.xml 添加 struts 2 过滤器

<filter>
            <filter-name>struts2</filter-name>
            <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
        </filter>
    
        <filter-mapping>
            <filter-name>struts2</filter-name>
            <url-pattern>/*</url-pattern>
        </filter-mapping>

2.导入页面素材并进行更改

此时，去编写login.jsp ,因为界面是老师提供好的，所以我直接所有的jsp和相关文件都传到百度云上了 “[点击打开百度云][Link 1]” ， 密码为：li9j

下载后直接复制到 web 目录下，

![Center 2][]

将 login.html 中的内容直接复制到login.jsp，，然后照着下面这份代码进行修改，需要修改的地方已经写上注释

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <%@ taglib uri="/struts-tags" prefix="s" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <%--
        将声明头更改为jsp 的声明头文件 ，并且增加一个标签库，
        控制标签可以完成输出流程控制，例如分支，循环等操作，也可以完成对集合的合并，排序等操作。（具体用法建议 百度）
    --%>
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=UTF-8">
        <title>登陆</title>
        <link type="text/css" rel="stylesheet" href="style/reset.css">
        <link type="text/css" rel="stylesheet" href="style/main.css">
        
    </head>
    
    <body>
    <div class="headerBar">
        <div class="logoBar login_logo">
            <div class="comWidth">
                <div class="logo fl">
                    <a href="#"><img src="images/logo.jpg" alt="慕课网"></a>
                </div>
                <h3 class="welcome_title">欢迎登陆</h3>
            </div>
        </div>
    </div>
    <s:form action="employee_login" method="post" namespace="/">
        <%--
        <s:form action="login" namespace="/">
         它表示的是<form id="login" name="login" action="login.action" method="post">
         因为它使用了struts标签，后面会自动加“.action”,而且namespace会起作用
         employee_login将在 struts 2的配置文件中 struts.xml 中被配置
        --%>
        <div class="loginBox">
            <h3><s:actionerror/></h3>
                <%--输出登陆失败的错误信息，将在Action的login()方法被赋值，null时不显示--%>
    
            <div class="login_cont">
                <ul class="login">
                    <li class="l_tit">用户名</li>
                    <li class="mb_10"><input type="text" name="username" class="login_input user_icon"></li>
                    <%--添加了 name = "username"--%>
                    <li class="l_tit">密码</li>
                    <li class="mb_10"><input type="password" name="password" class="login_input user_icon"></li>
                        <%--更改 type="password", 添加了 name = "password" ……END……--%>
                    <li><input type="submit" value="" class="login_btn"></li>
                </ul>
                <div class="login_partners">
                    <p class="l_tit">使用合作方账号登陆网站</p>
                    <ul class="login_list clearfix">
                        <li><a href="#">QQ</a></li>
                        <li><span>|</span></li>
                        <li><a href="#">网易</a></li>
                        <li><span>|</span></li>
                        <li><a href="#">新浪微博</a></li>
                        <li><span>|</span></li>
                        <li><a href="#">腾讯微薄</a></li>
                        <li><span>|</span></li>
                        <li><a href="#">新浪微博</a></li>
                        <li><span>|</span></li>
                        <li><a href="#">腾讯微薄</a></li>
                    </ul>
                </div>
            </div>
    
        </div>
    </s:form>
    <div class="hr_25"></div>
    <div class="footer">
        <p><a href="#">慕课简介</a><i>|</i><a href="#">慕课公告</a><i>|</i> <a href="#">招纳贤士</a><i>|</i><a href="#">联系我们</a><i>|</i>客服热线：400-675-1234
        </p>
        <p>Copyright © 2006 - 2014 慕课版权所有   京ICP备09037834号   京ICP证B1034-8373号   某市公安局XX分局备案编号：123456789123</p>
        <p class="web"><a href="#"><img src="images/webLogo.jpg" alt="logo"></a><a href="#"><img src="images/webLogo.jpg"
                                                                                                 alt="logo"></a><a href="#"><img
                src="images/webLogo.jpg" alt="logo"></a><a href="#"><img src="images/webLogo.jpg" alt="logo"></a></p>
    </div>
    </body>
    </html>

3.明确业务逻辑

然后新建一些类，如图所示。(业务逻辑为： jsp点击后   ———>  web.xml 中配置的拦截器-------->  查询struts.xml，将拦截到的信息发给  EmployeeAction.java 负责与struts.xml 联系。-------->EmployeeServiceImpl.java实现业务逻辑（实现EmoployeeService.java 接口） --------------> EmployeeDaoImpl.java 实现操作数据库(实现EmployeeDao.java)  )

![5a190b83e4b04f355d30b1b5.png][]

4.基于业务逻辑实现登陆界面的功能。

![Center 3][]

然后进入 struts.xml 文件中进行拦截，使用户输入的信息被判断后跳转。

那么，我先配置web.xml 中增加struts 的拦截器.在web.xml 中增加一段

struts.xml更改后为：

<?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="ssh" extends="struts-default" namespace="/">
            <action name="employee_*" class="com.test.ssh.action.EmployeeAction" method="{1}">
                <result name="input">/login.jsp</result>
                
                <result name="success" type="redirect">/frame.jsp</result>
                
    
            </action>
        </package>
    </struts>

EmployeeAction.java 改为:

package com.test.ssh.action;
    
    import com.opensymphony.xwork2.ActionSupport;
    import com.opensymphony.xwork2.ModelDriven;
    import com.test.ssh.domain.Employee;
    
    public class EmployeeAction extends ActionSupport implements ModelDriven<Employee> {
        //模型驱动使用的对象
        private Employee employee = new Employee();
    
        public String login() {
            return "success";
        }
    
        @Override
        public Employee getModel() {
            return employee;
        }
    
    
        public void setEmployee(Employee employee) {
            this.employee = employee;
        }
    }

然后运行测试，进入login.jsp 页面，直接点击，如果跳转进入了管理系统，则struts 配置成功

然后进行登陆功能的实现。

我们已经在 login.jsp中实现了跳转功能，web.xml中也已经使用了struts的拦截器，

所以开始写服务器端的 login方法。

EmployeeAction.java 改为： login成功返回“success”，失败返回“input”，并将失败原因改写：“用户或密码错误”

package com.test.ssh.action;
    
    import com.opensymphony.xwork2.ActionContext;
    import com.opensymphony.xwork2.ActionSupport;
    import com.opensymphony.xwork2.ModelDriven;
    import com.test.ssh.domain.Employee;
    import com.test.ssh.service.EmployeeService;
    
    public class EmployeeAction extends ActionSupport implements ModelDriven<Employee> {
        //模型驱动使用的对象
        private Employee employee = new Employee();
    
        //进入业务层类
        private EmployeeService employeeService;
        public String login() {
            //此时，还未定义public Employee login(Employee employee)方法，会有报错
            Employee existEmployee = employeeService.login(employee);
            if(existEmployee == null){
                //方法返回值为空，登陆失败
                this.addActionError("用户名或密码错误");
                return INPUT;
            }else {
                //成功查询并返回，登陆成功
                ActionContext.getContext().getSession().put("existEmployee",existEmployee);
                return SUCCESS;
            }
        }
    
        @Override
        public Employee getModel() {
            return employee;
        }
    
    
        //Employee 和 EmployeeService 的 setter，可以使 Spring 进行注入
        public void setEmployee(Employee employee) {
            this.employee = employee;
        }
        public void setEmployeeService(EmployeeService employeeService) {
            this.employeeService = employeeService;
        }
    }

在Action 层调用了 Service 层的 login 函数，先在接口 EmployeeService.java 中定义

public  Employee login(Employee employee);

然后再在接种的实现类EmployeeServiceImpl.java 中实现这个方法

EmployeeServiceImpl.java

package com.test.ssh.service.impl;
    
    import com.test.ssh.dao.impl.EmployeeDaoImpl;
    import com.test.ssh.domain.Employee;
    import com.test.ssh.service.EmployeeService;
    
    public class EmployeeServiceImpl implements EmployeeService{
    
        //先进行对 EmployeeDao 的注入
        private EmployeeDaoImpl employeeDao;
    
        @Override
        public Employee login(Employee employee) {
    
            return employeeDao.login(employee);
        }
    
        public void setEmployeeDao(EmployeeDaoImpl employeeDao) {
            this.employeeDao = employeeDao;
        }
    }

同理，在Dao和DaoImpl中分别修改

EmployeeDao.java

package com.test.ssh.dao;
    
    import com.test.ssh.domain.Employee;
    
    public interface EmployeeDao {
        public Employee login(Employee employee);
    
    }

EmployeeDaoImpl.java

package com.test.ssh.dao.impl;
    
    import com.test.ssh.dao.EmployeeDao;
    import com.test.ssh.domain.Employee;
    import org.springframework.orm.hibernate3.support.HibernateDaoSupport;
    
    import java.util.List;
    
    /**
     * 这里继承了HibernateDaoSupport,该类主要提供两个方法,方便 DAO 的实现
     * public final void setSessionFactory(SessionFactory sessionFactory)
     *          用来接收Spring的ApplicationContext的依赖注入
     * public final HibernateTemplate getHibernateTemplate()
     *          用来根据刚才的SessionFactory产生Session，最后生成HibernateTemplate来完成数据库访问。
     */
    public class EmployeeDaoImpl extends HibernateDaoSupport implements EmployeeDao{
        @Override
        public Employee login(Employee employee) {
            String hql = "FROM Employee WHERE username = ? AND password = ?";
            List<Employee> list = this.getHibernateTemplate().find(hql, employee.getUsername(), employee.getPassword());
            if (list.size() > 0) {
                return list.get(0);
            }
            return null;
        }
    }

最后，配置applicationContext.xml 中struts 的自动注入部分

在<beans></beans>中添加以下代码

<bean id="employeeAction" class="com.test.ssh.action.EmployeeAction" scope="prototype">
            <property name="employeeService" ref="employeeService"/>
        </bean>
    
        <bean id="employeeService" class="com.test.ssh.service.impl.EmployeeServiceImpl">
            <property name="employeeDao" ref="employeeDao"/>
        </bean>
        <bean id="employeeDao" class="com.test.ssh.dao.impl.EmployeeDaoImpl">
            <property name="sessionFactory" ref="sessionFactory"/>
        </bean>

然后在数据库中添加一条数据

![Center 4][]

然后运行，在登陆界面输入“test”,"000000"即可跳转并且在控制台输出一大堆Sql 语句。

[_SSH]: http://www.imooc.com/learn/679
[_ github]: https://github.com/RudBob/SSH_e/tree/master/src/main/java/com/renyao/ssh
[Center]: /images/20220605/c8cbaec159df4a668154c9a4c06a3d9a.png
[Center 1]: /images/20220605/d5b8c72e8ede4e9a842449c3156364c5.png
[Link 1]: http://pan.baidu.com/s/1i4NYzxN
[Center 2]: /images/20220605/66802efcd3f540aab5205b4c9ce543fb.png
[5a190b83e4b04f355d30b1b5.png]: http://on-img.com/chart_image/5a190b83e4b04f355d30b1b5.png
[Center 3]: /images/20220605/f8b1ff827e28457985033df82faafe05.png
[Center 4]: /images/20220605/279eeeb0cbe3427a964c653fd4c2ad11.png