JSP 简单的layout例子

首先,在WEB-INF目录下新建tags目录,然后,在tags目录下新建文件mainLayout.tag

内容为:

<%@tag pageEncoding="UTF-8"%>
<%@tag trimDirectiveWhitespaces="true"%>
<%@tag body-content="scriptless"%>
<%@ attribute name="title" required="true" type="java.lang.String" %>
<c:set var="rootpath" value="${ pageContext.request.contextPath}" scope="request" />
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>${ title}</title>
<link rel="stylesheet" type="text/css" href="${ rootpath}/res/css/cloud.css" />
<script type="text/javascript" src="${ rootpath}/res/js/cloud.js"></script>
</head>

<body>
<div class="main">
	<div class="top">this is my first layout jsp</div>
	<div class="mbody">
		<jsp:doBody></jsp:doBody>
	</div>
	<div class="bright">
		this is bottom for page
	</div>
</div>
</body>
</html>

这里还需要引入jstl的标签(PS: 这鸟博客提示有非法的uri)


使用:

在其他的jsp页面中,就可以用如下方式引用了

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="ot" tagdir="/WEB-INF/tags" %>
<ot:mainLayout title="腾讯首页">
	<h1>this is layout display centent</h1>
</ot:mainLayout>




 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值