使用Q查詢(xún)，首先要導(dǎo)入Q模塊：

from django.db.models import Q

可以組合使用&,|操作符用于多個(gè)Q的對(duì)象,產(chǎn)生一個(gè)新的Q對(duì)象，Q對(duì)象也可以用~操作符放在前面表示否定，如下例所示：

if search:
            keywords_list = search.split(' ')
            query_list = [Q(status__icontains=get_success_fail_status(keyword)) if get_success_fail_keyword_status(keyword) else
                          Q(username__icontains=keyword) |
                          Q(groupid__icontains=keyword) |
                          Q(status_active_vs__icontains=keyword) |
                          Q(orders_created_time__icontains=keyword) |
                          Q(status_bind__icontains=keyword) |
                          Q(status_active_Bind__icontains=keyword) |
                          Q(env__icontains=keyword) for keyword in keywords_list]
            q = Q()            for query in query_list:
                q.add(query, Q.AND)   #把query添加到之前定義的最外層的Q對(duì)象中，查詢(xún)條件是 '和'

其中Q查詢(xún)里面的 __icontains 表示包含的關(guān)系，用于模糊查詢(xún)，如：

Q(username__icontains=keyword) | Q(groupid__icontains=keyword) 表示查詢(xún) username或者 groupid

再談?wù)凙ngularJS的Datatables分頁(yè)插件：

Datatables的主要功能是分頁(yè)、即時(shí)搜索和排序，雖然django自帶的模板引擎也有分頁(yè)功能(Paginator)，但無(wú)論從功能上還是美觀上，Datatables都更好。

Datatables的效果如下圖所示：

下面講一下Datatables的DTOptionsBuilder方法：

DTOptionsBuilder.newOptions是AngularJS的datatables的一個(gè)重要的方法，.newOptions用于實(shí)現(xiàn)前后端分頁(yè)，

DTOptionsBuilder.newOptions()
    .withOption('ajax', {
        url: "/api/other/get_http_https_apply/",
        type: 'GET'
    })
    .withDataProp('data')
    .withOption('serverSide', true)
    .withPaginationType('full_numbers')
    .withOption('createdRow', createdRow)
    .withOption('order', [
        [0, 'desc']
    ]);

'serverSide', true 表示開(kāi)啟服務(wù)器模式，
ajax表示數(shù)據(jù)的來(lái)源(包括處理分頁(yè)，排序，過(guò)濾)，
full_numbers表示所有的數(shù)據(jù)，

http_https.dtColumns = [
        DTColumnBuilder.newColumn('id').withTitle('ID'),
        DTColumnBuilder.newColumn('username').withTitle('申請(qǐng)人'),
        DTColumnBuilder.newColumn('env').withTitle('環(huán)境'),
        DTColumnBuilder.newColumn('groupid').withTitle('group_id'),
        DTColumnBuilder.newColumn('status_active_vs').withTitle('激活vs').renderWith(apply_status),
        DTColumnBuilder.newColumn('status_bind').withTitle('綁定').renderWith(apply_status),
        DTColumnBuilder.newColumn('status_active_Bind').withTitle('激活綁定').renderWith(apply_status),
        DTColumnBuilder.newColumn('status').withTitle('最終結(jié)果').renderWith(apply_status),
        DTColumnBuilder.newColumn('orders_created_time').withTitle('時(shí)間')
    ];    //判斷是否是admin用戶(hù)，如果是admin，則在http_https.dtColumns這個(gè)數(shù)組中增加(push)一個(gè)元素    if (http_https.js_admin) {
        http_https.dtColumns.push(DTColumnBuilder.newColumn(null).renderWith(actionsHtml).withTitle('Actions'))
    }

 這里

部分詳情代碼請(qǐng)見(jiàn)我的github：https://github.com/a342058040/Django_AngularJS_Datatables.git

分類(lèi): HTML/CSS/JAVASCRIPT,python

http://www.cnblogs.com/FG123/p/6369933.html

延伸閱讀

• 淺談Django的Q查詢(xún)以及AngularJS的Datatables分頁(yè)插件 2017-02-07

學(xué)習(xí)是年輕人改變自己的最好方式