用jsp:include 包含分页导航、页脚等一些公共模块

时间：2022-03-11 18:15:27

在应用中，我们经常碰到很多模块都要用到分页导航功能，特别是大数据量的应用，还有一些如个人消息、新闻头条、页脚等公共模块也一样，它们的实现代码几乎都一样，只是有个别参数不一样。如果我们在每个模块都COPY相同的代码，这样不但会造成生产效率的低下，而且还会提高维护成本，假设有一天，客户要求修改分页导航的风格，你就不得不去每个具有这种功能的页面去一一修改，那是很耗时间的。所以当我们碰到这种情况时，自然而然的就想到把这些几乎相同的代码抽取出来，放在一个公共的文件中，这样只要在需要这样功能的模块中把这公共文件包含进来就可以了，以后要修改它的风格，或者功能，就只要在这个公共文件中修改就可以了。这样维护起来就方便多了。

 

下面是一个例子：

 

 

 

    1. <%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
    2. <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
    3. <%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"%>
    4. <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
    5. <%@ page import="com.macronet.pub.db.Page" %>
    6. <%@ page contentType="text/html; charset=gbk"%>
    7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    8. <html>
    9.     <head>
    10.         <title>资源动因量采集</title>
    11.         <link rel="stylesheet"
    12.             href="<%=request.getContextPath()%>/css/style.css" type="text/css">
    13.             </head>
    15.     <body>
    16.         <div class="txt_title">
    17.             资源动因量采集
    18.         </div>
    19.         <logic:present name="alert">
    20.             <logic:equal value="true" name="alert">
    21.                 <script type="text/javascript">
    22.                     alert('保存成功');
    23.                     </script>
    24.             </logic:equal>
    25.         </logic:present>
    26.         <div class="frame_list">
    27.             <form action="ziydylb.do" method="post" name="frm">
    28.                 <input type="hidden" name="flag" id="flag" />
    29.                 <input type="hidden" id="rowNum" name="rowNum" />
    30.                 <input type="hidden" id="pageNo" name="pageNo"
    31.                     value="<bean:write name="pageNo"/>" />
    32.                 <input type="hidden" id="sForward" name="sForward" value="ziydylb" />
    33.                 <input type="hidden" id="sjlx" name="sjlx" value="ZYDY" />
    34.                 <table class="tab_list" cellspacing="0">
    35.                     <tr>
    36.                         <td class="tr_list">
    37.                             <div class="txt_tr">
    38.                                 采集年月  
    39.                                 <input type="text" name="ny" id="ny" size="6"
    40.                                     value="<bean:write name="ny" />" onclick="setmon(this)">
    41.                         <td class="tr_list">
    42.                             <div class="txt_tr">
    43.                                 请选择机构:
    44.                             </div>
    45.                         </td>
    46.                         <td class="tr_list">
    47.                             <div class="txt_tr">
    48.                                 <div id="combo"></div>
    49.                                 <input type="hidden" name="jgbh" id="jgbh"
    50.                                     value="<bean:write name="jgbh"/>" />
    51.                                 <input type="hidden" name="jgmc" id="jgmc"
    52.                                     value="<bean:write name="jgmc"/>" />
    53.                             </div>
    54.                         </td>
    55.                         <td class="tr_list">
    56.                             <div class="txt_tr">
    57.                                 <input type="button" value="查找"
    58.                                     onclick="setAction('1','showAll')" />
    59.                                 <c:if test="${MKQX=='3'||MKQX=='4'}">
    60.                                     <input type="button" value="采集"
    61.                                         onclick="setAction('<bean:write name="pageNo"/>','dataImportPage')" />
    62.                                     <input type="button" value="导入"
    63.                                         onclick="setAction('<bean:write name="pageNo"/>','insertPage')" />
    64.                                 </c:if>
    65.                                 <c:if test="${MKQX=='4'}">
    66.                                     <input type="button" value="清除"
    67.                                         onclick="setAction('1','clear')" />
    68.                                 </c:if>
    69.                             </div>
    70.                         </td>
    71.                     </tr>
    72.                 </table>
    73.                 <br>
    74.                 <table class="tab_list" cellspacing="0">
    75.                     <tr>
    76.                         <td class="tr_list" style="text-align: center;">
    77.                             资源动因编号
    78.                         </td>
    79.                         <td class="tr_list" style="text-align: center;">
    80.                             资源动因
    81.                         </td>
    82.                         <td class="tr_list" style="text-align: right;">
    83.                             动因量
    84.                         </td>
    85.                         <td class="tr_list" style="text-align: left;">
    86.                             单位
    87.                         </td>
    88.                     </tr>
    89.                     <logic:notEmpty name="results">
    90.                         <logic:iterate id="result" name="results" indexId="rowId">
    91.                             <tr>
    92.                                 <td class="td_list_odd" align="center" nowrap>
    93.                                     <bean:write name="result" property="C_DYYSBH" />
    94.                                 </td>
    95.                                 <td class="td_list_odd" align="center" nowrap>
    96.                                     <bean:write name="result" property="V_DYYSMC" />
    97.                                     <input type="hidden" name="dyysbh" style="border: none"
    98.                                         id="dyysbh"
    99.                                         value="<bean:write name="result" property="C_DYYSBH"/>" />
    101.                                 </td>
    102.                                 <td class="td_list_odd" align="right" nowrap>
    103.                                     <c:if test="${MKQX=='3'||MKQX=='4'}">
    104.                                         <input type="text" name="dyl<%=rowId%>" id="dyl" size="10"
    105.                                             style="border: none; text-align: right" align="right"
    106.                                             onfocus="changeStyle(this)" onblur="validator(this)"
    107.                                             value="<bean:write name="result" property="N_DYL"/>" />
    108.                                     </c:if>
    109.                                     <c:if test="${MKQX=='1'||MKQX=='2'}">
    110.                                         <input type="text" name="dyl<%=rowId%>" id="dyl" size="10"
    111.                                             readonly style="border: none; text-align: right"
    112.                                             align="right"
    113.                                             value="<bean:write name="result" property="N_DYL"/>" />
    114.                                     </c:if>
    115.                                 </td>
    116.                                 <td class="td_list_odd" align="left" nowrap="nowrap">
    117.                                     <bean:write name="result" property="V_DW" />
    118.                                      
    119.                                 </td>
    120.                             </tr>
    121.                         </logic:iterate>
    122.                     </logic:notEmpty>
    123.                     <logic:empty name="results">
    124.                         <tr>
    125.                             <td class="td_list_odd" colspan="9" align="left">
    126.                                 <div class="txt_td_pri">
    127.                                     没有数据!
    128.                                 </div>
    129.                             </td>
    130.                         </tr>
    131.                     </logic:empty>
    132.                     <!-- 
    133.                     <logic:notEmpty name="results">
    134.                         <tr>
    135.                             <td class="td_list_odd" colspan="9" align="right">
    136.                                 <div class="txt_td_pri">
    137.                                     <c:if test="${MKQX=='3'||MKQX=='4'}">
    138.                                         <input type="button" value="增加"
    139.                                             onclick="setAction('<bean:write name="pageNo"/>','beforeAdd')">
    140.                                     </c:if>
    141.                                 </div>
    142.                             </td>
    143.                         </tr>
    144.                     </logic:notEmpty>
    145.                      -->
    146.                 </table>
    147.                 <%
    148.                    String s="&ny="+request.getAttribute("ny")+"&jgbh="+request.getAttribute("jgbh")+"&jgmc="+request.getAttribute("jgmc");
    149.                    request.setAttribute("param",s);
    150.                  %>
    151.                 <br>
    152.                 <jsp:include page="/scripts/common/page.jsp">
    153.                     <jsp:param name="actionName" value="/ziydylb.do?flag=showAll"/>
    154.                 </jsp:include>
    155.             </form>
    156.         </div>
    157.     </body>
    158. </html>
    <%@ taglib uri=    "/WEB-INF/struts-bean.tld" prefix="bean"%>
  2. <%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"%>
  3. <%@ page import="com.macronet.pub.db.Page"%>
  4. <%
  5.     String path = request.getContextPath();
  6.     String formName = request.getParameter("formName");
  7.     String actionName = request.getParameter("actionName");
  8. %>
  9. <%@ page pageEncoding="gb2312"%>
  10. <script type="text/javascript">
  11.             function validation(obj){
  12.                 var s=obj.value;
  13.                 var patrn=/^[0-9]{1,20}$/;
  14.                 if (!patrn.exec(s)&&s!='') { 
  15.                  alert('请输入一个整数!');
  16.                  obj.value='';
  17.                  obj.focus(); 
  18.                  return;
  19.                 }
  20.                 var totalPage=document.getElementById('totalPage').innerText;
  21.                 if(parseInt(s)>parseInt(totalPage)){
  22.                        alert('你所输入的页码已超出总页数!');
  23.                        obj.value='';
  24.                        return;
  25.                 }
  26.                 
  27.             }
  28.             function setRowNumToPage(action){
  29.                var pageNo=document.getElementById('pageNoTo').value;
  30.                document.getElementById('pageNo').value=pageNo;
  31.                document.getElementById('action').value=action;
  32.                document.forms[0].submit();
  33.             }
  34. </script>
  35. <table cellpadding="0" cellspacing="0" class="tab_list">
  37.     <tr class="page_list">
  38.         <td>
  39.             <div>
  40.                 <%
  41.                     Page p = (Page) request.getAttribute("page");
  42.                     int currentPage = p.getCurrentPage();
  43.                 %>
  44.                 第<%=currentPage%>/
  45.                 <div id="totalPage" style="display: inline"><%=p.getTotalPages()%></div>
  46.                 页 共<%=p.getTotalRecords()%>条记录
  47.                 <a
  48.                     href="<%=request.getContextPath()%><%=actionName%>&pageNo=1<%=request.getAttribute("param")%>"
  49.                     class="pagenav">首页</a>
  50.                 <%
  51.                     if (p.isHasPrevious()) {
  52.                 %>
  53.                 <a
  54.                     href="<%=request.getContextPath()%><%=actionName%>&pageNo=<%=currentPage == 1 ? 1 : currentPage - 1%><%=request.getAttribute("param")%>"
  55.                     class="pagenav">上一页</a>
  56.                 <%
  57.                     } else {
  58.                 %>
  59.                 上一页
  60.                 <%
  61.                     }
  62.                     if (p.isHasNext()) {
  63.                 %>
  64.                 <a
  65.                     href="<%=request.getContextPath()%><%=actionName%>&pageNo=<%=currentPage == p.getTotalPages() ? p
  66.                         .getTotalPages() : currentPage + 1%><%=request.getAttribute("param")%>"
  67.                     class="pagenav">下一页</a>
  68.                 <%
  69.                     } else {
  70.                 %>
  71.                 下一页
  72.                 <%
  73.                     }
  74.                 %>
  75.                 <a
  76.                     href="<%=request.getContextPath()%><%=actionName%>&pageNo=<%=p.getTotalPages()%><%=request.getAttribute("param")%>"
  77.                     class="pagenav">末页</a> 
  78.             </div>
  79.         </td>
  80.         <td align="right">
  81.             <div class="txt_td_pri">
  82.                 转
  83.                 <input type="text" size="4" name="pageNoTo" id="pageNoTo"
  84.                     onblur="validation(this)" value="">
  85.                 页  
  86.                 <input type="button" value="跳转" class="btn"
  87.                     onclick="setRowNumToPage('search')">
  88.             </div>
  89.         </td>
  90.     </tr>
  91. </table>
标签：

相关文章