码迷,mamicode.com
首页 > 编程语言 > 详细

SpringBoot之Controller使用

时间:2017-12-17 13:19:27      阅读:157      评论:0      收藏:0      [点我收藏+]

标签:form提交   异步   freemark   刷新   control   mil   测试   html   框架   

  SpringBoot之Controller使用

  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”即可

这样就自动添加了依赖,

技术分享图片

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

技术分享图片

定义一个message,设置返回视图helloWorld

 

对应的,我们在templates下新建一个helloWorld.ftl模版文件

技术分享图片

 

 文件内容:

技术分享图片

我们测试下,启动HelloWorldApplication

然后浏览器输入:http://localhost:8888/HelloWorld/freemarker/say

页面显示结果:

技术分享图片

 

 

 

 

我们再演示下@RestController,ajax方式

我们新建一个HelloWorldAjaxController类

技术分享图片

返回json串

 

这里我们用的是jquery,随便找个jquery.js

再新建一个index.html

技术分享图片

 

 index.html代码:

技术分享图片

启动HelloWorldApplication类

页面先请求index.html

浏览器输入:http://localhost:8888/HelloWorld/

 点击按钮

技术分享图片

 

当然这里的json比较简单,所以我直接返回; 实际项目Json格式复杂,要借助于一些json框架,比如Json-lib,gson等等;

 

SpringBoot之Controller使用

标签:form提交   异步   freemark   刷新   control   mil   测试   html   框架   

原文地址:http://www.cnblogs.com/jedjia/p/controller.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!