多个页面跳转到一个页面,每次跳转显示不一样的内容,相同功能形式不同的jsp页面整合成一个 根据传递的参数值来决定跳转的jsp页面该显示什么样的内容,避免new多个jsp页面,节省资源

在jsp开发过程中,会遇到这样的情况;

一个页面跳转到另一个页面,需要两个jsp页面;

如果有5、6种不同的一个页面跳转到另一个不同的jsp页面的时候,基本的功能都差不多,类似的情况,如果创建很多的jsp,会导致资源浪费,还有就是创建多个jsp页面到后来自己都有点晕;

那么只需要在传递的过程中传递一个参数过去,根据参数的值来决定这个页面该显示什么样的内容;

例子:

还有这个页面

 除了中间的部分,其他都一样,如果创建两个jsp页面,就浪费资源,不利于后期开发的整合

于是在页面跳转的时候加入一个参数

<a href="http://localhost:8080/Socket/first_page.jsp?bg=images/one.PNG">跳转1</a>

<a href="http://localhost:8080/Socket/first_page.jsp?bg=images/aa.PNG">跳转2</a>

点击这个链接就会跳转到想要的页面

bg后面的参数是图片的地址

在跳转之后的页面:

<%
	String bg=request.getParameter("bg");
	
	if(bg==null||"".equals(bg)){
	bg="images/center.jpg";
	}
	 %>
<img src=<%=bg %> onclick="hide();" id="center_img" name="block"/>

更高级的例子:

一个页面(A页面)携带参数跳转到另一个页面(B页面);

A页面的参数来决定B页面的样式

B页面根据A页面的参数来分配下一个页面(C页面)的显示内容

关键代码如下:

A页面代码如下:

<a href="room_one.jsp?swf=images/room_one.swf"><button class="road_one">卷扬室</button></a>
<a href="room_one.jsp?swf=images/room_one1.swf"><button class="road_two">配电室</button></a>
<a href="room_one.jsp?swf=images/room_three.swf"><button class="road_three">-290米水仓</button></a>
<a href="room_one.jsp?swf=images/room_one2.swf"><button class="road_four">平硐</button></a>
<a href="room_one.jsp?swf=images/room_two.swf"><button class="road_five">-240米</button></a>
<a href="room_one.jsp?swf=images/room_four.swf"><button class="road_sex">-290米上水平</button></a>

 B页面(room_one.jsp)代码如下:

<script type="text/javascript"> 
function jumpurl(){  
var swf=document.getElementById("swf");
swf=swf.getAttribute("src");
var bg="";
var u0="images/room_one.swf";
var u1="images/room_one1.swf";
var u2="images/room_three.swf";
var u3="images/room_one2.swf";
var u4="images/room_two.swf";
var u5="images/room_four.swf";
if(swf.trim()==u0){
bg="images/one.PNG";
 }
 if(swf.trim()==u1){
bg="images/one1.PNG";
 }
 if(swf.trim()==u2){
bg="images/three.PNG";
 }
 if(swf.trim()==u3){
bg="images/one2.PNG";
 }
  if(swf.trim()==u4){
bg="images/two.PNG";
 }
  if(swf.trim()==u5){
bg="images/four.PNG";
 }
location='http://localhost:8080/Socket/first_page.jsp?bg='+bg; 
}  
function url(){
setTimeout('jumpurl()',5000); 
}
 
	</script>
  </head>
  <body onload="url();">
 <%
  String swf=request.getParameter("swf");
   %>
 <!--插入视频文件-->
<embed src=<%=swf %>  quality= "high"   wmode="transparent"  
pluginspage="Flash\FlashUtil10p_Plugin.exe"  
type="application/x-shockwave-flash"  id="swf"/>  

我是通过js定时的,也可以通过href来;

C页面代码如下:

jsp代码如下:

<%
	String bg=request.getParameter("bg");	
	if(bg==null||"".equals(bg)){
	bg="images/center.jpg";
	}
	 %>
<img src=<%=bg %> onclick="hide();" id="center_img" name="block"/>

猜你喜欢

转载自blog.csdn.net/qq_37591637/article/details/83583350
今日推荐