Spring MVC參數映射控制器JSP頁面

項目結構

在這裏插入圖片描述
在webcontent創建images文件夾,用於跳轉頁面的圖片素材。
WEB_INF下創建jsp文件夾,用於跳轉的jsp頁面。
當然需要導入MVC所需要的Spring.jar,Spring_mvc等等。
lib下創建appplicationContext.xml。
lib將導入的jar添加。

appcationContext.xml的配置

<?xml version="1.0" encoding="UTF-8"?>
<beans
	xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.5.xsd">
 	<!-- 定義視圖分解器 -->
	<bean id="viewResolver"
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="viewClass">
			<value>org.springframework.web.servlet.view.InternalResourceView</value>
		</property>
		<!-- 設置前綴,即視圖所在的路徑 -->
		<property name="prefix" value="/WEB-INF/jsp/" />
		<!-- 設置後綴,即視圖的擴展名 -->
		<property name="suffix" value=".jsp" />
	</bean>
	<bean name="/sys01.do" class="org.springframework.web.servlet.mvc.ParameterizableViewController">
		<property name="viewName" value="sys01"/>
	</bean>
	<bean name="/sys02.do" class="org.springframework.web.servlet.mvc.ParameterizableViewController">
		<property name="viewName" value="sys02"/>
	</bean>
	<bean name="/sys03.do" class="org.springframework.web.servlet.mvc.ParameterizableViewController">
		<property name="viewName" value="sys03"/>
	</bean>
	<bean name="/sys04.do" class="org.springframework.web.servlet.mvc.ParameterizableViewController">
		<property name="viewName" value="sys04"/>
	</bean>
</beans>

視圖分解器InternalResourceView,前綴後綴。
解析後將獲得的jsp頁面應用到參數映射控制器ParameterizableViewController,針對不同的頁面跳轉。

web.xml的配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">

	<servlet>
		<servlet-name>dispatcherServlet</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>/WEB-INF/applicationContext.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>dispatcherServlet</servlet-name>
		<url-pattern>*.do</url-pattern>
	</servlet-mapping>

	<welcome-file-list>
		<welcome-file>index.jsp</welcome-file>
	</welcome-file-list>
</web-app>

web.xml的配置前端控制器dispatcherServlet,設置參數掃描路徑**/WEB-INF/applicationContext.xml**,並且讀取所有.do結尾的視圖。

index的編寫

<center>
<img align="middle" src="images/01.jpg" width="800" height="660" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="0,200,20,800" href="sys01.do">
<area shape="rect" coords="614,252,788,304" href="sys02.do">
<area shape="rect" coords="549,318,782,372" href="sys03.do">
<area shape="rect" coords="605,387,792,443" href="sys04.do在這裏插入圖片描述">
</map>
</center>

採用html中範圍提交Map的方式,在coord的指定範圍確定跳轉的參數。

界面的實現

在這裏插入圖片描述
單擊紅框內部分,就會在跳轉指定的頁面。(這裏是sys02.do頁面)在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章