多個頁面跳轉到一個頁面,每次跳轉顯示不一樣的內容,相同功能形式不同的jsp頁面整合成一個 根據傳遞的引數值來決定跳轉的jsp頁面該顯示什麼樣的內容,避免new多個jsp頁面,節省資源
阿新 • • 發佈:2018-11-10
在jsp開發過程中,會遇到這樣的情況;
一個頁面跳轉到另一個頁面,需要兩個jsp頁面;
如果有5、6種不同的一個頁面跳轉到另一個不同的jsp頁面的時候,基本的功能都差不多,類似的情況,如果建立很多的jsp,會導致資源浪費,還有就是建立多個jsp頁面到後來自己都有點暈;
那麼只需要在傳遞的過程中傳遞一個引數過去,根據引數的值來決定這個頁面該顯示什麼樣的內容;
例子:
還有這個頁面
除了中間的部分,其他都一樣,如果建立兩個jsp頁面,就浪費資源,不利於後期開發的整合
於是在頁面跳轉的時候加入一個引數
<a href="http://localhost:8080/Socket/first_page.jsp?bg=images/one.PNG
<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"/>