SpringBoot之Controller使用_Java开源博客系统-Powered by java1234

博客信息

SpringBoot之Controller使用

发布时间：『 2017-08-07 12:47』博客类别：SpringBoot 阅读(8659) 评论(0)

Controller的使用

@Controller	处理http请求
@RestController	Spring4之后新加的注解，原来返回json需要@ResponseBody配合@Controller
@RequestMapping	配置url映射

项目前后台交互的话无非两种方式

一种普通整体页面提交，比如form提交；

还有一种局部刷新，或者叫做异步刷新，ajax提交；

@Controller就是整体页面刷新提交的处理注解

@RestController就是ajax提交，一般返回json格式

各有用处的；

这里我们分别来演示上面两种交互

首先演示下@Controller整体页面交互

这里的话请求后台，必须返回一个视图，以前我们一般用Jsp，

但是SpringBoot不推荐我们实用jsp，主要是强调前后台分离；

QQ鎴浘20170807113225.jpg

官方推荐的是这几种模版视图引擎，我一般推荐Freemarker和Velocity；

后面专门推出一起Freemarker或者Velocity教程；

我们用Freemarker来演示下；

首先第一步，添加Freemarker支持，我们有两种方式，

第一种直接找依赖然后贴到pom.xml里，这种费时间

我们用第二种，直接工具，打开pom.xml

alt+/ 提示

QQ鎴浘20170807113650.jpg

点下 Edit Starters

QQ鎴浘20170807113908.jpg

选择Freemarker，然后点“OK”即可

这样就自动添加了依赖，

<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-freemarker</artifactId>
</dependency>

然后我们新建一个新的Controller类 HelloWorldFreemakerController

package com.java1234;

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模版文件

QQ鎴浘20170807114230.jpg

文件内容：

<!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

页面显示结果：

QQ鎴浘20170807114516.jpg

我们在演示下@RestController，ajax方式

我们新建一个HelloWorldAjaxController类

package com.java1234;

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

QQ鎴浘20170807123942.jpg

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/

QQ鎴浘20170807124347.jpg