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

最后效果一览:

相关推荐
是烟花哈27 分钟前
IDEA中的debug使用技巧
java·ide·intellij-idea
cui_hao_nan1 小时前
Prompt‏ 工程和优化技巧
java·prompt
还是鼠鼠2 小时前
HTTP 请求协议简单介绍
java·开发语言·网络·网络协议·http
浮游本尊2 小时前
Java学习第1天 - 完整版基础语法
java
on the way 1232 小时前
行为设计模式之Command (命令)
java·开发语言·设计模式
qqxhb2 小时前
零基础设计模式——行为型模式 - 责任链模式
java·设计模式·责任链模式
UP_Continue3 小时前
C++--string的模拟实现
java·开发语言·c++
比奇堡在逃帅哥3 小时前
Linux系统编程-DAY11(多路复用IO)
java·linux·服务器
天天摸鱼的java工程师3 小时前
八年 Java 开发手记:6 大锁类型深度解析,覆盖 99% 并发编程场景
java·后端·面试
天天摸鱼的java工程师3 小时前
从源码剖析到实战,HashMap 全解析
java·后端