欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

對比分析Django的Q查詢及AngularJS的Datatables分頁插件

 更新時間:2017年02月07日 09:02:18   作者:飛哥ABC  
通過本文給大家對比分析了Django的Q查詢及AngularJS的Datatables分頁插件,非常不錯,具有參考借鑒價值,需要的朋友可以參考下

使用Q查詢,首先要導(dǎo)入Q模塊:

from django.db.models import Q

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

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對象中,查詢條件是 '和'

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

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

再談?wù)凙ngularJS的Datatables分頁插件:

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

Datatables的效果如下圖所示:

下面講一下Datatables的DTOptionsBuilder方法:

DTOptionsBuilder.newOptions是AngularJS的datatables的一個重要的方法,.newOptions用于實現(xiàn)前后端分頁,

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 表示開啟服務(wù)器模式,

ajax表示數(shù)據(jù)的來源(包括處理分頁,排序,過濾),

full_numbers表示所有的數(shù)據(jù),

http_https.dtColumns = [
  DTColumnBuilder.newColumn('id').withTitle('ID'),
  DTColumnBuilder.newColumn('username').withTitle('申請人'),
  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('時間')
 ];
 //判斷是否是admin用戶,如果是admin,則在http_https.dtColumns這個數(shù)組中增加(push)一個元素
 if (http_https.js_admin) {
  http_https.dtColumns.push(DTColumnBuilder.newColumn(null).renderWith(actionsHtml).withTitle('Actions'))
 }

DTColumnBuilder.newColumn表示新增表格的列

.renderWith對數(shù)據(jù)進行渲染  這里apply_status是我自己寫的一個函數(shù),用于轉(zhuǎn)換json中True和False對應(yīng)的html中的“成功、失敗”

部分詳情代碼請見我的github:https://github.com/a342058040/Django_AngularJS_Datatables.git

以上所述是小編給大家介紹的對比分析Django的Q查詢及AngularJS的Datatables分頁插件,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • 基于require.js的使用(實例講解)

    基于require.js的使用(實例講解)

    下面小編就為大家?guī)硪黄趓equire.js的使用(實例講解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-09-09
  • 在JavaScript中使用嚴(yán)格模式(Strict Mode)

    在JavaScript中使用嚴(yán)格模式(Strict Mode)

    這篇文章主要介紹了在JavaScript中使用嚴(yán)格模式(Strict Mode),除了正常運行模式,ECMAscript 5添加了第二種運行模式:"嚴(yán)格模式"(strict mode)。顧名思義,這種模式使得Javascript在更嚴(yán)格的條件下運行。,需要的朋友可以參考下
    2019-06-06
  • 一行JavaScript代碼如何實現(xiàn)瀑布流布局

    一行JavaScript代碼如何實現(xiàn)瀑布流布局

    這篇文章主要給大家介紹了如何通過一行JavaScript代碼實現(xiàn)瀑布流布局的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-12-12
  • Elasticsearch實現(xiàn)復(fù)合查詢高亮結(jié)果功能

    Elasticsearch實現(xiàn)復(fù)合查詢高亮結(jié)果功能

    這篇文章主要介紹了Elasticsearch實現(xiàn)復(fù)合查詢,高亮結(jié)果功能,本文通過實例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下
    2019-09-09
  • JS仿Base.js實現(xiàn)的繼承示例

    JS仿Base.js實現(xiàn)的繼承示例

    這篇文章主要介紹了JS仿Base.js實現(xiàn)的繼承,結(jié)合具體實例形式分析了javascript擴展操作及面向?qū)ο蟪绦蛟O(shè)計相關(guān)實現(xiàn)技巧,需要的朋友可以參考下
    2017-04-04
  • js中substring和substr兩者區(qū)別和使用方法

    js中substring和substr兩者區(qū)別和使用方法

    這篇文章主要介紹了js中substring和substr兩者區(qū)別和使用方法,每一個步驟都有相應(yīng)的文字介紹,感興趣的小伙伴們可以參考一下
    2015-11-11
  • 前端渲染CSR和SSR的結(jié)合使用思路詳解

    前端渲染CSR和SSR的結(jié)合使用思路詳解

    以往的 SSR 方式有很多,都是人想出來的嘛,基本思路是讓服務(wù)器提前渲染好然后等請求來的時候加渲染好的頁面直接發(fā)給客戶端瀏覽器,這篇文章主要介紹了前端渲染CSR和SSR的結(jié)合使用分析,需要的朋友可以參考下
    2022-12-12
  • 效果直逼flash的Div+Css+Js菜單

    效果直逼flash的Div+Css+Js菜單

    效果直逼flash的Div+Css+Js菜單...
    2007-05-05
  • javascript實現(xiàn)的LI列表輸出,隔行同色的代碼

    javascript實現(xiàn)的LI列表輸出,隔行同色的代碼

    javascript實現(xiàn)的LI列表輸出,隔行同色的代碼...
    2007-10-10
  • BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio

    BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio

    這篇文章主要介紹了BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio的相關(guān)資料,需要的朋友可以參考下
    2017-05-05

最新評論