程序博客网 > 网络勒索

【SSH项目实战】国税协同平台-14.系统、子系统首页&登录功能1

来源：互联网 发布：网络勒索 编辑：程序博客网 时间：2024/04/30 08:14

首先，我们先加载我们的系统的首页和子首页。很简单，就是转发到一个jsp页面而已，我们先写一个HomeAction来设置跳转功能:
[java] view plaincopy
  1. package cn.edu.hpu.tax.core.action;  
  2.   
  3. import com.opensymphony.xwork2.ActionSupport;  
  4.   
  5. public class HomeAction extends ActionSupport{  
  6.   
  7.     //跳转到首页  
  8.     public String execute(){  
  9.           
  10.         return "home";  
  11.     }     
  12. }  

然后我们给它一个struts的配置文件来设置跳转路径:
home-struts.xml
[html] view plaincopy
  1. <?xml version="1.0" encoding="UTF-8" ?>  
  2. <!DOCTYPE struts PUBLIC  
  3.     "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"  
  4.     "http://struts.apache.org/dtds/struts-2.3.dtd">  
  5.   
  6. <struts>  
  7.     <package name="home-action" namespace="/sys" extends="base-default">  
  8.         <action name="home_*" class="cn.edu.hpu.tax.core.action.HomeAction" method="{1}">  
  9.             <result name="{1}">/WEB-INF/jsp/home/{1}.jsp</result>  
  10.             <result name="home">/WEB-INF/jsp/home/home.jsp</result>  
  11.         </action>  
  12.     </package>  
  13. </struts>  
然后在主struts文件中引入我们的home-struts.xml:
[html] view plaincopy
  1. <!-- 主页跳转的struts配置文件 -->  
  2. <include file="cn/edu/hpu/tax/core/conf/home-struts.xml"/>  

然后把美工给我们的首页引入到/WEB-INF/jsp/home/路径下:
[html] view plaincopy
  1. <%@ page contentType="text/html; charset=UTF-8"%>  
  2. <%@ taglib prefix="s" uri="/struts-tags"%>  
  3. <%  
  4.     pageContext.setAttribute("ctx", request.getContextPath()) ;  
  5. %>  
  6.   
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9. <head>  
  10.     <title>国税协同办公平台</title>  
  11.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  12.     <link href="${ctx}/css/home.css" rel="stylesheet" type="text/css" />  
  13.   
  14.   
  15. </head>  
  16.   
  17.   
  18. <body>  
  19. <!-- 头部{ -->  
  20. <table width="1222" border="0" align="center" cellpadding="0"  
  21.        cellspacing="0" background="${ctx}/images/home/top_bg.png" class="top">  
  22.     <tr>  
  23.         <td width="32" height="106"> </td>  
  24.         <td width="418" height="106" align="left" valign="middle">  
  25.             <img class="zxx_test_png" src="${ctx}/images/home/ind01.png" width="470" height="90" alt="" />  
  26.         </td>  
  27.         <td width="211"> </td>  
  28.         <td width="328">  
  29.             <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="450" height="86">  
  30.                 <param name="movie" value="${ctx}/images/home/flash.swf" />  
  31.                 <param name="quality" value="high" />  
  32.                 <param name="wmode" value="transparent" />  
  33.                 <param name="swfversion" value="6.0.65.0" />  
  34.                 <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->  
  35.                 <param name="expressinstall" value="Scripts/expressInstall.swf" />  
  36.                 <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->  
  37.                 <!--[if !IE]>-->  
  38.                 <object type="application/x-shockwave-flash" data="${ctx}/images/home/flash.swf"  
  39.                         width="380" height="86">  
  40.                     <!--<![endif]-->  
  41.                     <param name="quality" value="high" />  
  42.                     <param name="wmode" value="transparent" />  
  43.                     <param name="swfversion" value="6.0.65.0" />  
  44.                     <param name="expressinstall" value="Scripts/expressInstall.swf" />  
  45.                     <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->  
  46.                     <div>  
  47.                         <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>  
  48.                         <p>  
  49.                             <a href="http://www.adobe.com/go/getflashplayer"><img  
  50.                                     src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"  
  51.                                     alt="获取 Adobe Flash Player" width="112" height="33" />  
  52.                             </a>  
  53.                         </p>  
  54.                     </div>  
  55.                     <!--[if !IE]>-->  
  56.                 </object>  
  57.                 <!--<![endif]-->  
  58.             </object>  
  59.         </td>  
  60.         <td width="331" align="right" valign="top">  
  61.             <table width="350" border="0" cellpadding="0" cellspacing="0">  
  62.                 <tr>  
  63.                     <td width="64" height="4"></td>  
  64.                     <td width="25" height="5"></td>  
  65.                     <td width="120" height="4"></td>  
  66.                     <td width="25" height="4"></td>  
  67.                     <td width="40" height="4"></td>  
  68.                     <td width="25" height="4"></td>  
  69.                     <td width="50" height="4"></td>  
  70.                 </tr>  
  71.                 <tr>  
  72.                     <td align="center"></td>  
  73.                     <td align="left"></td>  
  74.                     <td align="right">  
  75.                         <a><b></b><font color="red">欢迎您，<s:property value="#session.SYS_USER.name"/> </font></a>  
  76.                     </td>  
  77.                     <td align="center"><img src="${ctx}/images/home/help.png" width="12" height="17"  /></td>  
  78.                     <td align="left"><a href="javascript:void(0);">帮助</a></td>  
  79.                     <td align="center"><img src="${ctx}/images/home/exit.png" width="14" height="14"   /></td>  
  80.                     <td align="left" valign="middle" ><a href="${ctx }/sys/login_logout.action">退出</a></td>  
  81.                 </tr>  
  82.             </table>  
  83.         </td>  
  84.     </tr>  
  85. </table>  
  86. <!-- }头部 -->  
  87. <!-- 导航{ -->  
  88. <div class="menu">  
  89.     <ul class="clearfix">  
  90.         <li class="hover"><a href="javascript:void(0);">工作主页</a></li>  
  91.         <li><a href="javascript:void(0);">行政管理</a></li>  
  92.         <li><a href="javascript:void(0);">后勤服务</a></li>  
  93.         <li><a href="javascript:void(0);">在线学习</a></li>         
  94.         <li><a href="${ctx }/nsfw/home_frame.action">纳税服务</a> </li>  
  95.         <li><a href="javascript:void(0);">我的空间</a></li>  
  96.     </ul>  
  97. </div>  
  98. <!-- }导航 -->  
  99. <!-- 左{ -->  
  100. <div class="content">  
  101.     <div class="left">  
  102.         <!-- 个人资料{ -->  
  103.         <div class="left_grzx1">  
  104.             <div class="left_grzxbt">  
  105.                 <h1>个人资料</h1>  
  106.             </div>  
  107.             <table width="98%" border="0" align="center">  
  108.                 <tr>  
  109.                     <td width="76" height="100" align="center" valign="middle">  
  110.                         <div class="left-tx">  
  111.                             <s:if test="%{#session.SYS_USER.headImg != null && #session.SYS_USER.headImg !=''}">  
  112.                                 <img src="${ctx}/upload/<s:property value='#session.SYS_USER.headImg'/>" width="70" height="70" />  
  113.                             </s:if><s:else>  
  114.                                 <img src="${ctx}/images/home/gs09.png" width="70" height="70" />  
  115.                             </s:else>  
  116.                         </div>  
  117.                     </td>  
  118.                     <td width="5%"><img src="${ctx}/images/home/gs10.png" width="4" height="59" alt="" /></td>  
  119.                     <td width="60%"><table width="95%" border="0" cellpadding="0" cellspacing="0">  
  120.                         <tr>  
  121.                             <td colspan="2" style=" font-weight:bold; color:#3a7daa;"><s:property value="#session.SYS_USER.name"/></td>  
  122.                         </tr>  
  123.                         <tr>  
  124.                             <td colspan="2">所属部门：<s:property value="#session.SYS_USER.dept"/></td>  
  125.                         </tr>  
  126.                     </table>  
  127.                     </td>  
  128.                 </tr>  
  129.             </table>  
  130.         </div>  
  131.         <!-- }个人资料 -->  
  132.     </div>  
  133. <!-- }左 -->  
  134.   
  135.   
  136.     <!-- 右{ -->  
  137.     <div class="right">  
  138.         <div class="left_grzx1">  
  139.             <div class="left_grzxbt">  
  140.                 <h1>信息列表</h1>  
  141.             </div>  
  142.             <table width="98%" border="0" align="center">  
  143.                   
  144.                 <tr>  
  145.                     <td height="23">  
  146.                     xx标题  
  147.                     </td>  
  148.                     <td width="150px">xx分类</td>  
  149.                     <td width="150px">xx创建人</td>  
  150.                     <td width="150px">xx创建时间</td>  
  151.                 </tr>  
  152.                   
  153.             </table>  
  154.         </div>  
  155.     </div>  
  156.     <!-- }右-->  
  157.     <div class="clear"></div>  
  158.   
  159.   
  160.     <div class="layout_center">  
  161.         <div class="lc_grzx1">  
  162.             <div class="lc_grzxbt">  
  163.                 <h1>我的投诉</h1>  
  164.                 <div style="float:right;padding-top:3px;">  
  165.                     <s:a action="home_complainAddUI" namespace="/sys">我要投诉</s:a>    
  166.                 </div>  
  167.             </div>  
  168.             <table width="98%" border="0" align="center">  
  169.                   
  170.                 <tr>  
  171.                     <td height="23">  
  172.                     xxx标题  
  173.                     </td>  
  174.                     <td width="180px">xx受理状态</td>  
  175.                     <td width="180px">是否匿名投诉</td>  
  176.                     <td width="180px">投诉时间</td>  
  177.                 </tr>  
  178.                   
  179.             </table>  
  180.         </div>  
  181.   
  182.   
  183.         <div class="lc_grzx1">  
  184.             <div class="lc_grzxbt">  
  185.                 <h1>我的咨询</h1>  
  186.             </div>  
  187.             <table width="98%" border="0" align="center">  
  188.                 <tr>  
  189.                     <td></td>  
  190.                     <td width="150px"></td>  
  191.                     <td width="150px"></td>  
  192.                 </tr>  
  193.             </table>  
  194.         </div>  
  195.     </div>  
  196. </div>  
  197. <!-- 尾部{ -->  
  198. <div class="foot">版权所有@国税局 2014</div>  
  199. <!-- }尾部 -->  
  200. </body>  
  201. </html>  
我们访问一下看一下效果:

这就是我们整个系统的主页效果。

我们只是把首页加了，我们把子系统也加入进来(纳税服务模块首页)，但是并不是简单的加进主页就可以的，因为我们子系统主页使用frame标签引入了许多子网页，每个子网页是一个模块(包括我们刚刚做好的用户管理模块)，要显示很多信息，这些信息都要从数据库调取数据，所以我们在Action中要为各个模块中的网页设置加载。
纳税服务系统首页jsp框架图


首先编写我们的TaxHomeAction:
[java] view plaincopy
  1. package cn.edu.hpu.tax.core.action;  
  2.   
  3. public class TaxHomeAction extends BaseAction{  
  4.       
  5.     //跳转到纳税访问系统首页  
  6.     public String frame(){  
  7.         return "frame";  
  8.     }  
  9.     //跳转到纳税访问系统首页-顶部  
  10.     public String top(){  
  11.         return "top";  
  12.     }  
  13.     //跳转到纳税访问系统首页-左边菜单  
  14.     public String left(){  
  15.         return "left";  
  16.     }  
  17. }  

然后使我们的struts配置文件taxHome-struts.xml:
[html] view plaincopy
  1. <?xml version="1.0" encoding="UTF-8" ?>  
  2. <!DOCTYPE struts PUBLIC  
  3.     "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"  
  4.     "http://struts.apache.org/dtds/struts-2.3.dtd">  
  5.   
  6.   
  7. <struts>  
  8.     <package name="taxhome-action" namespace="/tax" extends="base-default">  
  9.         <action name="taxhome_*" class="cn.edu.hpu.tax.core.action.TaxHomeAction" method="{1}">  
  10.             <result name="{1}">/WEB-INF/jsp/tax/{1}.jsp</result>  
  11.         </action>  
  12.     </package>  
  13. </struts>  

然后在主struts文件中引入我们的taxHome-struts.xml:
[html] view plaincopy
  1. <!-- 子系统跳转的struts配置文件 -->  
  2. <include file="cn/edu/hpu/tax/core/conf/taxHome-struts.xml"/>  

然后在/WEB-INF/jsp/tax/下引入我们的jsp页面(frame.jsp、left.jsp、top.jsp)
frame.jsp:
[html] view plaincopy
  1. <%@ page language="java" pageEncoding="UTF-8"%>  
  2. <%  
  3.     String path = request.getContextPath();  
  4.     String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5.     application.setAttribute("basePath",basePath);  
  6. %>  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  8. <html>  
  9. <head>  
  10.     <base href="<%=basePath%>">  
  11.     <title>国税协同办公平台-纳税服务</title>  
  12.     <link href="${basePath}css/nsfw/css.css" rel="stylesheet" type="text/css" />  
  13.     <link href="${basePath}css/nsfw/style.css" rel="stylesheet" type="text/css" />  
  14. </head>  
  15. <frameset cols="*,1222,*" class="bj" frameborder="no" border="0" framespacing="0">  
  16.     <frame src="${basePath}common/bg.jsp" scrolling="No" noresize="noresize"/>  
  17.     <frameset rows="156,*" cols="*" frameborder="no" border="0" framespacing="0">  
  18.         <frame src="${basePath }tax/taxhome_top.action" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />  
  19.         <frameset cols="14%,60%" frameborder="no" border="0" framespacing="0">  
  20.             <frame src="${basePath }tax/taxhome_left.action" scrolling="yes" noresize="noresize" id="leftFrame" />  
  21.             <frame src="${basePath}common/welcome.jsp" name="mainFrame" id="mainFrame" />  
  22.         </frameset>  
  23.     </frameset>  
  24.     <frame src="${basePath}common/bg.jsp" scrolling="No" noresize="noresize"/>  
  25. </frameset>  
  26. <body>  
  27. <br>  
  28. </body>  
  29. </html>  

left.jsp:
[html] view plaincopy
  1. <%@ page language="java" pageEncoding="UTF-8" %>  
  2. <%  
  3.     String path = request.getContextPath();  
  4.     String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";  
  5.     request.setAttribute("ctx", basePath);  
  6. %>  
  7.   
  8.   
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  10. <html>  
  11. <head>  
  12.     <base href="<%=basePath%>"/>  
  13.     <link href="${ctx}/css/nsfw/css.css" rel="stylesheet" type="text/css"/>  
  14.     <link href="${ctx}/css/nsfw/style.css" rel="stylesheet" type="text/css"/>  
  15.     <script src="${ctx}/js/jquery/jquery-1.10.2.min.js" type="text/javascript"></script>  
  16.     <script type="text/javascript">  
  17.         //隐藏菜单  
  18.         $(document).ready(function () {  
  19.             $("dt a").click(function () {  
  20.                 var cur = $(this);  
  21.                 cur.parent().next().toggle(700);  
  22.                 var cur_dl = cur.parent().parent();  
  23.                 doRemoveCurClass();  
  24.                 $(cur_dl).addClass("curr");  
  25.             });  
  26.   
  27.   
  28.             $("dd a").each(function () {  
  29.                 $(this).bind("click", function () {  
  30.                     doRemoveCurClass();  
  31.                     $(this).addClass("cur");  
  32.                 });  
  33.             });  
  34.              
  35.         });  
  36.   
  37.   
  38.         function doRemoveCurClass() {  
  39.             $("dl").each(function () {  
  40.                 $(this).removeClass("curr");  
  41.                 $("dd a").each(function () {  
  42.                     $(this).removeClass("cur");  
  43.                 });  
  44.             });  
  45.         }  
  46.   
  47.   
  48.         function closeOtherDD(id) {  
  49.             $("dd").each(function () {  
  50.                 if ($(this).attr("id") != id + "dd") {  
  51.                     $(this).hide(700);  
  52.                 }  
  53.             });  
  54.         }  
  55.     </script>  
  56.     <!--[if IE 6]>  
  57.     <script type="text/javascript" src="${basePath}js/DD_belatedPNG.js"></script>  
  58.     <script type="text/javascript">  
  59.         DD_belatedPNG.fix('b, s, img, span, .prev, .next, a, input,');  
  60.     </script>  
  61.     <![endif]-->  
  62.     <style>  
  63.         * {  
  64.             scrollbar-face-color: #dee3e7; /*立体滚动条的颜色（包括箭头部分的背景色）*/  
  65.             scrollbar-highlight-color: #ffffff; /*滚动条的高亮颜色（左阴影？）*/  
  66.             scrollbar-shadow-color: #dee3e7; /*立体滚动条阴影的颜色*/  
  67.             scrollbar-3dlight-color: #eceaea; /*立体滚动条亮边的颜色*/  
  68.             scrollbar-arrow-color: #006699; /*三角箭头的颜色*/  
  69.             scrollbar-track-color: #efefef; /*立体滚动条背景颜色*/  
  70.             scrollbar-darkshadow-color: #eceaea; /*滚动条的基色*/  
  71.         }  
  72.     </style>  
  73. </head>  
  74.   
  75.   
  76. <body>  
  77. <div class="xzfw" style="width: 210px;">  
  78.     <div class="xzfw_nav" style="width:214px;min-height:500px;">  
  79.         <div class="nBox" style="width:214px;">  
  80.             <div class="x_top" style="width:214px;"></div>  
  81.             <div class="sm">  
  82.                 <dl class="">  
  83.                     <dt><a class="yh" href="${ctx }nsfw/role_listUI.action" target="mainFrame"><b></b>角色管理<s class="down"></s>  
  84.                     </a></dt>  
  85.                 </dl>  
  86.                 <dl class="">  
  87.                     <dt><a class="yh" href="${ctx }nsfw/user_listUI.action" target="mainFrame"><b></b>用户管理<s class="down"></s>  
  88.                     </a></dt>  
  89.                 </dl>  
  90.   
  91.   
  92.                 <dl>  
  93.                     <dt><a class="xxfb" href="#" target="mainFrame"><b></b>信息发布管理<s  
  94.                             class="down"></s> </a></dt>  
  95.                 </dl>  
  96.                 <dl class="">  
  97.                     <dt><a class="tssl" href="#" target="mainFrame"><b></b>投诉受理管理<s  
  98.                             class="down"></s> </a></dt>  
  99.                 </dl>  
  100.                 <dl class="">  
  101.                     <dt><a class="nszx" href="#" target="mainFrame"><b></b>纳税咨询管理<s class="down"></s> </a></dt>  
  102.                 </dl>  
  103.   
  104.   
  105.                 <dl class="">  
  106.                     <dt><a class="fwdc" href="#" target="mainFrame"><b></b>服务调查管理<s class="down"></s> </a></dt>  
  107.                 </dl>  
  108.                 <dl class="">  
  109.                     <dt><a class="ygz" href="#" target="mainFrame"><b></b>易告知管理<s class="down"></s> </a></dt>  
  110.                 </dl>  
  111.                 <dl class="">  
  112.                     <dt><a class="fwyy" style="cursor: pointer;"><b></b>服务预约管理<s class="down"></s> </a></dt>  
  113.                     <dd id="fwyygl" style="display:none;">  
  114.                         <a class="" href="#" target="mainFrame"><b></b>预约服务</a>  
  115.                         <a class="" href="#" target="mainFrame"><b></b>预约事项</a>  
  116.                     </dd>  
  117.                 </dl>  
  118.             </div>  
  119.         </div>  
  120.     </div>  
  121. </div>  
  122. </body>  
  123. </html>  

top.jsp:
[html] view plaincopy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2.   
  3.   
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  5. <html>  
  6. <head>  
  7.     <link href="${basePath}css/nsfw/css.css" rel="stylesheet" type="text/css" />  
  8.     <link href="${basePath}css/nsfw/style.css" rel="stylesheet" type="text/css" />  
  9. <!--[if IE 6]>  
  10. <script type="text/javascript" src="${basePath}js/DD_belatedPNG.js" ></script>  
  11. <script type="text/javascript">  
  12.     DD_belatedPNG.fix('b, s, img, span, .prev, .next, a, input,');  
  13. </script>  
  14. <![endif]-->  
  15. <script type="text/javascript">  
  16.     function openApp(url) {  
  17.         window.top.location = url;  
  18.     }  
  19.     function delCookie() {  
  20.         top.document.cookie = "TopNode=;expires=Fri, 31 Dec 1999 23:59:59 GMT;";  
  21.     }  
  22. </script>  
  23. </head>  
  24.   
  25.   
  26. <body>  
  27.     <!-- 头部{ -->  
  28.     <table width="1222" border="0" align="center" cellpadding="0" cellspacing="0" background="${basePath}images/nsfw/xingzheng.png" class="top">  
  29.         <tr>  
  30.             <td width="26" height="106"> </td>  
  31.             <td width="416" height="110" align="left" valign="middle">  
  32.                 <img class="zxx_test_png" src="${basePath}images/home/ind01.png" width="470" height="90" alt="" />  
  33.             </td>  
  34.             <td width="135"> </td>  
  35.             <td width="418">  
  36.                 <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="450" height="86">  
  37.                     <param name="movie" value="${basePath}images/home/flash.swf" />  
  38.                     <param name="quality" value="high" />  
  39.                     <param name="wmode" value="transparent" />  
  40.                     <param name="swfversion" value="6.0.65.0" />  
  41.                     <!-- 此 param 标签提示使用 Flash Player 6.0 r65 和更高版本的用户下载最新版本的 Flash Player。如果您不想让用户看到该提示，请将其删除。 -->  
  42.                     <param name="expressinstall" value="Scripts/expressInstall.swf" />  
  43.                     <!-- 下一个对象标签用于非 IE 浏览器。所以使用 IECC 将其从 IE 隐藏。 -->  
  44.                     <!--[if !IE]>-->  
  45.                     <object type="application/x-shockwave-flash" data="${basePath}images/home/flash.swf"  
  46.                         width="380" height="86">  
  47.                         <!--<![endif]-->  
  48.                         <param name="quality" value="high" />  
  49.                         <param name="wmode" value="transparent" />  
  50.                         <param name="swfversion" value="6.0.65.0" />  
  51.                         <param name="expressinstall" value="Scripts/expressInstall.swf" />  
  52.                         <!-- 浏览器将以下替代内容显示给使用 Flash Player 6.0 和更低版本的用户。 -->  
  53.                         <div>  
  54.                             <h4>此页面上的内容需要较新版本的 Adobe Flash Player。</h4>  
  55.                             <p>  
  56.                                 <a href="http://www.adobe.com/go/getflashplayer">  
  57.                                     <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="获取 Adobe Flash Player" width="112" height="33" />  
  58.                                 </a>  
  59.                             </p>  
  60.                         </div>  
  61.                         <!--[if !IE]>-->  
  62.                     </object>  
  63.                     <!--<![endif]-->  
  64.                 </object>  
  65.             </td>  
  66.             <td width="300" align="right" valign="top">  
  67.                 <table width="350" border="0" cellpadding="0" cellspacing="0">  
  68.                     <tr>  
  69.                         <td width="17" height="9"></td>  
  70.                         <td width="66" height="9"></td>  
  71.                         <td width="120" height="5"></td>  
  72.                         <td width="17" height="9"></td>  
  73.                         <td width="36" height="9"></td>  
  74.                         <td width="17"></td>  
  75.                         <td width="46"></td>  
  76.                     </tr>  
  77.                     <tr>  
  78.                         <td align="center"></td>  
  79.                         <td align="left"></td>  
  80.                         <td align="left"><a><b></b><font color="red">欢迎您，${sessionScope.SYS_USER.name }</font></a></td>  
  81.                         <td align="center"><img src="${basePath}images/nsfw/help.png" width="12"height="17" /></td>  
  82.                         <td align="left"><a href="javascript:void(0)">帮助</a></td>  
  83.                         <td width="17" align="center"><img src="${basePath}images/nsfw/exit.png"width="14" height="14"/></td>  
  84.                         <td align="left" valign="middle"><a href="${basePath}sys/login_logout.action" target="_top">退出</a></td>  
  85.                     </tr>  
  86.                 </table>  
  87.             </td>  
  88.         </tr>  
  89.     </table>  
  90.     <!-- }头部 -->  
  91.     <!-- 导航{ -->  
  92.     <div class="banner">  
  93.         <div class="menu">  
  94.             <ul class="clearfix">  
  95.                 <li><a href="${basePath}sys/home.action" target="_top">工作主页</a></li>  
  96.                 <li><a href="javascript:void(0);">行政管理</a></li>  
  97.                 <li><a href="javascript:void(0);">后勤服务</a></li>  
  98.                 <li><a href="javascript:void(0);">在线学习</a></li>  
  99.                 <li><a href="javascript:void(0);">纳税服务</a></li>  
  100.                 <li><a href="javascript:void(0);">我的空间</a></li>  
  101.             </ul>  
  102.         </div>  
  103.     </div>  
  104.     <!-- }导航 -->  
  105. </body>  
  106. </html>  

我们再加入背景和欢迎子网页在common文件夹，因为它们在多个网页中调用了:
bg.jsp:
[html] view plaincopy
  1. <%@ page contentType="text/html; charset=UTF-8" %>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html>  
  4.   <head>  
  5.     <style type="text/css">  
  6.         body,div {  
  7.             background: url("${basePath}images/nsfw/xzfwptBg.png") #DBF3FF center top repeat-x;  
  8.             background-size: 100% 200px;  
  9.         }  
  10.     </style>  
  11.   </head>  
  12.   <body>  
  13.   <div style="width:100%;height:100%;"> </div>  
  14.   </body>  
  15. </html>  

welcome.jsp
[html] view plaincopy
  1. <%@ page contentType="text/html; charset=UTF-8"%>  
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  3. <html xmlns="http://www.w3.org/1999/xhtml">  
  4. <head>  
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
  6.     <title>管理后台</title>  
  7. </head>  
  8. <body>  
  9. <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">  
  10.     <tr >  
  11.         <td align="center" valign="middle">  
  12.             <img style="margin-top: 5%;" src="${basePath}images/nsfw/gslogo.jpg"/>  
  13. </td>  
  14. </tr>  
  15. </table>  
  16. </body>  
  17. </html>  

我们在主系统首页中导航栏“纳税服务”链接中添加我们纳税服务子系统的首页链接:<!-- 导航{ -->
[html] view plaincopy
  1. <div class="menu">  
  2.     <ul class="clearfix">  
  3.         <li class="hover"><a href="javascript:void(0);">工作主页</a></li>  
  4.         <li><a href="javascript:void(0);">行政管理</a></li>  
  5.         <li><a href="javascript:void(0);">后勤服务</a></li>  
  6.         <li><a href="javascript:void(0);">在线学习</a></li>         
  7.         <li><a href="${ctx }/tax/taxhome_frame.action">纳税服务</a> </li>  
  8.         <li><a href="javascript:void(0);">我的空间</a></li>  
  9.     </ul>  
  10. </div>  

然后我们重启服务器，点击纳税服务：



然后发现跳转到我们的子系统首页:


0 0
网络勒索 网络勒索
原创粉丝点击
热门IT博客
如何开淘宝店步骤如何开淘宝店步骤
excel2007数据透视excel2007数据透视
网络40本禁书
js event.target属性
连mac 共享文件
淘宝联盟怎么做推广者
手机淘宝店铺招牌
bcm43142 linux
c语言经典程序100道
零基础学算法第三版pdf
下载物流软件
跟兄弟连学php 视频
超星雕刻机怎么编程
网络杂志
淘宝电动车牌
上海知柚网络有限公司
高仿京东商城app源码
魔卡幻想网络不给力
淘宝怎么查违规记录
体质指数计算器软件
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 元音老人谈南怀瑾 元音老人心经抉隐 20个元音音标的发音 元音读法 元音的发音 双元音音标 元音和辅音的区别 元音 辅音 元音单词 元音英语 元音音标单词 双元音单词 日语元音 20个元音音标怎么读 20个元音音素 韩语元音发音 英语的元音字母有哪些 元音琴院 短元音单词 元音音素发音 五个元音字母的音标 英语元音音标有哪些 长元音单词 元音字母音标 韩语元音辅音 五个元音字母的发音 英语中元音 长短元音 集中双元音 复元音 英语元音发音表 26个元音字母 法语元音 英语长元音 元音英标 英文元音 英语里的元音字母 元音读音 什么是元音字母 韩语复元音 aeiou元音字母

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里