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

我们在项目中找到java目录下面有一个包路径然后我们在下面创建一个类

我这里叫 TransmissionTest

当然名字是顺便取的

参考代码如下

java 复制代码

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代码编写如下

html 复制代码

<%@ 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

编写代码如下

html 复制代码

<%@ 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>

因为我们类的逻辑是将userName 设入了 request作用域那么我们就将他输出在界面上就好了

然后我们运行项目

例如我们在输入框中顺便输入一个用户名然后我们点击提交

可以看到展示也是没有任何问题