jsp頁面內嵌另一個jsp公共頁面

在開發過程中，有些功能是一直可以重複使用的，這樣的頁面我們可以做成公共的，供每個頁面適用，那麼就需要我們在使用的時候做一下嵌套。

例如：這樣一個頁面中：

上半部分是公共的：

<%@ page contentType="text/html;charset=UTF-8" language="java"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<%@ taglib prefix="fund" uri="/WEB-INF/tag/fund.tld"%>

<div class="box-content box-double-padding">

<form class="form form-horizontal" id="selectForm" action="${pageContext.request.contextPath}/admin/trade/payByCard" method="post" stylex="margin-bottom: 0;">

<input id="urlParam" name="urlParam" type="hidden" value="${param.pageTitle}" />

<div class="row-fluid">

<div class="span6 box">

<label class="control-label">客戶類型</label>

<div class="controls">

<span class="control-text">

<select class="input-block-level" id="custType" name="custType" validate="required:true">

<fund:dictOptions dictId="301001" value="${ map["custType"] }"/>

</select>

<i class="form-tips text-error">*</i>

</span>

</div>

</div>

<div class="span6 box">

<label class="control-label">資金卡號</label>

<fund:appParam keyName="pay_mode" keyValue="2">

<div class="controls">

<input class="form-control" id="accNo" name="accNo" autocomplete="off" value="${map["accNo"]}" type="text" validate="required:true"/>

<i class="form-tips text-error">*</i>

</div>

</fund:appParam>

<div class="controls">

<button class="btn btn-default" id="selectBtn" mode="submit" type="submit">刷卡</button>

</div>

</div>

</div>

<div class="row-fluid">

<div class="span6 box">

<label class="control-label">基金交易賬戶</label>

<div class="controls">

<input class="form-control" id="financeAcc" name="financeAcc" autocomplete="off" value="${map["financeAcc"]}" type="text" disabled/>

</div>

</div>

<div class="span6 box">

<label class="control-label">風險等級</label>

<div class="controls">

<%-- <select class="input-block-level" id="riskLevel" ajaxValue="${riskLevel}" name="riskLevel"> --%>

<%-- <fund:dictOptions dictId="301005" value="${map["riskLevel"]}"/> --%>

<!-- </select> -->

<input class="form-control" id="riskLevel" name="riskLevel" autocomplete="off" value="${map["riskLevel"]}" type="text" disabled/>

</div>

</div>

</div>

</form>

</div>

<script type="text/javascript">

</script>

在另一個 頁面嵌套的時候只需要把頁面加進去就可以了：

<jsp:include page="../../includes/tradeCommon.jsp" flush="true" ></jsp:include>

這樣，就實現了一個jsp頁面嵌套公共的jsp頁面。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！