AngularJS到Spring Controller层请求流程

技术

后台框架:SSM

前端框架:AngularJS

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


代码请求流程

  • 前端brand.html页面输入查询条件,点击查询按钮出发reload()
    AngularJS到Spring Controller层请求流程

  • reload()在前端baseController申明,传入当前页码和每页显示记录参数;
    AngularJS到Spring Controller层请求流程

  • search()在前端brandController申明,brandController继承baseController;search方法调用baseServicefindByPage方法发送HTTP请求,后台Controller层接收请求;
    AngularJS到Spring Controller层请求流程

  • findByPage方法需要接收多条件参数,通过$scope.searchEntity获得,这是一个JSON对象,如:{"name":" ","firstChar":" "}
    AngularJS到Spring Controller层请求流程

  • 一次完整的请求信息如下,请求头可以看到请求参数形式,左侧可以看到请求url;AngularJS到Spring Controller层请求流程

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

  • Controller层方法执行完后,利用注解@ResponseBody把对象转换成响应报文返回
    AngularJS到Spring Controller层请求流程

  • response.data.rows赋值给dataListresponse.data.total赋值给totalItems ,完成前端页面显示。
    AngularJS到Spring Controller层请求流程

  • 理解@RequestBody和@ResponseBody