手把手教你从零开始实现一个简陋的jave web登录页面（idea2024社区版+tomcat10+jdk17)

先点击帮助菜单里面的查找操作搜索找到框架支持，双击选择web应用程序。

m0_74352594

1006人浏览 · 2024-09-21 11:34:06

m0_74352594 · 2024-09-21 11:34:06 发布

建立java web项目

建立一个java项目

添加框架支持

先点击帮助菜单里面的查找操作

搜索找到框架支持，双击

选择web应用程序

导入jar包

文件->项目结构->库，点击右上角的+，选择你的tomcat的lib文件

点击确定选择，打开lib文件，点击选择jsp-api和servlet-api两个包（ctrl+鼠标），点击应用，最后点击确定

代码

分别在web，java下面建立login.jsp，success.jsp，Loginservlet.java文件

三个文件的代码如下

<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录页面</title>
</head>
<body>
<h2>登录系统</h2>
<form action="/login" method="POST">
    用户名: <input type="text" name="username" /><br/>
    密码: <input type="password" name="password" /><br/>
    <input type="submit" value="登录" />
</form>
</body>
</html>

success.jsp

<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<html>
<head>
    <title>成功登录</title>
</head>
<body>
<h2>欢迎你，<%= request.getAttribute("username") %>!</h2>
<p>你已成功登录。</p>
</body>
</html>

Loginservlet.java

package org.example;

import jakarta.servlet.*;
import jakarta.servlet.http.*;
import java.io.IOException;


public class Loginservlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 重定向到登录页面
        response.sendRedirect("/login.jsp");
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 获取用户输入的用户名和密码
        String username = request.getParameter("username");
        String password = request.getParameter("password");

        // 模拟登录验证，假设用户名为 "admin" 且密码为 "password"
        if ("admin".equals(username) && "password".equals(password)) {
            // 登录成功，传递用户名到 success.jsp
            request.setAttribute("username", username);
            request.getRequestDispatcher("/success.jsp").forward(request, response);
        } else {
            // 登录失败，重定向回登录页面
            response.sendRedirect("/login.jsp");
        }
    }
}

java文件报红，如下图

在pom.xml下添加如下依赖

代码如下

<dependencies>
    <!-- Servlet API 依赖 -->
    <dependency>
        <groupId>jakarta.servlet</groupId>
        <artifactId>jakarta.servlet-api</artifactId>
        <version>5.0.0</version>
        <scope>provided</scope>
    </dependency>

    <!-- JSP API 依赖 -->
    <dependency>
        <groupId>jakarta.servlet.jsp</groupId>
        <artifactId>jakarta.servlet.jsp-api</artifactId>
        <version>3.0.0</version>
        <scope>provided</scope>
    </dependency>
</dependencies>

欧克，不再报红