JSPでwebページを作る際、headerやfooterなど、どのページでも必要になる部分はテンプレートで固定させたいですよね。
以下、JSPでのテンプレートの作成方法です。
header.jsp
|
1 2 3 |
<header> ヘッダーです。 </header> |
footer.jsp
|
1 2 3 |
<footer> フッターです。 </footer> |
template.jsp
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page session="false" %> <%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" %> <html> <head> <title>${param.title}</title> <link href="<c:url value="/resources/css/bootstrap.min.css" />" rel="stylesheet"> <link href="<c:url value="/resources/css/main.css" />" rel="stylesheet"> <script src="<c:url value="/resources/js/jquery.min1.7.1.js" />"></script> <script src="<c:url value="/resources/js/bootstrap.min.js" />"></script> </head> <body> <jsp:include page="header.jsp"/> <div class="container"> ${param.content} </div> <jsp:include page="footer.jsp"/> </body> </html> |
login.jsp
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<%@page pageEncoding="UTF-8" contentType="text/html" isELIgnored="false"%> <jsp:include page="../template.jsp"> <jsp:param name="title" value="login" /> <jsp:param name="content"> <jsp:attribute name="value"> <p>LOGIN</p> <form action="usertop" method="post"> <div class="form-group"> <input type="text" name="id" class="form-control"> <input type="password" name="password" class="form-control"> </div> <button class="btn btn-default" type="submit">LOGIN</button> </form> </jsp:attribute> </jsp:param> </jsp:include> |
以上、例です。