手把手教你使用IDEA新建JSP和servlet

新建project

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

在WEB-INF下新建两个文件夹classes 和lib

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

路径指定为刚才新建的classes文件夹

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

在这里插入图片描述

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

创建servlet文件

创建package
在这里插入图片描述
创建servlet文件
在这里插入图片描述
如果版本低,需要再web.xml 中配置
我使用的是4版本,添加注释就可以
在这里插入图片描述

package testServlet;

import jakarta.servlet.*;
import jakarta.servlet.http.*;
import jakarta.servlet.annotation.*;

import java.io.IOException;

@WebServlet(name = "testServlet", value = "/testServlet")
public class testServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        System.out.println("我是servlet");
        String username=request.getParameter("username");
        System.out.println(username);
    }
}

创建JSP文件

在这里插入图片描述
注意path、form action,method 方式,get 的话需要配置servlet 的doGet
在这里插入图片描述

<%--
  Created by IntelliJ IDEA.
  User: LiJinChao
  Date: 2021/12/27
  Time: 16:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String path = request.getContextPath();%>
<html>
<head>
    <title>Title</title>
</head>
<body>
  <form action="<%=path%>/testServlet" method="post">
      <table>
          <tr>
              <td>
                  用户名:
              </td>
              <td>
                  <input id="username" name="username" placeholder="请输入用户名">
              </td>
          </tr>
          <tr>
              <td>
                  <input id="ipt1" type="submit" name="登录">
              </td>
          </tr>
      </table>
  </form>
  </body>
</html>

启动tomcat
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
点提交
在这里插入图片描述
控制台正确打印
在这里插入图片描述

  • 0
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值