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
,完成前端页面显示。