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);
    }
}

最后效果一览:

相关推荐
远望樱花兔13 分钟前
【d54_2】【Java】【力扣】142.环形链表
java·leetcode·链表
IT学长编程14 分钟前
计算机毕业设计 助农产品采购平台的设计与实现 Java实战项目 附源码+文档+视频讲解
java·spring boot·毕业设计·课程设计·毕业论文·计算机毕业设计选题·助农产品采购平台
2401_8572979119 分钟前
2025校招内推-招联金融
java·前端·算法·金融·求职招聘
编啊编程啊程21 分钟前
一文上手Kafka【下】
java·分布式·中间件·kafka
誓则盟约36 分钟前
基于Spring框架的分层解耦详解
java·后端·spring
旺旺碎冰冰、1 小时前
Java之多态
java·开发语言
今天不coding1 小时前
今年Java回暖了吗
java·开发语言
IT学长编程1 小时前
计算机毕业设计 智能旅游推荐平台的设计与实现 Java实战项目 附源码+文档+视频讲解
java·spring boot·毕业设计·旅游·毕业论文·计算机毕业设计选题·协同过滤推荐算法
清晨细雨~1 小时前
使用 Spring Boot 和 EasyExcel 进行动态表头导出 Excel
java·开发语言
wht65871 小时前
C++--IO流
java·c语言·开发语言·数据结构·c++