項目結構
在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頁面)