随笔 Java分页 以及前端angularjs 中的$uib

2019-02-28  本文已影响0人  皮卡丘50号

Javaweb 分页主要有三个方法:

1 .前端分页。(获取所有数据)

 2.Java分页。(获取所有数据)(3步:1.获取数据,2.截取数据,3.封装数据)(实现简单)

int pagesize=queryParam.getPageSize();    //   获取页面传过来的页面大小,显示几条

int pageIndex=queryParam.getPageIndex(); //获取页面传过来的当前页面

int totalCount=result.size();                          //result为查询后的所有数据

for(int i=(pageIndex-1)*pagesize;i<(pageIndex*pagesize<totalCount?pageIndex*pagesize:totalCount);i++){

                             list.add(result.get(i));  //开始封装 截取数据

}

Map map=new HashMap();

map.put("list",list);                                //封装后传给页面。

3.数据库分页。

angularjs 中使用 $uibModal不需要关联什么。直接使用包,然后如下:

angular.extend(p1,p2); 继承(p 1中有p2没有的参数,其将会保留;否则将会被覆盖,)。angular.copy  复制。

  只要在模板中注入 $uibModal,$uibModalInstance。只要记住加粗的地方不要错。就可以使用。

var modalInstance = $uibModal.open({

                                   size:'mg',// 其中有 lg  mg   sg

                                       templateUrl:' ../add/reDetail.html',

                                        controller:'reController',

                                        windowClass:"createInspectionTask-modal",

                                resolve: {

                                                                        expert:function () {

                                                    return expert;

                                                                        },

                                                            title:function () {

                                                            return title;

                                                }

                                                }

      });

(function() {

'use strict';

angular.module('search.app').controller("reController", ['$scope','title','expert','$uibModal','$uibModalInstance',

function ($scope,title,expert,$uibModal,$uibModalInstance) {

console.log("测试2!")

$scope.item=expert;

$scope.title=title;

console.log(expert);

}  ]);

})();

上一篇 下一篇

猜你喜欢

热点阅读