AngularJS到Spring Controller层请求流程

技术

后台框架：SSM

前端框架：AngularJS

功能模块：多条件分页查询

代码请求流程

• 前端brand.html页面输入查询条件，点击查询按钮出发reload()
  

• reload()在前端baseController申明，传入当前页码和每页显示记录参数；
  

• search()在前端brandController申明，brandController继承baseController；search方法调用baseService的findByPage方法发送HTTP请求，后台Controller层接收请求；
  

• findByPage方法需要接收多条件参数，通过$scope.searchEntity获得，这是一个JSON对象，如：{"name":" ","firstChar":" "}
  

• 一次完整的请求信息如下，请求头可以看到请求参数形式，左侧可以看到请求url；

• 后台Controller层方法如下，接收前端请求参数用Brand brand, Integer page, Integer rows，因为请求参数格式是key=value类型，所以不需要用RequestBody；
  

• Controller层方法执行完后，利用注解@ResponseBody把对象转换成响应报文返回
  

• 把response.data.rows赋值给dataList，response.data.total赋值给totalItems ，完成前端页面显示。
  

• 理解@RequestBody和@ResponseBody