博客系统 01 登录退出

2023-05-16

一、工程搭建

使用的是IDEA

（1）新建个动态web工程（Blog）

（2）导入jar包（SSH jar包）

（3）导入配置文件

新建resource文件，并标记为Resources根目录。

导入配置文件，并修改成本工程的数据库信息。

（4）开启注解，开启热部署

（5）导入静态页面（web目录下）

链接: 微云链接

二、登录功能

（1）登录请求发送

1）登录页面（mgr_login.jsp）注意表单的action属性

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html dir="ltr" lang="en-US">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>博客后台管理系统</title>
        <link href="../favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    </head>

    <body>
        <div id="container">
            
            <form action="${pageContext.request.contextPath}/loginAction_login.action" id="login_form">
                <div class="login">博客后台管理系统
                 <!--  <span style="color:red">用户名密码错</span> -->
                </div>
                <div class="username-text">用户名:</div>
                <div class="password-text">密码:</div>
                <div class="username-field">
                    <input type="text" name="username" value="myxq" />
                </div>
                <div class="password-field">
                    <input type="password" name="password" value="1234" />
                </div>
                <input type="checkbox" name="remember-me" id="remember-me" />
                <label for="remember-me">记住用户名</label>
                <div class="forgot-usr-pwd"></div>
                <input type="submit" name="submit" value="登录" style="font-size: 16px;margin-top:
                -1px;"/>
            </form>
        </div>
    </body>
</html>

2）struts.xml 中配置 action

<package name="struts" namespace="/" extends="struts-default">
    <action name="loginAction_*" class="" method="{1}">
        <allowed-methods>login</allowed-methods>
        <!--<allowed-methods>regex:.*</allowed-methods>-->
    </action>
</package>

3）新建Action类，并将action类的路径添加到 struts.xml 中action的class属性中

import com.opensymphony.xwork2.ActionSupport;

public class LoginAction extends ActionSupport {
    public String login(){
        System.out.println("来到登录action");
        return null;
    }
}

<package name="struts" namespace="/" extends="struts-default">
    <action name="loginAction_*" class="com.blog.web.LoginAction" method="{1}">
        <allowed-methods>login</allowed-methods>
        <!--<allowed-methods>regex:.*</allowed-methods>-->
    </action>
</package>

4）启动运行，输出“来到登录action”，登录请求发送成功。

5）将action交给spring管理

structs.xml

<package name="struts" namespace="/" extends="struts-default">
    <action name="loginAction_*" class="loginAction" method="{1}">
        <allowed-methods>login</allowed-methods>
        <!--<allowed-methods>regex:.*</allowed-methods>-->
    </action>
</package>

applicationContext.xml

<!-- action bean -->
<bean id="loginAction" class="com.blog.web.LoginAction" scope="prototype"/>

6）再次启动运行，输出“来到登录action”，action交给spring管理成功。

（2）登录接收参数

1）用模型驱动将参数封装成一个模型。

import lombok.Getter;
import lombok.Setter;

@Setter @Getter
public class User {
    private String username;
    private String password;

    @Override
    public String toString() {
        return "User{" +
                "username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

2）action类实现ModelDriven接口

import com.blog.domain.User;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;

public class LoginAction extends ActionSupport implements ModelDriven<User> {

    private User user = new User();
    @Override
    public User getModel() {
        return user;
    }

    public String login(){
        System.out.println("来到登录action");
        System.out.println(user);
        return null;
    }
}

注意：前端静态页面表单中<input>标签的name属性的属性值要和domain的属性对应。

3）启动运行，输出正确参数的对象，模型驱动接收参数成功。

（3）登录三层架构搭建

1）action 中注入业务层

业务层接口：

import com.blog.domain.User;

public interface LoginService {
    public void login(User user);
}

业务层实现类：

import com.blog.Service.LoginService;
import com.blog.domain.User;

public class LoginServiceImpl implements LoginService {
    @Override
    public void login(User user) {
        System.out.println("Service: " + user);
    }
}

action中注入业务层，并将业务层交给spring管理

import com.blog.Service.LoginService;
import com.blog.domain.User;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;

public class LoginAction extends ActionSupport implements ModelDriven<User> {

    private User user = new User();
    @Override
    public User getModel() {
        return user;
    }

    // 注入业务层
    private LoginService loginService;
    public void setLoginService(LoginService loginService) {
        this.loginService = loginService;
    }

    public String login(){
        System.out.println("来到登录action");
        System.out.println(user);

        // 登录业务逻辑
        loginService.login(user);

        return null;
    }
}

<!-- action bean -->
<bean id="loginAction" class="com.blog.web.LoginAction" scope="prototype">
    <property name="loginService" ref="loginService"/>
</bean>

<!-- service bean -->
<bean id="loginService" class="com.blog.Service.impl.LoginServiceImpl"/>

运行，查看效果。

2）业务层注入dao层

dao层接口：

import com.blog.domain.User;

public interface UserDao {
    User get(String username, String password);
}

dao层实现类：

import com.blog.dao.UserDao;
import com.blog.domain.User;

public class UserDaoImpl implements UserDao {
    @Override
    public User get(String username, String password) {
        System.out.println("Dao: " + username + "," + password);
        return null;
    }
}

业务层中注入dao层，并将dao层交给spring管理

import com.blog.Service.LoginService;
import com.blog.dao.UserDao;
import com.blog.domain.User;

public class LoginServiceImpl implements LoginService {

    // 注入dao层
    private UserDao userDao;
    public void setUserDao(UserDao userDao) {
        this.userDao = userDao;
    }

    @Override
    public void login(User user) {
        System.out.println("Service: " + user);
        // 调用dao 查询用户
        userDao.get(user.getUsername(), user.getPassword());
    }
}

<!-- action bean -->
<bean id="loginAction" class="com.blog.web.LoginAction" scope="prototype">
    <property name="loginService" ref="loginService"/>
</bean>

<!-- service bean -->
<bean id="loginService" class="com.blog.Service.impl.LoginServiceImpl">
    <property name="userDao" ref="userDao"/>
</bean>

<!-- dao bean -->
<bean id="userDao" class="com.blog.dao.impl.UserDaoImpl">
    <!--<property name="" ref=""/>-->
</bean>

运行，查看效果。

（4）登录dao查询用户

1）创建数据库和用户表

DROP DATABASE IF EXISTS blog;
CREATE DATABASE blog DEFAULT CHARACTER SET utf8;
USE blog;

-- ----------------------------
-- Table structure for user
-- ----------------------------
DROP TABLE IF EXISTS `user`;
CREATE TABLE `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) DEFAULT NULL,
  `password` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of user
-- ----------------------------
INSERT INTO `user` VALUES ('1', 'user1', '123456');
INSERT INTO `user` VALUES ('2', 'user2', '123456');
INSERT INTO `user` VALUES ('3', 'myxq', '1234');

2）建立user表的关系映射

更新user类：

import lombok.Getter;
import lombok.Setter;

@Setter @Getter
public class User {
    private Integer id;
    private String username;
    private String password;

    @Override
    public String toString() {
        return "User{" +
                "id=" + id +
                ", username='" + username + '\'' +
                ", password='" + password + '\'' +
                '}';
    }
}

user表的关系映射文件（User.hbm.xml）:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE hibernate-mapping PUBLIC
        "-//Hibernate/Hibernate Mapping DTD 3.0//EN"
        "http://www.hibernate.org/dtd/hibernate-mapping-3.0.dtd">
<hibernate-mapping>
    <class name="com.blog.domain.User" table="user">
        <!--建立类属性哪一个是主键 还要跟数据库当中主键进行对应 -->
        <id name="id" column="id">
            <generator class="native" />
        </id>
        <!--建立类中的普通属性与数据库当中字段进行关联 -->
        <property name="username" column="username" />
        <property name="password" column="password" />
    </class>
</hibernate-mapping>

hibernateApplication.xml（applicationContext.xml）中设置映射文件：

<!-- 设置映射文件 -->
<property name="mappingResources">
    <list>
        <value>com/blog/domain/User.hbm.xml</value>
    </list>
</property>

让UserDaoImpl继承HibernateDaoSupport

public class UserDaoImpl extends HibernateDaoSupport implements UserDao

向dao层中注入sessionFactory，applicationContext.xml中配置

<!-- dao bean -->
<bean id="userDao" class="com.blog.dao.impl.UserDaoImpl">
    <property name="sessionFactory" ref="sessionFactory"/>
</bean>

到数据库中做查询

import com.blog.dao.UserDao;
import com.blog.domain.User;
import org.hibernate.criterion.DetachedCriteria;
import org.hibernate.criterion.Restrictions;
import org.springframework.orm.hibernate5.support.HibernateDaoSupport;

import java.util.List;

public class UserDaoImpl extends HibernateDaoSupport implements UserDao {
    @Override
    public User get(String username, String password) {
        System.out.println("Dao: " + username + "," + password);
        // 到数据库中做查询
        // 设置到那个表中查询
        DetachedCriteria criteria = DetachedCriteria.forClass(User.class);
        // 设置条件
        criteria.add(Restrictions.eq("username",username));
        criteria.add(Restrictions.eq("password",password));
        List<User> list = (List<User>)this.getHibernateTemplate().findByCriteria(criteria);
        System.out.println(list);
        return null;
    }
}

（5）登录结果页跳转

1）dao层返回

import com.blog.dao.UserDao;
import com.blog.domain.User;
import org.hibernate.criterion.DetachedCriteria;
import org.hibernate.criterion.Restrictions;
import org.springframework.orm.hibernate5.support.HibernateDaoSupport;

import java.util.List;

public class UserDaoImpl extends HibernateDaoSupport implements UserDao {
    @Override
    public User get(String username, String password) {
        System.out.println("Dao: " + username + "," + password);
        // 到数据库中做查询
        // 设置到那个表中查询
        DetachedCriteria criteria = DetachedCriteria.forClass(User.class);
        // 设置条件
        criteria.add(Restrictions.eq("username", username));
        criteria.add(Restrictions.eq("password", password));
        List<User> list = (List<User>) this.getHibernateTemplate().findByCriteria(criteria);
        if (list.size() > 0) {
            return list.get(0);
        }
        return null;
    }
}

2）业务层返回（注意方法的返回值改变）

import com.blog.Service.LoginService;
import com.blog.dao.UserDao;
import com.blog.domain.User;

public class LoginServiceImpl implements LoginService {

    // 注入dao层
    private UserDao userDao;
    public void setUserDao(UserDao userDao) {
        this.userDao = userDao;
    }

    @Override
    public User login(User user) {
        System.out.println("Service: " + user);
        // 调用dao 查询用户
        User resUser = userDao.get(user.getUsername(), user.getPassword());
        return resUser;
    }
}

3）web层返回

import com.blog.Service.LoginService;
import com.blog.domain.User;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;

public class LoginAction extends ActionSupport implements ModelDriven<User> {

    private User user = new User();
    @Override
    public User getModel() {
        return user;
    }

    // 注入业务层
    private LoginService loginService;
    public void setLoginService(LoginService loginService) {
        this.loginService = loginService;
    }

    public String login(){
        System.out.println("来到登录action");
        System.out.println(user);

        // 登录业务逻辑
        User resUser = loginService.login(user);
        if (resUser == null){
            // 错误信息回显
            this.addActionError("账号或密码错误");
            // 结果页跳转
            return LOGIN;
        } else {
            // 保存用户信息
            ActionContext.getContext().getSession().put("curUser",resUser);
            // 结果页跳转
            return SUCCESS;
        }
    }
}

4）struts.xml 中配置结果页

<struts>
    <package name="struts" namespace="/" extends="struts-default">
        <action name="loginAction_*" class="loginAction" method="{1}">
            <result name="login">/mgr_login.jsp</result>
            <result name="success" type="redirect">/mgr_index.jsp</result>
            <allowed-methods>login</allowed-methods>
            <!--<allowed-methods>regex:.*</allowed-methods>-->
        </action>
    </package>
</struts>

5）错误信息回显

mgr_login.jsp中添加标签库，并添加错误回显

<%@ taglib uri="/struts-tags" prefix="s"%>

<%--错误信息回显--%>
<span style="color:red"><s:actionerror/></span>

6）显示用户名

mgr_top.jsp中添加标签库，并显示用户名

<%@ taglib uri="/struts-tags" prefix="s"%>

<%--显示用户名--%>
<span style="margin-right: 50px"><s:property value="#session.curUser.username"/></span>

三、退出功能

（1）退出请求发送

1）前端页面发送action，mgr_top.jsp:

<div class="h_top_right">
    <%--显示用户名--%>
    <span style="margin-right: 50px"><s:property value="#session.curUser.username"/></span>
    <span><a href="${pageContext.request.contextPath}/loginAction_loginout.action" target="_parent"
             style="color: lightseagreen">退出</a></span>
</div>

2）struts.xml 中配置 action

<package name="struts" namespace="/" extends="struts-default">
    <action name="loginAction_*" class="loginAction" method="{1}">
        <result name="login">/mgr_login.jsp</result>
        <result name="success" type="redirect">/mgr_index.jsp</result>
        <allowed-methods>login,loginout</allowed-methods>
        <!--<allowed-methods>regex:.*</allowed-methods>-->
    </action>
</package>

3）在LoginAction中添加loginout方法

import com.blog.Service.LoginService;
import com.blog.domain.User;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;
import com.opensymphony.xwork2.ModelDriven;

public class LoginAction extends ActionSupport implements ModelDriven<User> {

    private User user = new User();

    @Override
    public User getModel() {
        return user;
    }

    // 注入业务层
    private LoginService loginService;

    public void setLoginService(LoginService loginService) {
        this.loginService = loginService;
    }

    public String login() {
        System.out.println("来到登录action");
        System.out.println(user);

        // 登录业务逻辑
        User resUser = loginService.login(user);
        if (resUser == null) {
            // 错误信息回显
            this.addActionError("账号或密码错误");
            // 结果页跳转
            return LOGIN;
        } else {
            // 保存用户信息
            ActionContext.getContext().getSession().put("curUser", resUser);
            // 结果页跳转
            return SUCCESS;
        }
    }

    public String loginout() {
        System.out.println("来到退出action");
        System.out.println(((User) ActionContext.getContext().getSession().get("curUser")).getUsername() + "登出");
        ActionContext.getContext().getSession().remove("curUser");
        return "login_out";
    }
}

4）退出结果页跳转，struts.xml

<package name="struts" namespace="/" extends="struts-default">
    <action name="loginAction_*" class="loginAction" method="{1}">
        <result name="login">/mgr_login.jsp</result>
        <result name="login_out" type="redirect">/mgr_login.jsp</result>
        <result name="success" type="redirect">/mgr_index.jsp</result>
        <allowed-methods>login,loginout</allowed-methods>
        <!--<allowed-methods>regex:.*</allowed-methods>-->
    </action>
</package>

转载于:https://www.cnblogs.com/xzh0717/p/10968565.html

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)