對(duì)比分析Django的Q查詢及AngularJS的Datatables分頁(yè)插件
使用Q查詢,首先要導(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ì)象中,查詢條件是 '和'
其中Q查詢里面的 __icontains 表示包含的關(guān)系,用于模糊查詢,如:
Q(username__icontains=keyword) | Q(groupid__icontains=keyword) 表示查詢 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用戶,如果是admin,則在http_https.dtColumns這個(gè)數(shù)組中增加(push)一個(gè)元素 if (http_https.js_admin) { http_https.dtColumns.push(DTColumnBuilder.newColumn(null).renderWith(actionsHtml).withTitle('Actions')) }
DTColumnBuilder.newColumn表示新增表格的列
.renderWith對(duì)數(shù)據(jù)進(jìn)行渲染 這里apply_status是我自己寫的一個(gè)函數(shù),用于轉(zhuǎn)換json中True和False對(duì)應(yīng)的html中的“成功、失敗”
部分詳情代碼請(qǐng)見(jiàn)我的github:https://github.com/a342058040/Django_AngularJS_Datatables.git
以上所述是小編給大家介紹的對(duì)比分析Django的Q查詢及AngularJS的Datatables分頁(yè)插件,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- django實(shí)現(xiàn)分頁(yè)的方法
- Django實(shí)現(xiàn)快速分頁(yè)的方法實(shí)例
- Django自定義分頁(yè)與bootstrap分頁(yè)結(jié)合
- Django原生sql也能使用Paginator分頁(yè)的示例代碼
- Django自定義分頁(yè)效果
- Django的分頁(yè)器實(shí)例(paginator)
- Django rest framework實(shí)現(xiàn)分頁(yè)的示例
- Django分頁(yè)查詢并返回jsons數(shù)據(jù)(中文亂碼解決方法)
- 在django中使用自定義標(biāo)簽實(shí)現(xiàn)分頁(yè)功能
- django之session與分頁(yè)(實(shí)例講解)
- Django框架實(shí)現(xiàn)分頁(yè)顯示內(nèi)容的方法詳解
相關(guān)文章
在JavaScript中使用嚴(yán)格模式(Strict Mode)
這篇文章主要介紹了在JavaScript中使用嚴(yán)格模式(Strict Mode),除了正常運(yùn)行模式,ECMAscript 5添加了第二種運(yùn)行模式:"嚴(yán)格模式"(strict mode)。顧名思義,這種模式使得Javascript在更嚴(yán)格的條件下運(yùn)行。,需要的朋友可以參考下2019-06-06一行JavaScript代碼如何實(shí)現(xiàn)瀑布流布局
這篇文章主要給大家介紹了如何通過(guò)一行JavaScript代碼實(shí)現(xiàn)瀑布流布局的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12Elasticsearch實(shí)現(xiàn)復(fù)合查詢高亮結(jié)果功能
這篇文章主要介紹了Elasticsearch實(shí)現(xiàn)復(fù)合查詢,高亮結(jié)果功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-09-09js中substring和substr兩者區(qū)別和使用方法
這篇文章主要介紹了js中substring和substr兩者區(qū)別和使用方法,每一個(gè)步驟都有相應(yīng)的文字介紹,感興趣的小伙伴們可以參考一下2015-11-11javascript實(shí)現(xiàn)的LI列表輸出,隔行同色的代碼
javascript實(shí)現(xiàn)的LI列表輸出,隔行同色的代碼...2007-10-10BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio
這篇文章主要介紹了BootStrap表單控件之復(fù)選框checkbox和單選擇按鈕radio的相關(guān)資料,需要的朋友可以參考下2017-05-05