1、目的:对springmvc进行初步的了解,然后怎么搭建springmvc框架
目的1解决,对于springmvc的学习理解,对于springmvc就是一个前端的web框架,目的就是简化日常的web开发;是一个请求驱动类型的轻量级框架(请求响应模型)
对于其具体的学习可以参考博客: 点击打开链接
目的2解决:springmvc的搭建:
操作步骤:
1、项目的整体目录结构:
第一步、配置web.xml文件;对于一个web项目为什么要配置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_2_5.xsd"
id="WebApp_ID" version="2.5">
<!-- 配置DispatchcerServlet -->
<servlet>
<servlet-name>springDispatcherServlet</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!-- 配置Spring mvc下的配置文件的位置和名称 -->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:springmvc.xml</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>springDispatcherServlet</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
</web-app>
备注: 该配置文件主要配置DispatchServlet加载springmvc.xml配置文件;
第二步:配置springmvc.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:context="http://www.springframework.org/schema/context"
xmlns:mvc="http://www.springframework.org/schema/mvc"
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-4.0.xsd
http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">
<!-- 配置自动扫描的包 -->
<context:component-scan base-package="com.springmvc"></context:component-scan>
<!-- 配置视图解析器 如何把handler 方法返回值解析为实际的物理视图 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name = "prefix" value="/WEB-INF/views/"></property>
<property name = "suffix" value = ".jsp"></property>
</bean>
<!-- 避免IE执行AJAX时,返回JSON出现下载文件 -->
<bean id="mappingJacksonHttpMessageConverter" class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/html;charset=UTF-8</value>
</list>
</property>
</bean>
<!-- 启动Spring MVC的注解功能,完成请求和注解POJO的映射 -->
<bean class="org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter">
<property name="messageConverters">
<list>
<ref bean="mappingJacksonHttpMessageConverter" /><!-- json转换器 -->
</list>
</property>
</bean>
</beans>
备注: 需要配置的东西有,类的自动扫描注解,视图解析器(在返回页面后定位页面的所在文件位置,一般为WEB-INF/views/目录下面) 如果有ajax 请求文件设置文件返回格式,这个根据需求进行个性化配置
第三步:java文件创建 HelloWorld.java
package com.springmvc;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
@Controller
public class HelloWorld {
/**
* 1. 使用RequestMapping注解来映射请求的URL
* 2. 返回值会通过视图解析器解析为实际的物理视图, 对于InternalResourceViewResolver视图解析器,会做如下解析
* 通过prefix+returnVal+suffix 这样的方式得到实际的物理视图,然后会转发操作
* "/WEB-INF/views/success.jsp"
* @return
*/
@RequestMapping("/helloworld")
public String hello(){
System.out.println("hello world");
return "success";
}
@ResponseBody
@RequestMapping("/hello")
public Map<String, String> hello2(HttpServletRequest request){
System.out.println("hello world2");
Map<String,String> result = new HashMap<String,String>();
String para= request.getParameter("para");
System.out.println(para);
//校验 代码...
result.put("flag", "true");
return result;
}
}
备注:注意注解的配置,代码的注解
第四步:index.jsp 欢迎界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<a href="helloworld">hello world</a>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/JavaScript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<title>Insert title here</title>
</head>
<body>
<h4>Success Page</h4>
<div>
<input id="aj" type="button" οnclick="check()" value="ajax">
</div>
<script>
check=function(){
alert("-----18进入------");
var url = "http://localhost:8080/springmvc-demo/hello";
$.ajax({
type: "post",
url: url,
data: {"para":1},
cache: false,
async : false,
dataType: "json",
success: function (data)
{
if(data.flag){
alert("正确传回 " );
}
alert("合法!");
},
error:function (XMLHttpRequest) {
alert("请求失败!");
}
});
}
</script>
</body>
</html>
备注:该页面实现了一次ajax请求操作
问题:注意这个ajax请求的路径;
项目的github下载地址:https://github.com/zhangxn8/springmvc-demo