编写封装计算矩形的周长和面积的JavaBean(Rectangle.java ),编写网页 rectangle.html 输入矩形的长和宽,如图 1 所示;编写 rectangle.jsp 调用 JavaBean 分别计算矩形的周长和面积,输出如图 2 所示。
时间: 2024-11-30 20:13:49 浏览: 11
编写jsp页面实现如下界面效果,然后交给servlet计算矩形的周长和面积,并输出结果。
首先,我们创建一个名为 `Rectangle` 的 JavaBean 类,用于封装矩形的相关属性(长和宽)以及相应的计算方法(周长和面积)。这个类通常包含私有变量、 getter 和 setter 方法,以及计算周长和面积的公共方法。
```java
// Rectangle.java
import java.io.Serializable;
public class Rectangle implements Serializable {
private double length;
private double width;
// 构造函数
public Rectangle(double length, double width) {
this.length = length;
this.width = width;
}
// Getters and setters
public double getLength() {
return length;
}
public void setLength(double length) {
this.length = length;
}
public double getWidth() {
return width;
}
public void setWidth(double width) {
this.width = width;
}
// Calculate perimeter and area
public double calculatePerimeter() {
return 2 * (length + width);
}
public double calculateArea() {
return length * width;
}
}
```
接下来,我们创建一个 HTML 文件 `rectangle.html`,在这个页面上,用户可以输入矩形的长度和宽度,并有一个按钮提交数据到服务器。
```html
<!-- rectangle.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Rectangle Calculator</title>
</head>
<body>
<form action="rectangle.jsp" method="post">
<label for="length">Length:</label>
<input type="number" id="length" name="length"><br><br>
<label for="width">Width:</label>
<input type="number" id="width" name="width"><br><br>
<input type="submit" value="Calculate">
</form>
</body>
</html>
```
最后,我们在 `rectangle.jsp` JSP 页面上,使用 JavaBean 来获取前端提交的数据并显示计算结果:
```jsp
<!-- rectangle.jsp -->
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<title>Rectangle Results</title>
</head>
<body>
<%-- 假设我们已经通过request对象从HTML表单获取了length和width --%>
<% String length = request.getParameter("length");
String width = request.getParameter("width"); %>
<h1>Rectangle Information</h1>
<p>Length: <%= length %> cm</p>
<p>Width: <%= width %> cm</p>
<h2>Calculated Values:</h2>
<p>Perimeter: <%= new Rectangle(Double.parseDouble(length), Double.parseDouble(width)).calculatePerimeter() %> cm</p>
<p>Area: <%= new Rectangle(Double.parseDouble(length), Double.parseDouble(width)).calculateArea() %> cm²</p>
</body>
</html>
```
现在,当你在浏览器中打开 `rectangle.html` 并填写矩形的长宽后提交,`rectangle.jsp` 将会计算出并显示矩形的周长和面积。
阅读全文