1. 程式人生 > >jsp頁面內嵌另一個jsp公共頁面

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" style='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頁面。