编写一个jsp页面，要求用户输入自己的姓名.性别，班级和爱好，提交后在第二个页面进行处理，将填写的信息进行显示

时间: 2024-09-27 20:03:00 浏览: 47

编写jsp页面实现如下界面效果，然后交给servlet计算矩形的周长和面积，并输出结果。

在本项目中，我们需要使用JavaServer Pages（JSP）技术和Servlet来实现一个简单的Web应用程序，该程序能够接收用户输入的矩形的长度和宽度，计算并显示矩形的周长和面积。我们来看看各个文件的作用。 1. **inputNumber.jsp**：这是用户与系统交互的前端页面。它通常包含HTML元素，如表单，用于接收用户的输入。在本例中，我们需要创建一个表单，包含两个输入字段，分别用于输入矩形的长度和宽度。表单的提交动作应指向Servlet，以便处理输入的数据。 ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>矩形信息输入</title> </head> <body> <form action="servlet" method="post"> 长度：<input type="text" name="length" required><br> 宽度：<input type="text" name="width" required><br> <input type="submit" value="计算"> </form> </body> </html> ``` 2. **showResult.jsp**：这个页面用于显示Servlet计算出的矩形周长和面积。当Servlet完成计算后，它会重定向到这个页面，并通过请求参数传递结果。在showResult.jsp中，我们需要获取这些参数，并展示给用户。 ```jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>计算结果</title> </head> <body> <% String length = request.getParameter("length"); String width = request.getParameter("width"); String perimeter = request.getParameter("perimeter"); String area = request.getParameter("area"); %> <h2>矩形信息</h2> 长度： <%= length %>，宽度： <%= width %><br> 周长： <%= perimeter %>，面积： <%= area %> </body> </html> ``` 3. **servlet**：Servlet是Java服务器端的程序，负责处理客户端的请求。在这个例子中，Servlet会接收到inputNumber.jsp提交的表单数据，计算矩形的周长和面积，然后将结果保存在HttpServletResponse对象中，以便转发到showResult.jsp。 ```java import javax.servlet.*; import javax.servlet.http.*; import java.io.IOException; public class RectangleServlet extends HttpServlet { protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String lengthStr = request.getParameter("length"); String widthStr = request.getParameter("width"); double length = Double.parseDouble(lengthStr); double width = Double.parseDouble(widthStr); double perimeter = 2 * (length + width); double area = length * width; request.setAttribute("length", lengthStr); request.setAttribute("width", widthStr); request.setAttribute("perimeter", perimeter); request.setAttribute("area", area); RequestDispatcher dispatcher = request.getRequestDispatcher("showResult.jsp"); dispatcher.forward(request, response); } } ``` 4. **dto**：DTO（Data Transfer Object）是用来封装数据的对象。在本例中，可能不需要单独的DTO类，因为我们只处理两个简单变量（长度和宽度）。但如果项目复杂，可以创建一个Rectangle类，包含长度和宽度属性，以及相应的getter和setter方法。总结起来，这个项目涉及到的主要知识点有： 1. **JSP**：作为服务器端动态网页技术，用于创建用户界面和处理简单的业务逻辑。 2. **Servlet**：作为Java Web应用中的控制器，处理HTTP请求，进行业务逻辑计算，并将结果返回给客户端。 3. **HTTP请求与响应**：理解POST请求如何携带数据，以及如何在响应中传递计算结果。 4. **请求转发与重定向**：在Servlet中，使用`RequestDispatcher`进行请求转发，将控制权交给showResult.jsp显示结果。 5. **HTML表单**：创建表单，接收用户输入，通过POST方法提交数据。 6. **JSP表达式与脚本元素**：在JSP页面中，使用表达式`<%= %>`显示数据，使用脚本元素`<% %>`执行Java代码。以上就是利用JSP和Servlet实现计算矩形周长和面积的Web应用的详细步骤和涉及的技术点。通过这个简单的项目，我们可以深入理解Web开发中的MVC模式，以及前后端交互的基本原理。

在Java Servlets和JSP中创建这样的动态网页流程通常是这样的：首先，我们需要在前端（JSP页面）创建一个表单让用户输入信息： ```html  <!DOCTYPE html> <html> <head> <title>个人信息录入</title> </head> <body> <form action="submit_info.jsp" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br><br> <label for="gender">性别:</label> <select id="gender" name="gender"> <option value="male">男</option> <option value="female">女</option> </select><br><br> <label for="class">班级:</label> <input type="text" id="class" name="class"><br><br> <label for="hobby">爱好:</label> <textarea id="hobby" name="hobby"></textarea><br><br> <input type="submit" value="提交"> </form> </body> </html> ``` 在这个例子中，表单的`action`属性指向了另一个JSP文件`submit_info.jsp`，用户点击提交后，表单数据会发送到这个后端处理页面。然后，在`submit_info.jsp`中，我们接收到这些数据并进行处理： ```jsp  <%@ page contentType="text/html;charset=UTF-8"%> <html> <head> <title>个人信息显示</title> </head> <body> <%@ page import="java.util.*" %> <%! Map<String, String> userInfo = new HashMap<>(); %> <%-- 这里假设request.getParameterMap()已经获取到了用户的输入 --%> <% Map<String, String[]> params = request.getParameterMap(); for (String key : params.keySet()) { String[] values = params.get(key); if (values.length > 0) { userInfo.put(key, values[0]); } } %> <h2>用户信息：</h2> <p>姓名: <%= userInfo.get("name") %></p> <p>性别: <%= userInfo.get("gender") %></p> <p>班级: <%= userInfo.get("class") %></p> <p>爱好: <%= userInfo.get("hobby") %></p> </body> </html> ``` 这个JSP页面通过`request.getParameterMap()`获取表单提交的数据，并存储在一个`HashMap`中，然后显示出来。

阅读全文

编写一个jsp页面，要求用户输入自己的姓名.性别，班级和爱好，提交后在第二个页面进行处理，将填写的信息进行显示

相关推荐

2022年处理添加留言的JSP页面.pptx

基于JSP实现一个简单计算器的方法

用jsp实现简单的用户注册功能，点提交可以在另一个jsp页面显示用户注册信息

创建一个AddTeacher.jsp页面，通过表单实现对教师姓名(name)、性别(sex)、年龄(age)以及职称(professional)的输入，

JSP编写的注册页面

在一个JSP页面里面根据条件动态的加载另一个jsp页面

新生报到管理系统java编写MVC模式jsp页面

JSP设计班级学生管理系统LW.zip

JSP设计班级学生管理系统文档.rar

JSP毕业设计——用JSP设计班级学生管理系统（.zip

JSP班级公告管理系统+mysql.rar

填写内容为用户的个人信息，提交后由Struts2进行处理，将用户提交的数据显示在页面中。

JSP 页面访问用户验证

第4章 JSP和Web页面的交互.ppt

JSP班级管理系统-class.zip

jsp编写的 一个登陆界面

jsp提交用户登录笔记

JSP实现用户的登陆注册.

JSP登陆页面代码.pdf

最新推荐

springMVC如何将controller中数据传递到jsp页面

基于Java的家庭理财系统设计与开发-金融管理-家庭财产管理-实用性强

弹性盒子Flexbox布局.docx

探索数据转换实验平台在设备装置中的应用

管理建模和仿真的文件

ggflags包的国际化问题：多语言标签处理与显示的权威指南

如何使用MATLAB实现电力系统潮流计算中的节点导纳矩阵构建和阻抗矩阵转换，并解释这两种矩阵在潮流计算中的作用和差异？

使用git-log-to-tikz.py将Git日志转换为TIKZ图形

"互动学习：行动中的多样性与论文攻读经历"

ggflags包的定制化主题与调色板：个性化数据可视化打造秘籍

jsp编写的一个登陆界面