<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<link href="${pageContext.request.contextPath}/css/template.css" rel="stylesheet" type="text/css" />
<html>
<head>
<title>CSS Template JSP</title>
</head>
<body>
<div class="header">
<h1>Site Title</h1>
<p>Site Tagline</p>
</div>
<div class="navigation">
<c:url var="homeUrl" value="/" />
<a href="${homeUrl}">Home</a>
<c:url var="aboutUrl" value="/about" />
<a href="${aboutUrl}">About</a>
<c:url var="contactUrl" value="/contact" />
<a href="${contactUrl}">Contact</a>
</div>
<div class="content">
<c:choose>
<c:when test="${empty articles}">
<p>No articles found.</p>
</c:when>
<c:otherwise>
<c:forEach items="${articles}" var="article">
<div class="article">
<h2><c:out value="${article.title}" /></h2>
<p><c:out value="${article.content}" /></p>
<p><fmt:formatDate value="${article.date}" pattern="yyyy-MM-dd" /></p>
</div>
</c:forEach>
</c:otherwise>
</c:choose>
</div>
<div class="footer">
<p>© 2020 CSS Template JSP</p>
</div>
</body>
</html>
在上面的代码片段中,可以看到大家在JSP页面中引入了一个CSS文件,该文件定义了页面的样式。大家还使用JSTL标签库来生成页面的链接和迭代文章列表。
使用CSS模板JSP可以使得开发者更加专注于页面的功能开发,而设计师则可以专注于页面的样式设计。这种分离的方式可以提高开发效率和代码维护性。