前端页面的jsp怎么写
时间: 2024-01-28 15:10:34 浏览: 34
JSP(JavaServer Pages)是JavaWeb中一种常用的动态网页开发技术,可以与Servlet技术结合使用,生成动态的Web页面。下面是一个简单的JSP页面示例:
```jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>示例页面</title>
</head>
<body>
<h1>欢迎来到示例页面</h1>
<p>当前时间是:<%= new java.util.Date() %></p>
<p>下面是一个简单的计算器:</p>
<form action="${pageContext.request.contextPath}/calc" method="post">
<input type="text" name="a" placeholder="请输入第一个数字">
<select name="op">
<option value="add">加法</option>
<option value="sub">减法</option>
<option value="mul">乘法</option>
<option value="div">除法</option>
</select>
<input type="text" name="b" placeholder="请输入第二个数字">
<input type="submit" value="计算">
</form>
<c:if test="${not empty result}">
<p>计算结果为:${result}</p>
</c:if>
</body>
</html>
```
该页面包含了一些常用的JSP特性和标签:
- `<%@ page %>`指令用于设置页面的属性,如语言类型、字符集等;
- `<%@ taglib %>`指令用于导入标签库,可以使用JSTL标签;
- JSP表达式`<%= %>`用于在页面中输出Java表达式的值;
- `action`属性指定表单提交的URL,`${pageContext.request.contextPath}`代表当前Web应用的根路径;
- JSTL标签`<c:if>`用于条件判断,`${not empty result}`表示判断变量`result`是否不为空;
- EL表达式`${}`用于在页面中输出变量的值。
以上只是一个简单的示例,实际开发中,需要根据具体的需求进行更加复杂的页面设计和开发。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![-](https://csdnimg.cn/download_wenku/file_type_column_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)
![](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)