大家好,这里是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>
有问题,评论区见噢