Controller的使用
@Controller | 处理http请求 |
@RestController | Spring4之后新加的注解,原来返回json需要@ResponseBody配合@Controller |
@RequestMapping | 配置url映射 |
项目前后台交互的话 无非两种方式
一种普通整体页面提交,比如form提交;
还有一种局部刷新,或者叫做异步刷新,ajax提交;
@Controller就是整体页面刷新提交的处理注解
@RestController就是ajax提交,一般返回json格式
各有用处的;
这里我们分别来演示上面两种交互
首先演示下@Controller整体页面交互
这里的话请求后台,必须返回一个视图,以前我们一般用Jsp,
但是SpringBoot不推荐我们实用jsp,主要是强调前后台分离;
官方推荐的是这几种模版视图引擎,我一般推荐Freemarker和Velocity;
后面专门推出一起Freemarker或者Velocity教程;
我们用Freemarker来演示下;
首先第一步,添加Freemarker支持,我们有两种方式,
第一种 直接找依赖 然后贴到pom.xml里,这种费时间
我们用第二种,直接工具,打开pom.xml
alt+/ 提示
点下 Edit Starters
选择Freemarker,然后点“OK”即可
这样就自动添加了依赖,
<
dependency
>
<
groupId
>org.springframework.boot</
groupId
>
<
artifactId
>spring-boot-starter-freemarker</
artifactId
>
</
dependency
>
import
org.springframework.stereotype.Controller;
import
org.springframework.web.bind.annotation.RequestMapping;
import
org.springframework.web.servlet.ModelAndView;
/**
* 返回到freemaker视图
* @author user
*
*/
@Controller
@RequestMapping
(
"/freemarker"
)
public
class
HelloWorldFreemakerController {
/**
* 设置数据,返回到freemarker视图
* @return
*/
@RequestMapping
(
"/say"
)
public
ModelAndView say(){
ModelAndView mav=
new
ModelAndView();
mav.addObject(
"message"
,
"SpringBoot 大爷你好!"
);
mav.setViewName(
"helloWorld"
);
return
mav;
}
}
定义一个message,设置返回视图helloWorld
对应的,我们在templates下新建一个helloWorld.ftl模版文件
文件内容:
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>Insert title here</
title
>
</
head
>
<
body
>
show:${message}
</
body
>
</
html
>
我们测试下,启动HelloWorldApplication
然后浏览器输入:http://localhost:8888/HelloWorld/freemarker/say
页面显示结果:
我们在演示下@RestController,ajax方式
我们新建一个HelloWorldAjaxController类
import
org.springframework.web.bind.annotation.RequestMapping;
import
org.springframework.web.bind.annotation.RestController;
/**
* 返回ajax json格式
* @author user
*
*/
@RestController
@RequestMapping
(
"/ajax"
)
public
class
HelloWorldAjaxController {
@RequestMapping
(
"/hello"
)
public
String say(){
return
"{‘message1‘: ‘SpringBoot你大爷‘,‘message2‘,‘SpringBoot你大爷2‘}"
;
}
}
返回json串
这里我们用的是jquery,随便找个jquery.js
再新建一个index.html
index.html代码:
<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>Insert title here</
title
>
<
script
src
=
"jQuery.js"
></
script
>
<
script
type
=
"text/javascript"
>
function show(){
$.post("ajax/hello",{},
function(result){
alert(result);
}
);
}
</
script
>
</
head
>
<
body
>
<
button
onclick
=
"show()"
>你大爷</
button
>
</
body
>
</
html
>
一个ajax请求
启动HelloWorldApplication类
页面先请求index.html
浏览器输入:http://localhost:8888/HelloWorld/
点击 按钮,
当然这里的json比较简单,所以我直接返回; 实际项目Json格式复杂,要借助于一些json框架,比如Json-lib,gson等等;
当然还有一些比如
@PathVariable 获取url中的数据
@RequestParam 获取请求参数中的值
这些SpringMvc课程中已经有讲解,所以这里不作讲解;