Spring mvc中前后端数据交互的方式
2017-10-30 15:12
357 查看
现在IT行业ssm框架用的还是挺多的,今天给大家分享一下spring mvc中前后的数据交互的方式:
首先需要定义一个Model,然后为Model添加属性,并绑定数据,最后将Model添加到视图。在实际开发时也可以不按照上述步骤。
不指定视图名
视图解析器会根据请求路径
不使用Model
因为Model本身就继承自LinkedHashMap类(Model本身只是一个接口类,确切的说是实例化的model所属的类继承自LinkedHashMap),因此可以将数据存储在Map中再传送到前端。此时的写法为:
不指定模型属性
当不指定Model中填充数据的key时,Spring MVC会根据值类型推断,返回key的替代名。此时的写法为:
以上方式的结果都是一致的,均会在model中会存储一个和key对应的数据,然后将model传送到到视图中,视图可以根据key直接获取到对应的数据。
查询参数
本质上是通过HTTP发起的一个带有参数的RPC请求,请求的形式为
路径变量
直接请求资源,请求的形式为
实际使用中推荐第二种方式。
后端只需在方法参数列表里接收传送过来的变量,而无需再指定查询参数或路径变量:
如果已经定义过用户User类:
那么Spring MVC会将表单传送过来的数据自动封装为一个User对象,此时后端方法可以这么写:
后端 ➡ 前端
在Spring MVC中这主要通过Model将数据从后端传送到前端,一般的写法为:@RequestMapping(value = "/index", method = RequestMethod.POST) public String index(Model model){ String greeting = "Hello !" model.addAttribute("greetingStr", greeting); return "index"; }
首先需要定义一个Model,然后为Model添加属性,并绑定数据,最后将Model添加到视图。在实际开发时也可以不按照上述步骤。
不指定视图名
视图解析器会根据请求路径
/index推断视图名,去掉
/仍然可以得到正确的视图名
index。此时的写法为:
@RequestMapping(value = "/index", method = RequestMethod.POST) public String index(Model model){ String greeting = "Hello !" return greeting; }
不使用Model
因为Model本身就继承自LinkedHashMap类(Model本身只是一个接口类,确切的说是实例化的model所属的类继承自LinkedHashMap),因此可以将数据存储在Map中再传送到前端。此时的写法为:
@RequestMapping(value = "/index", method = RequestMethod.POST) public String index(Map map){ String greeting = "Hello !" map.put("greetingStr", greeting); return "index"; }
不指定模型属性
当不指定Model中填充数据的key时,Spring MVC会根据值类型推断,返回key的替代名。此时的写法为:
@RequestMapping(value = "/index", method = RequestMethod.POST) public String index(Model model){ String greeting = "Hello !" model.addAttribute(greeting); return "index"; } //此时的"greeting"的key会被设置为"String",等价于map.put("String", greeting);
以上方式的结果都是一致的,均会在model中会存储一个和key对应的数据,然后将model传送到到视图中,视图可以根据key直接获取到对应的数据。
前端 ➡ 后端
在Spring MVC中支持多种方式将数据从前端传送到后端。查询参数
本质上是通过HTTP发起的一个带有参数的RPC请求,请求的形式为
"/aa?name=deyken",后端处理形式为:
@RequestMapping(value = "/aa", method = RequestMethod.POST) public String func(Model model, @RequestParam("name") String name) { ... }
路径变量
直接请求资源,请求的形式为
"/aa/deyken",后端处理的形式为:
@RequestMapping(value = "/aa/{name}", method = RequestMethod.POST) public String func(Model model, @PathVariable("name") String name) { ... }
实际使用中推荐第二种方式。
表单
在Spring MVC中同样支持表单数据的前端到后台传输。以用户登录为例,表单形式为:<form action="/login" method="post"> name:<input type="text" name="name"/> password:<input type="text" name="password"< 96f8 /span>/> <input type="submit"/> </form>
后端只需在方法参数列表里接收传送过来的变量,而无需再指定查询参数或路径变量:
@RequestMapping(value = "/login", method = RequestMethod.POST) public String add(Model model, String name, String password){ ... }
如果已经定义过用户User类:
public User { String name; String password; ...Setter() ...Getter() }
那么Spring MVC会将表单传送过来的数据自动封装为一个User对象,此时后端方法可以这么写:
@RequestMapping(value = "/login", method = RequestMethod.POST) public String add(Model model, User user){ ... }
相关文章推荐
- NEJ & Spring MVC 前后端数据交互
- Spring MVC前端与后端5种ajax交互方式
- 【javaWeb】前后端传递数据交互的两种方式
- Spring MVC前端与后端5种ajax交互方式
- Spring MVC前端与后端5种ajax交互方式
- Spring MVC前端与后端5种ajax交互方式
- web前端后端数据的交互方式总结
- 在非英文字符集的页面上,如果使用Ajax方式进行数据交互的话,就必须要注意保证前后端数据的统一编码,否则,很容易就出现乱码!
- spring mvc 前后端数据交互笔记(解决httprequest400,415问题)
- Spring MVC前后端数据交互总结
- 前端提交数据/访问后端的几种方式:Ajax,form,触发,window.open()
- 转载 C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)
- 从axios看前后端数据交互
- Spring mvc,jQuery和JSON数据交互
- 前后端数据交互方法
- spring mvc 的jpa JpaRepository数据层 访问方式汇总
- 前后端数据交互 ---- 跨域请求
- 基于MVC+EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式
- Android客户端采用Http 协议Post方式请求与服务端进行数据交互
- 前后端数据交互方法