JAVAEE如何实现网页(jsp)间的数据传输?一文总结

刚刚接触到JAVAEE的WEB开发,解释不周的地方希望感谢指正!!!

情景如下:

我的使用是21版的IDEA,9.03版本的tomcat,来做一个示范。

构建项目

点击下一步 -> 完成,等待项目构建结束。

初始项目结构如下:

目录不全的情况可以右键点击根目录创建目录补全即可,如果不存在webapp目录需要添加web服务来补全

步骤如下:文件->项目结构->模块:

选择web,选择正确的路径点击应用后确定

此时这个项目的基础模型就构建好了。

配置TOMCAT

要想把程序运行到网页上,需要先配置好服务器

点击编辑配置,点击加号,下滑选择tomcat服务器,点击本地

选择配置,找到下载好的tomcat服务器,点击修复部署工件,如果没警告则不需要点击

选择war exploded,点击应用,配置完成

以下是初始的index.jsp文件:

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
</head>
<body>
<h1><%= "Hello World!" %>
</h1>
<br/>
<a href="hello-servlet">Hello Servlet</a>
</body>
</html>

点击小三角运行,会在浏览器上看到页面,说明部署成功

网页操作

首先我在index中添加一个输入文本框以及提交按钮,代码如下:

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>JSP - Hello World</title>
</head>
<body>
<h1><%= "Hello World!" %>
</h1>
<br/>
<form action="output" method="post">
    输入内容:<input type="text" name="input">
    <input type="submit" value="提交">
</form>
</body>
</html>

可以分析以下,提交用来提交表单到action,接下来我们需要添加一个接收信息的网页hi.jsp

在webapp目录下新建网页hi.jsp:

代码如下:

<%--
  Created by IntelliJ IDEA.
  User: 31168
  Date: 2024/9/27
  Time: 23:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>接收信息</title>
</head>
<body>
    <h1>Hi!</h1>
    接收的信息:${message}
</body>
</html>

即,我们这个网页接收一个名为message的变量,并输出到网页上。

现在的问题是,我们有了输出,也有了输入,但是我们现在需要连接两个网页了,这里我使用Servlet来连接两个网页。

Servlet连接网页

在src\main\java目录下的包内新建java类 PrintServlet.java

package com.panjyash.ldu.jsptojsp;

import javax.servlet.RequestDispatcher;
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("/output")
public class PrintServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {
        // 从请求中获取名为 "input" 的参数,而不是从响应中获取
        String input = request.getParameter("input"); // 修正这里

        // 设置响应的内容类型
        response.setContentType("text/html;charset=UTF-8");

        // 将输入的内容设置为请求属性,以便在 JSP 中使用
        request.setAttribute("message", input);

        // 转发请求到 hi.jsp
        RequestDispatcher dispatcher = request.getRequestDispatcher("hi.jsp");
        dispatcher.forward(request, response);
    }
}

最后效果一览:

相关推荐
柯3491 小时前
GC垃圾回收
java·jvm·垃圾回收
redemption_21 小时前
SpringMVC-03-HelloSpring
java
平头哥在等你1 小时前
C语言简答题答案
java·c语言·jvm
LKID体2 小时前
【python图解】数据结构之字典和集合
java·服务器·前端
HUT_Tyne2652 小时前
力扣--LCR 154.复杂链表的复制
java·leetcode·链表
黄昏_2 小时前
在Springboot项目中实现将文件上传至阿里云 OSS
java·spring boot·后端·阿里云
写bug写bug2 小时前
用Java Executors创建线程池的9种方法
java·后端
期待未来的男孩2 小时前
安全加固方案
java·网络·安全
惜.己2 小时前
Jmeter中的配置原件
java·前端·数据库
zhuzhihongNO13 小时前
JVM(JAVA虚拟机)内存溢出导致内存不足,Java运行时环境无法继续
java·开发语言·jvm·内存溢出·jvm内存溢出