博客系统 01 登录退出

一、工程搭建

使用的是IDEA

(1)新建个动态web工程(Blog)

(2)导入jar包(SSH jar包)

(3)导入配置文件

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

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

1472533-20190603165115738-304872625.png

(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的属性对应。

1472533-20190603165127279-1554989244.png

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

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值