bootstrap-table+Django: 服务端分页

水深无声 2021-11-06 00:32 402阅读 0赞

**分页方式：**

bootstrap-table提供两种分页方式，client和server，即客户端和服务端分页；

**特点：**

**　　client端分页**：后台返回所有数据，前台翻页时不再请求后台。

**　　server端分页**：后台根据前台每次翻页时传递的参数，进行切片查询数据，每次只返回对应页面的数据。

**弊端：**

**client端分页：**

**　　　**　1、后台一次查询所有数据，对服务器造成压力交大；

2、当页面存在bootstrap-switch时，由于我是在bootstrap-table中的onLoadSuccess加载完表格后渲染switch开关，

当使用client分页时，只进行了一次后台查询，也就是执行了一次onLoadSuccess函数，所以除了第一页开关按钮正常，其他页面都没有渲染出开关。

**　　server端分页：**

暂无

**实现代码：**

**　　server端分页，前台代码****：**

**server端分页，后台代码****：**

def user_management_data(request):
        """
        如果是get请求则只展示用户数据，
        post请求新增用户
        :param request:
        :return:
        """
        if request.method == 'GET':
            search_kw = request.GET.get('search_kw', None)
            print search_kw
            # 获取分页参数用于查询对应页面数据，page为第几页，num为每页数据条数,right_boundary为数据切片的右侧边界
            page = request.GET.get('page')
            num = request.GET.get('rows')
            right_boundary = int(page)*int(num)
            print page,num,int(page)*int(num)
            # 如果搜索关键字不为空，则根据此关键字模糊查询工号和姓名
            if search_kw:
               page_user = User.objects.filter(Q(member_code__contains=search_kw) | Q(name__contains=search_kw))[int(num)*(int(page)-1):right_boundary]
               # 获取查询结果的总条数
               total = User.objects.filter(Q(member_code__contains=search_kw) | Q(name__contains=search_kw)).count()
               print '查询结果总数为:%s' % total
            else:
                # 根据前台传来的分页信息，页码（page）和每页条数（rows）,计算分页后的user对象片段，例如前台传来第2页的参数，
                # rows=10，page=2，则服务端需要给前台返回[10:20]的数据片段，切片是左闭右开，所以最大只会取到下标为10到19，共10个数据
                page_user = User.objects.all()[int(num)*(int(page)-1):right_boundary]
                # server端分页时必须返回total和rows,total用于分页时显示总数
                total = User.objects.all().count()
            # rows为具体数据
            rows = []
            # 遍历查询出的user对象，将对应数据放到rows中
            for user in page_user:
                rows.append({
         'member_code': user.member_code, 'name': user.name, 'role': user.role_name.role_name, 'create_time': user.create_time, 'status': user.status})
            print rows
            # return render(request, 'account/user_management.html', {'rows': json.dumps(rows, cls=DateEncoder)})
            # 序列化数据，因为有datetime类型数据，所以使用自定义类DateEncoder序列化
            return HttpResponse(json.dumps({
        'total': total, 'rows': rows}, cls=DateEncoder))

转载于:https://www.cnblogs.com/gcgc/p/11249082.html