1. 程式人生 > >多個頁面跳轉到一個頁面,每次跳轉顯示不一樣的內容,相同功能形式不同的jsp頁面整合成一個 根據傳遞的引數值來決定跳轉的jsp頁面該顯示什麼樣的內容,避免new多個jsp頁面,節省資源

多個頁面跳轉到一個頁面,每次跳轉顯示不一樣的內容,相同功能形式不同的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"/>