编写一个JSP页面,该页面提供一个表单,用户可以通过表单输入梯形的上底、下底和高的值,并提交给本JSP页面,该JSP页面将计算梯形面积的任务交给一个page bean去完成。JSP页面使用getProperty动作标记显示page bean
时间: 2023-11-22 10:52:32 浏览: 217
以下是一个简单的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>
<h1>梯形面积计算器</h1>
<form method="post" action="${pageContext.request.contextPath}/CalculateArea.jsp">
<label for="upperBase">上底:</label>
<input type="number" id="upperBase" name="upperBase"><br><br>
<label for="lowerBase">下底:</label>
<input type="number" id="lowerBase" name="lowerBase"><br><br>
<label for="height">高:</label>
<input type="number" id="height" name="height"><br><br>
<input type="submit" value="计算面积">
</form>
<%-- 使用getProperty显示page bean的计算结果 --%>
<jsp:useBean id="trapezoid" class="com.example.Trapezoid" scope="page" />
<h2>计算结果:</h2>
<p><jsp:getProperty name="trapezoid" property="area" /></p>
</body>
</html>
```
在该页面中,我们使用一个表单让用户输入梯形的上底、下底和高的值,并将其提交到一个名为`CalculateArea.jsp`的JSP页面。在提交表单后,该页面会将计算梯形面积的任务交给一个名为`Trapezoid`的page bean去完成。
在JSP页面的最后,我们使用`<jsp:useBean>`标签声明了一个名为`trapezoid`的page bean,并指定了其类名为`com.example.Trapezoid`,作用域为`page`。接着,我们使用`<jsp:getProperty>`标签来显示该page bean计算得到的梯形面积。
下面是`CalculateArea.jsp`页面的代码:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<jsp:useBean id="trapezoid" class="com.example.Trapezoid" scope="page" />
<jsp:setProperty name="trapezoid" property="upperBase" value="${param.upperBase}" />
<jsp:setProperty name="trapezoid" property="lowerBase" value="${param.lowerBase}" />
<jsp:setProperty name="trapezoid" property="height" value="${param.height}" />
```
在该页面中,我们首先使用`<jsp:useBean>`标签声明了一个名为`trapezoid`的page bean,与前面的JSP页面相同。接着,我们使用`<jsp:setProperty>`标签来设置该page bean的属性值,其中`name`属性指定了page bean的名称,`property`属性指定了要设置的属性名称,`value`属性则从表单提交的参数中获取对应的值。这样,我们就完成了梯形面积的计算。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)