jsp用基础的html显示当前日期和月历的功能并且和bean类联立起来
时间: 2024-02-26 11:59:18 浏览: 56
jsp编程,实现网页显示时间日期功能
4星 · 用户满意度95%
要将JSP页面和JavaBean类联合起来,可以使用JSP的EL表达式和JSTL标签库来获取Bean类中的数据,并使用HTML和CSS来显示。以下是一个示例代码:
```html
<%@ page import="java.time.LocalDate" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="com.example.CalendarBean" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Calendar Example</title>
<style>
.calendar {
border-collapse: collapse;
}
.calendar th, .calendar td {
border: 1px solid black;
padding: 5px;
text-align: center;
}
.calendar th {
background-color: lightgray;
}
.calendar td.today {
background-color: lightblue;
}
</style>
</head>
<body>
<h1>Current Date</h1>
<p>${LocalDate.now()}</p>
<h1>Calendar</h1>
<table class="calendar">
<tr>
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thu</th>
<th>Fri</th>
<th>Sat</th>
</tr>
<c:set var="calendar" value="${CalendarBean.generateCalendar()}"/>
<%
ArrayList<Integer> days = (ArrayList<Integer>) pageContext.getAttribute("calendar");
int dayOfMonth = 1;
for (int i = 0; i < days.size(); i++) {
%>
<tr>
<%
for (int j = 0; j < 7; j++) {
int day = days.get(i * 7 + j);
if (day == 0) {
%>
<td></td>
<%
} else {
String className = "";
if (day == LocalDate.now().getDayOfMonth()) {
className = "today";
}
%>
<td class="<%= className %>"><%= day %></td>
<%
dayOfMonth++;
}
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>
```
这个JSP页面中使用了Java的LocalDate类来获取当前日期,并使用EL表达式`${}`来在页面中显示。同时,使用JSTL标签库和EL表达式`${}`来获取Bean类中的数据,并使用HTML和CSS来显示月历。其中,`<c:set>` 标签用于将Bean类中的数据存储到页面上下文中,`pageContext.getAttribute()`方法用于在Java代码中获取页面上下文中的数据。此外,使用CSS来美化月历的显示效果,如添加边框、背景色等。
阅读全文