JSP编写自己的第一个WebServlet实现客户端与服务端交互

我们在项目中找到java目录下面有一个包路径然后我们在下面创建一个类
在这里插入图片描述
我这里叫 TransmissionTest
当然名字是顺便取的
参考代码如下

package com.example.dom;

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;

@WebServlet("/1cginServlet")
public class TransmissionTest extends HttpServlet {
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //设置客户端编码
        request.setCharacterEncoding("UTF-8");
        String userName = request.getParameter("userName");
        request.setAttribute("userName",userName);
        request.getRequestDispatcher("page.jsp").forward(request,response);
        return;
    }
}

这里我们设置访问路径为 1cginServlet 这个名字也是自己取的
然后继承 HttpServlet 规则
我们重写它的 service 函数
上来先将编码格式转成 UTF-8
然后我们通过 getParameter 获取传过来的参数 userName 然后将接收到的 userName 放入request作用域
最后服务端跳转向 page.jsp
最后写完了别忘了 return

然后我们 index.jsp代码编写如下

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%request.setCharacterEncoding("UTF-8");%>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
</head>
<body>
    <form action="1cginServlet" method="post">
        用户名: <input type="text" name="userName"/>
        <button>提交</button>
    </form>
</body>
</html>

我们写了一个form表单输入框用于输入用户名我们定义的接受字段是 userName
然后表单的提交格式是post 因为post保密性会强一些然后我们将数据提交到1cginServlet 就是我们刚刚类设置的路径我们类中取到的userName字段就是这个输入框中传递的

然后我们创建一个page.jsp
编写代码如下

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%request.setCharacterEncoding("UTF-8");%>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
</head>
<body>
<%
    out.print("您输入的用户名是: "+ request.getAttribute("userName"));
%>
</body>
</html>