Part 2:代码逻辑
前端
获取页面中输入的条件信息(JQuery)
将前端信息传入后端(Ajax)
后端查询的结果传入前端,显示出表格(Datatables)
后端
获取前端传递的信息(json.loads...js部分:通过Datatables模块实现表格的显示效果,只需要定义columns,即每列显示的字段,其余部分可以保持不变
Datatables功能非常强大,本文实现了排序、着色效果
$('#btn-search..."select":{
style:'os',
selector:'td:first-child', //点击该行第一个元素,选中这一行...},
"dom": "lBfrtip",//自定义显示项,并控制布局
"lengthMenu": [
[50..., 6, 8, -1],
[4, 6, 8, "All"]
],//每页显示条数设置
"lengthChange": false,