对比分析Django的Q查询及AngularJS的Datatables分页插件

前端之家收集整理的这篇文章主要介绍了对比分析Django的Q查询及AngularJS的Datatables分页插件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

使用Q查询,首先要导入Q模块:

可以组合使用&,|操作符用于多个Q的对象,产生一个新的Q对象,Q对象也可以用~操作符放在前面表示否定,如下例所示:

添加到之前定义的最外层的Q对象中,查询条件是 '和'

其中Q查询里面的 __icontains 表示包含的关系,用于模糊查询,如:

查询 username或者 groupid

再谈谈AngularJS的Datatables分页插件

Datatables的主要功能分页、即时搜索和排序,虽然django自带的模板引擎也有分页功能(Paginator),但无论从功能上还是美观上,Datatables都更好。

Datatables的效果如下图所示:

下面讲一下Datatables的DTOptionsBuilder方法

DTOptionsBuilder.newOptions是AngularJS的datatables的一个重要的方法,.newOptions用于实现前后端分页

'serverSide',true 表示开启服务器模式,

ajax表示数据的来源(包括处理分页,排序,过滤),

full_numbers表示所有的数据,

用户,如果是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:nofollow" href="https://github.com/a342058040/Django_AngularJS_Datatables.git">https://github.com/a342058040/Django_AngularJS_Datatables.git

以上所述是小编给大家介绍的对比分析Django的Q查询及AngularJS的Datatables分页插件。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的JavaScript相关文章