中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-09-15 20:02:04 來源:腳本之家 閱讀:191 作者:飛哥ABC 欄目:web開發

使用Q查詢,首先要導入Q模塊:

from django.db.models import Q

可以組合使用&,|操作符用于多個Q的對象,產生一個新的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 表示包含的關系,用于模糊查詢,如:

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

再談談AngularJS的Datatables分頁插件:

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

Datatables的效果如下圖所示:

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

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

下面講一下Datatables的DTOptionsBuilder方法:

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

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

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

full_numbers表示所有的數據,

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

DTColumnBuilder.newColumn表示新增表格的列

.renderWith對數據進行渲染  這里apply_status是我自己寫的一個函數,用于轉換json中True和False對應的html中的“成功、失敗”

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

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

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

天峨县| 星子县| 虹口区| 鹤庆县| 潞城市| 乌兰浩特市| 册亨县| 防城港市| 昆明市| 彭州市| 济源市| 黔西| 通化市| 米林县| 井陉县| 洪江市| 伊吾县| 盘山县| 嘉鱼县| 宁强县| 新宾| 绍兴市| 株洲县| 巫溪县| 长顺县| 富平县| 八宿县| 五华县| 沅陵县| 江山市| 界首市| 科技| 天峻县| 贡觉县| 宜章县| 望奎县| 古交市| 深水埗区| 凤山县| 浮山县| 湘阴县|