JavaWeb之登录注册系统

此次项目用到的工具是:

① 前端:HTML + CSS + JS

② 后端:Tomcat 8 + Servlet

③ 项目开发工具 :Idea(Java EE IDE) java运行环境是:jdk 17

④ 数据库:Mysql + Navicat 

以下是各项目的页面操作截图

1.首页

e3a245c7e5074f9f8c1243f4a558bbc5.jpeg

2.登录界面

918b5ff8cc47425cac1fbb9afb6a7a68.jpeg

 3.注册界面

ab37aafddda74049af15a3831f234690.jpeg

 4.登录成功界面

29da582fd28a40faa5487bf5d9e56f46.jpeg

 下面是各页面的代码

index.jsp

<%@ page import="java.text.SimpleDateFormat" %>
<%@ page import="java.util.Date" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
 <title>JavaWeb之简单的登录注册系统</title>
  <link href="${pageContext.request.contextPath}/css/index.css" type="text/css" rel="stylesheet">
  <script src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
</head>
<body>

<div id="header" style="height:80px;line-height:80px;background-color: #4fafd9;color: #fff;padding-top: 0px;margin-top: 20px;font-size: 30px;">
	<p align="center">
		JavaWeb之简单的登录注册系统
	</p>
</div>
<div class="content" style="margin-top: 60px;">
	<div class="con_left" >
		<div class="con_left1 " style="background-color:#fff">
			<%
				//判断用户的登入状态
				if(session.getAttribute("username")==null)
				{
			%>
			<div class="con_header" style=""><div class="title" style="" ><span>功能区</span></div></div>
			<div class="">
				<ul><li><a href="login.jsp" id="login">用户登录</a></li></ul><hr/>
				<ul><li><a href="register.jsp" id="reg">用户注册</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<ul><li><a href="#">待开发区</a></li></ul><hr/>
				<%
				}
				else
				{
				%>
				<%--注销--%>
				<script type="text/javascript">
					window.location.href="main.jsp";
				</script>
				<%
					}
				%>
			</div>
		</div>
	</div>
    <div class="con_right" style="background-color:#fff">
		<div class="blog_list_wrap" >
			<div class="con_header"><div class="title"><span>
				当前时间:<%=new java.text.SimpleDateFormat("YYYY-MM-dd HH:mm:ss").format(new Date())%>
			</span></div></div>
		</div>
		<p align="center" style= "height:80px;color: #f60;padding-top: 20px;margin-top: 20px;font-size: 35px;">
			欢迎学习JavaWeb的登录注册系统</br>
			by猪猪侠
		</p>
	</div>
	</div>
	<div class="clear"></div>
</div>

</body>
</html>
LoginServlet
import java.io.IOException;

public class LoginServlet extends javax.servlet.http.HttpServlet
{
    protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException
    {

        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        //接收表单信息
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        //设置回显
        request.setAttribute("username", username);
        request.setAttribute("password", password);
        //判断用户是否在库
        UserDao user =new UserDao();
        boolean login =user.findUser(username,password);
        if(login)
        {
            request.getSession().setAttribute("username", username);
            response.sendRedirect("index.jsp");
        }
        else
        {
            response.getWriter().print("<script language='javascript'>" +
                    "alert('账号或密码错误,请重新输入!');" +
                    "window.location.href='login.jsp';</script>')");
        }
    }

    protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {

    }
}
RegisterServlet
import java.io.IOException;

public class RegisterServlet extends javax.servlet.http.HttpServlet
{

    protected void doPost(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException
    {
        request.setCharacterEncoding("utf-8");
        response.setContentType("text/html;charset=utf-8");
        //接收表单信息
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String password2 = request.getParameter("password2");
        //判断账号密码
        if(!password.equals(password2))
        {
            response.getWriter().print("<script language='javascript'>" +
                    "alert('密码不一致,请重新输入!');" +
                    "window.location.href='register.jsp';</script>')");
        }
        else
        {
            UserDao user = new UserDao();
            boolean register = user.addUser(username,password);
            if(register)
                response.sendRedirect("login.jsp");
            else
            {
                response.getWriter().print("<script language='javascript'>" +
                        "alert('账号已存在,请重新注册!');" +
                        "window.location.href='register.jsp';</script>')");
            }
        }

    }

    protected void doGet(javax.servlet.http.HttpServletRequest request, javax.servlet.http.HttpServletResponse response) throws javax.servlet.ServletException, IOException {

    }
}

由于页面代码较多就只展示一部分的,需要源码的可以私聊我!

2390585daeb240869fef05026d859f09.gif

点赞+关注+收藏

 

  • 22
    点赞
  • 70
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值