1、搭建基本框架
(1)建一個Web項目(包含基本的web.xml,controller,index.jsp文件等)
(2)新建resource文件夾並在其下創建springmvc-servlet.xml文件
(3)導入一系列jar包及js文件
2、配置文件
(1)web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<display-name>DemoSpringMVC</display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!-- servlet SpringMVC的核心控制器 -->
<servlet>
<servlet-name>springmvc</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!-- 讀取配置文件 -->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc-servlet.xml</param-value>
</init-param>
</servlet>
<!-- 設置訪問路徑 , 所有的請求都要經過核心控制器 方式: *.do 或者: *.action -->
<servlet-mapping>
<servlet-name>springmvc</servlet-name>
<url-pattern>*.do</url-pattern>
</servlet-mapping>
</web-app>
(2)springmvc-servlet.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"
xmlns:mvc="http://www.springframework.org/schema/mvc"
xmlns:p="http://www.springframework.org/schema/p"
xmlns:context="http://www.springframework.org/schema/context"
xsi:schemaLocation="
http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd">
<!-- 註冊控制器 :指明控制器的位置:包.控制器名字-->
<bean name="/*.do" class="com.test.TestController"></bean>
<!-- 配置視圖解析器:對轉向頁面的路徑解析 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<!-- 給訪問的路徑加前後綴 前綴:在某個文件夾下 後綴 :什麼類型的文件 -->
<property name="prefix" value="/jsp/"></property>
<property name="suffix" value=".jsp"></property>
</bean>
<!-- 開啓註解驅動,支持springmvc一些更高級的功能,如映射動態請求,jsr303校驗,快捷的ajax等 -->
<mvc:annotation-driven>
<!-- 設置直接響應純文本時的編碼格式 -->
<mvc:message-converters>
<bean class="org.springframework.http.converter.StringHttpMessageConverter">
<constructor-arg index="0" value="utf-8"></constructor-arg>
</bean>
</mvc:message-converters>
</mvc:annotation-driven>
</beans>
3、編寫前端觸發事件
(1)index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>簡單的SpringMVC</title>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
</head>
<body>
<a href="page.do">頁面跳轉</a><br><br><br>
<button onclick="mdata()">返回數據</button>
<script type="text/javascript">
function mdata(){
$.ajax({
url: "character.do",
type: "POST",
data:'這是參數',
cache:false, //不設置緩存
processData: false, // 不處理數據
contentType: false , // 不設置內容類型
error: function (result) {
alert("返回數據失敗");
},
success: function (result) {
alert("返回數據:"+result);
}
});
}
</script>
</body>
</html>
(2)test.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<h1>Hi~歡迎來到新的頁面</h1>
</body>
</html>
4、編寫後臺控制器響應事件
TestController.java
package com.test;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
public class TestController {
@ResponseBody
@RequestMapping("character.do")
public String testCharacter(){
//返回數據
return "我是一隻快樂的小青蛙";
}
@RequestMapping("page.do")
public String testPage(){
//跳轉頁面
return "test";
}
}
5、啓動項目
(1)點擊“頁面跳轉”鏈接
(2)點擊“返回數據”按鈕
PS:項目完整版