通过 idea 创建一个 Java Web 项目及 Servlet 的创建

本文介绍了如何使用 Intellij IDEA 创建 Java Web 项目,详细步骤包括选择 Web Application 模板,配置项目名称和位置,以及创建后的项目结构解析。接着,讲解了创建 views 文件夹并添加 Login.html 页面,以及设置 web.xml 中的默认启动项。随后,指导创建 Servlet,实现了简单的登录功能,最后展示了登录成功的页面,证实了Servlet的正确配置和运行。
  1. 从欢迎页点击 Create New Project 。在这里插入图片描述
  2. 从左边栏中选择 Jave Enterprise ,右边栏当中选择 Web Application 并打钩,下面的 Create web.xml 也打钩,选择 Next。在这里插入图片描述
  3. 在 Project name 处设置项目名,Project Location 设置项目保存的位置。设置完成后点击 Finish 即可。在这里插入图片描述
  4. 创建完成以后,出现这个界面,表示创建成功。注意:在这个项目结构里,.idea 文件夹下存储的是 idea 里面的配置文件,src 文件夹下放置你的 java 文件,web 文件下放置的是有关 web 的文件以及其中的配置文件夹。左边 Tomcat 的启动已经默认创建完成了,不用再单独添加进项目当中。
    在这里插入图片描述
  5. 在 web 当中创建一个 views 的文件夹,用来保存所有有关自定义的 .html 的界面。在这里面创建一个 Login.html ,里面的代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
</head>
<body>
    请您登录
    <form action="Login" method="post">
        用户名:<input name="username" type="text" />
        密码:<input name="password" type="text" />
        <input type="submit" value="登录" />
    </form>
</body>
</html>

创建完成以后,为了能够将这个网页能够已启动就显示该页面,需要在 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">
    <welcome-file-list>
        <welcome-file>views/login.html</welcome-file>
    </welcome-file-list>
</web-app>
  1. 在 src 当中创建一个 package,在创建的包当中右键,选择 new -> Create New Servlet 在这里插入图片描述
    点击进去以后弹出窗口。其中在 Name 当中设置 Servlet 的类名,注意:修改的时候一定要与 Class 最后的名字相同,否则会创建错误。在这里插入图片描述
  2. 创建成功后,出现以下界面。为了实现一个简单的登录界面,需要在 doPost 方法当中实现以下内容。
    在这里插入图片描述
package com.JavaWeb.web;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.UnknownFormatConversionException;

/**
 * @author apple
 */
@WebServlet("/Login")
public class Login extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        var user = request.getParameter("username");
        var password = request.getParameter("password");
        var rightUserName = "白天";
        var rightPassword = "123456";
        System.out.printf("%s | %s", user, password);
        if (rightPassword.equals(user) && rightPassword.equals(password)) {
            response.sendRedirect("http://localhost:8080/JavaWeb/views/loginSuccess.html");
        } else {
            response.sendRedirect("http://localhost:8080/JavaWeb/");
        }
    }

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
}
  1. 创建完成以后,启动 tomcat ,点击运行,出现以下网页。说明初始化成功。将用户名:abc 和密码:123456 分别输入进用户名和密码当中。点击登录。在这里插入图片描述
    弹出登录成功的窗口在这里插入图片描述
    一个含有简单的 Servlet 的界面就创建完成了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值