Spring 版本 4.3.2 maven项目
1.首先上项目目录图,主要用到的配置文件,略去css和js的文件
引包:
2.主要代码:
(1)NetpageWebAppInitializer类
package config; import org.springframework.web.servlet.support.AbstractAnnotationConfigDispatcherServletInitializer; /**
*@author 作者 Yu chenchen
*@version 创建时间:2016年12月1日 下午4:46:20
*类说明:该类会自动的配置DispatcherServlet和spring应用上下文,spring的应用上下文会位于应用程序的Servlet上下文之中
*/
public class NetpageWebAppInitializer extends
AbstractAnnotationConfigDispatcherServletInitializer { //将DispatcherServlet映射到"/",处理所有的请求
@Override
protected String[] getServletMappings() {
// TODO Auto-generated method stub
return new String[]{"/"};
}
//返回的带有@Configuration注解的类将会用来配置ContextLoaderListener创建的应用上下文中的bean
@Override
protected Class<?>[] getRootConfigClasses() {
// TODO Auto-generated method stub
return new Class<?>[]{RootConfig.class};
}
//返回带有@Configuration注解的类将会用来定义DispatcherServlet应用上下文中的bean
@Override
protected Class<?>[] getServletConfigClasses() {
// TODO Auto-generated method stub
return new Class<?>[]{WebConfig.class};
}
}
(2)WebConfig类
package config; import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.ViewResolver;
import org.springframework.web.servlet.config.annotation.DefaultServletHandlerConfigurer;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;
import org.springframework.web.servlet.view.InternalResourceViewResolver; /**
*@author 作者 Yu chenchen
*@version 创建时间:2016年12月1日 下午5:13:20
*类说明:
*/
@Configuration
@EnableWebMvc //启用Spring MVC
@ComponentScan(basePackages={"web"})//自动扫描包web下的所有控制器
public class WebConfig extends WebMvcConfigurerAdapter { //配置jsp视图解析器
@Bean
public ViewResolver viewResolver(){
InternalResourceViewResolver resolver=new InternalResourceViewResolver();
resolver.setPrefix("/jsp/");//设置视图路径
resolver.setSuffix(".jsp");
resolver.setExposeContextBeansAsAttributes(true);
return resolver;
}
//配置静态资源的处理
@Override
public void configureDefaultServletHandling(
DefaultServletHandlerConfigurer configurer) {
// TODO Auto-generated method stub
configurer.enable();
super.configureDefaultServletHandling(configurer);
}
}
(3)RootConfig类
package config; import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.ComponentScan.Filter;
import org.springframework.context.annotation.Configuration;
import org.springframework.context.annotation.FilterType;
import org.springframework.web.servlet.config.annotation.EnableWebMvc; /**
*@author 作者 Yu chenchen
*@version 创建时间:2016年12月1日 下午4:55:11
*类说明:
*/
@Configuration
@ComponentScan(basePackages={"config"},
excludeFilters={@Filter(type=FilterType.ANNOTATION,value=EnableWebMvc.class)}
) //配置非web的组件,通常是后端的中间层和数据层组件
public class RootConfig { }
(4)HomeController类
package web; import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import static org.springframework.web.bind.annotation.RequestMethod.*;; /**
*@author 作者 Yu chenchen
*@version 创建时间:2016年12月1日 下午5:39:53
*类说明:
*/
@Controller
public class HomeController { //配置对"/"的请求
@RequestMapping(value="/",method=GET)
public String goHome(){
return "home";//返回视图名
}
}
(5)home.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 charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="css/test1.css">
</head> <!--toolbar-->
<body>
<div id="toolbar" class="ss">
<div class="s0">
<div class="login" >
<div class="logo"><img src="img/toolbar_logo.png"></img> </div>
<input class="s1" placeholder="输入账号">
<input class="s2" >
<input type="button" class="button1" value="登陆">
<a href="#" class="s3">注册</a>
</div>
<div class="email"> <a href="#" >邮件</a></div>
<div class="email"> <a href="#" >说两句</a></div>
<div class="s4"> <a href="#"><img src="img/sohunewsapp2.jpg"></a></div>
</div>
</div>
<!-- 主要页面 -->
<div class="main">
<!-- 第一行部分 导航-->
<div class="nav"></div> <!-- 第二部分 搜索栏-->
<div class="search"></div> <!-- 第三部分 新闻内容-->
<div class="content"></div>
</div>
</body>
<script type="text/javascript" src="js/test1.js"></script>
</html>
注意事项:将项目根路径映射到webapp下,不然会找不到资源。
3. 测试