javaweb网站登录框架实现:使用Filter过滤器实现登录拦截+使用JavaScript实现登录限制等(分管理员和用户)

大家好,这里是X,一不小心就5天没有更新博客了,最近睡得多了,博客都忘记更了,实在抱歉!在这里给大家献上一篇Demo,是网站登录注册方面的一些基本功能实现,望能够帮助到你噢,如果对你有用,也别忘了点赞和收藏噢💜

先来一个大概的图示
在这里插入图片描述
在这里插入图片描述

项目前言

整个项目来说呢,比较简单,主要做这个就是想出一个模板、框架出来的,下面是一个webapp模板创建的maven项目,这个是项目总体的框架
在这里插入图片描述

大家想怎么创建都可以,这里只是Demo噢,以下的界面做的都是比较简陋的,大家HTML、css自己做就行,下面都是技术方面实现的基础框架代码而已啦
这次的小项目最难的部分我个人认为就是过滤器了,全部代码肯定有不足的地方,大家可以自己自行增加,这里只是一个小小的Demo而已🍔

全局变量

Constant.java:

package com.xmonster.util;
public class Constant {
    public final static String USER_SESSION = "USER_SESSION";
    public final static String USER_PASSWORD = "USER_PASSWORD";
    public final static String MANAGE_SESSION = "MANAGE_SESSION";
    public final static String MANAGE_PASSWORD = "MANAGE_PASSWORD";
}

Login登录页面

这里是使用index.jsp作为了Login的界面,没有特意去创建一个了,使用JavaScript防止用户少输入重要信息

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Login</title>
    <script type="text/javascript">
        function $(str){return(document.getElementById(str))}
        function check_submit(){
            if($("user_name").value==""){
                alert("请填写用户名!");
                return(false);
            }
            if($("user_pass").value==""){
                alert("请填写密码!");
                return(false);
            }
            if($("user_pass_comfirm").value==""){
                alert("请填写确认密码");
                return (false);
            }
        }
        function mover(){
            event.srcElement.focus();
            event.srcElement.select();
        }
        function mclick(){
            if(event.srcElement.value=="[请输入用户名]")event.srcElement.value="";
        }
        function mblur(){
            if(event.srcElement.value=="")event.srcElement.value="[请输入用户名]";
        }
    </script>
</head>
<body>
<h1>🍋欢迎来到登陆界面!🍋</h1>
<form action="/servlet/login" method="post" οnsubmit="return check_submit();">
    用户名:<br>
    <input id="user_name" οnmοuseοver="mover()" οnclick="mclick()" οnblur="mblur()" value="[请输入用户名]"
           name="username"><br>
    密码:<br>
    <input id="user_pass" type="password" οnmοuseοver="mover()" name="password"><br>
    确认密码:<br>
    <input id="user_pass_comfirm" type="password" οnmοuseοver="mover()" name="comfirm_password"><br>

    <input type="submit" value="提交">
</form>
</body>
</html>

在这里插入图片描述

登录后台(用户、管理员)

LoginServlet.java

package com.xmonster.servlet;

import com.xmonster.util.Constant;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class LoginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //将username、password保存在session中
        //用户进来不是管理员就是普通用户
        //这里约定管理员的用户名和密码都是独立的
        String username = req.getParameter("username");
        String password = req.getParameter("password");

        if(username.equals("xmonster")&&password.equals("123456")){  //进入管理员页面
            req.getSession().setAttribute(Constant.MANAGE_SESSION, req.getSession().getId());
            req.getSession().setAttribute(Constant.MANAGE_PASSWORD, req.getSession().getId());
            resp.sendRedirect("/manage/administrator.jsp");
        }
        else{
            req.getSession().setAttribute(Constant.USER_SESSION, req.getSession().getId());
            req.getSession().setAttribute(Constant.USER_PASSWORD, req.getSession().getId());
            resp.sendRedirect("/sys/website.jsp");
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

网站界面、管理员界面

website.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Website</title>
</head>
<body>

<h1>欢迎来到网站首页!</h1>
<p><a href="/servlet/logout">🍉我想要注销我的账号!🍉</a></p>

</body>
</html>

administrator.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>NetWork Manage</title>
</head>
<body>
<h1>欢迎来到管理员中心!</h1>
<p><a href="/servlet/logout">🍉我想要注销我的管理员账号!🍉</a></p>
</body>
</html>

在这里插入图片描述

在这里插入图片描述

注销之后账号就消失了,在这里没有采用直接消除Session的操作,因为频繁的创建、消除Session,是非常消耗资源的,这里就直接采用removeAttribute()

销毁账号后台

LogoutServlet.java:

package com.xmonster.servlet;
import com.xmonster.util.Constant;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class LogoutServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//       最好不要将Session直接销毁,这样子频繁的销毁、创建Session,特别消耗资源的!直接remove就行
        //然后直接跳转到Login.jsp界面
        req.getSession().removeAttribute(Constant.USER_SESSION);
        req.getSession().removeAttribute(Constant.USER_PASSWORD);
        resp.sendRedirect("/index.jsp");
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doGet(req, resp);
    }
}

错误界面

error.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Error</title>
</head>
<body>
<h1>没有特权或者用户名、密码错误,请重试!</h1>
<p><a href="/index.jsp">重新回到登陆界面</a></p>
</body>
</html>

manage.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Manage Error</title>
</head>
<body>
<h1>抱歉,你没有管理员的权限噢!</h1>
</body>
</html>

在这里插入图片描述
在这里插入图片描述

过滤器后台

SysFilter.java:

package com.xmonster.filter;

import com.xmonster.util.Constant;

import javax.servlet.*;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class SysFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) servletRequest;
        HttpServletResponse response = (HttpServletResponse) servletResponse;

//        这里分两种情况,第一:用户根本没有登录,就直接访问网站或者管理员中心
        //第二种就是:用户登录了,但是不是管理员,所以不能进入管理员中心

        if(request.getSession().getAttribute(Constant.USER_SESSION) == null) {
                response.sendRedirect("/error.jsp");
        }

        filterChain.doFilter(request, response);
    }
    @Override
    public void destroy() {

    }
}

ManageFilter.java:

package com.xmonster.filter;

import com.xmonster.util.Constant;

import javax.servlet.*;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class ManageFilter implements Filter {
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
    }
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) servletRequest;
        HttpServletResponse response = (HttpServletResponse) servletResponse;

//        这里分两种情况,第一:用户根本没有登录,就直接访问网站或者管理员中心
        //第二种就是:用户登录了,但是不是管理员,所以不能进入管理员中心

        if(request.getSession().getAttribute(Constant.MANAGE_SESSION)!="xmonster"){
            response.sendRedirect("/manage_error.jsp");
        }

        filterChain.doFilter(request, response);
    }
    @Override
    public void destroy() {

    }
}

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                      http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
  <servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>com.xmonster.servlet.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>LoginServlet</servlet-name>
    <url-pattern>/servlet/login</url-pattern>
  </servlet-mapping>

  <servlet>
    <servlet-name>LogoutServlet</servlet-name>
    <servlet-class>com.xmonster.servlet.LogoutServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>LogoutServlet</servlet-name>
    <url-pattern>/servlet/logout</url-pattern>
  </servlet-mapping>

  <!--        任何想要访问网站的人或者想要直接访问管理员的人都必须经过这里!过滤一下!-->
  <filter>
    <filter-name>SysFilter</filter-name>
    <filter-class>com.xmonster.filter.SysFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>SysFilter</filter-name>
    <url-pattern>/sys/*</url-pattern>
  </filter-mapping>


  <filter>
    <filter-name>ManageFilter</filter-name>
    <filter-class>com.xmonster.filter.ManageFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>ManageFilter</filter-name>
    <url-pattern>/manage/*</url-pattern>
  </filter-mapping>
</web-app>

有问题,评论区见噢
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我是X大魔王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值