加载537条记录时性能下降
页面加载:4.34秒
分页时:3.98秒
"pageLength": 10
有没有可能限制每页的行数(例如查询中的10行),而不是使用数据表的分页时将加载其他10行……就像内置的laravel分页一样
PS:即使禁用了分页,加载时间仍为4.34秒
Controller
public function membresData()
{
$membres = Membre::
join('equipes', 'equipes.id', '=', 'membres.equipe_id')
->join('laboratoires', 'laboratoires.id', '=', 'equipes.laboratoire_id')
->join('etablissements as e1', 'e1.id', '=', 'laboratoires.etablissement_id')
->leftjoin('etablissements as e2', 'e2.id', '=', 'membres.etablissement_id')
->leftjoin('profils', 'profils.id', '=', 'membres.profil_id')
->leftjoin('typemembres', 'typemembres.id', '=', 'membres.typemembre_id')
->select ('membres.id','equipes.axe_recherche','laboratoires.libelle','laboratoires.periode_accreditation_dd','laboratoires.periode_accreditation_df','e1.abbreviation as etablab','membres.nom', 'membres.prenom', 'membres.cv', 'membres.sujet', 'e2.abbreviation as etabmem', 'profils.typeprofil', 'membres.cin', 'membres.email','typemembres.typemembre')
->orderBy('axe_recherche', 'asc')
->get();
if(request()->ajax()){
return Datatables::of($membres)
->addColumn('name',
'{{$nom}} {{$prenom}}'
)
->addColumn('cv', function ($membre) {
if ($membre->cv != null){
$url=url("uploadedCvMembre/$membre->etablab/$membre->cv");
return '<div data-provide="photoswipe">
<img class="avatar avatar-sm cursor-pointer" src="'.$url.'" alt="Curriculum vitae de : '.$membre->prenom.' '.$membre->nom.'" data-provide="tooltip" data-original-title="Curriculum vitae" data-tooltip-color="primary" aria-describedby="tooltip946475">
</div> ';
}
})
->addColumn('laboratoire',
'« {{$etablab}} » {{ $libelle }} <small>{{ \Carbon\Carbon::parse($periode_accreditation_dd)->format("Y") }} - {{ \Carbon\Carbon::parse($periode_accreditation_df)->format("Y") }}</small>'
)
->addColumn('action',
'<nav class="nav gap-1 fs-16">
<a class="nav-link disabled hover-warning" data-provide="tooltip" data-tooltip-color="warning" data-original-title="Modifier" href="{{route("membre.edit",$id)}}"><i class="ti-pencil"></i></a>
<form method="POST" action="{{ action("MembreController@destroy", ["id" => $id]) }}" class="delete_form">
<strong i="16">@csrf</strong>
@method("DELETE")
<a class="nav-link disabled hover-danger delete-btn" data-provide="tooltip" data-tooltip-color="danger" data-original-title="Supprimer" href="#"><i class="ti-trash"></i></a>
</form>
</nav>'
)
->rawColumns(['cv','laboratoire','action'])
->make(true);
}else{
abort('404');
}
Js
app.ready(function(){
$("#dtable").dataTable().fnDestroy();
$('#dtable').DataTable({
"columnDefs": [
{ "visible": false, "targets": [0,1] },
{ "orderable": false, "targets": [-1] }
],
"order": [[ 1, 'asc' ]],
processing: true,
serverSide: true,
ajax: '{!! route('membres') !!}',
deferRender: true,
columns: [
{ data: 'laboratoire', name: 'laboratoire' },
{ data: 'axe_recherche', name: 'axe_recherche' },
{ data: 'name', name: 'name' },
{ data: 'cv', name: 'cv', orderable: false, searchable: false },
{ data: 'sujet', name: 'sujet' },
{ data: 'etabmem', name: 'etabmem', orderable: false, searchable: false },
{ data: 'typeprofil', name: 'typeprofil' },
{ data: 'cin', name: 'cin' },
{ data: 'email', name: 'email' },
{ data: 'typemembre', name: 'typemembre' },
{ data: 'action', name: 'action', orderable: false, searchable: false}
],
"drawCallback": function ( settings ) {
$('[data-provide~="tooltip"]').each(function(){var b="";$(this).hasDataAttr("tooltip-color")&&(b=" tooltip-"+$(this).data("tooltip-color")),$(this).tooltip({container:"body",trigger:"hover",template:'<div class="tooltip'+b+'" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'})});
var api = this.api();
var rows = api.rows( {page:'current'} ).nodes();
var last=null;
api.column(0, {page:'current'} ).data().each( function ( group, i ) {
if ( last !== group ) {
$(rows).eq( i ).before(
'<tr class="group bl-3 br-3 border-primary bg-light text-center" ><td class="fw-500" colspan="9">'+group+'</td></tr>'
);
last = group;
}
} );
api.column(1, {page:'current'} ).data().each( function ( group, i ) {
if ( last !== group ) {
$(rows).eq( i ).before(
'<tr class="group bl-3 border-warning bg-light" ><td class="fw-500" colspan="9">Equipe : '+group+'</td></tr>'
);
last = group;
}
} );
}
});
});
通过删除数据源上的get()
使用查询而不是集合。
>orderBy('axe_recherche', 'asc')
->get(); // remove this line.
@yajra谢谢,问题解决了
嗨,您能解释一下为什么查询比集合快得多吗?
因为它执行查询中的其余功能,而不是获取每个结果及其子数据并尝试对效率较低的功能执行功能。
响应时间慢
页面加载时间:13.40秒
分页:9s
代码段
公共函数lending_return_log_server_side()
{
$ alluser =会话:: get('alluser');
$ reference = $ this-> database-> getReference('lending_return_log')-> getSnapshot()-> getValue();
$ reference = array_reverse($ reference);
$ data = [];
$ name ='';
$ email ='';
foreach($ reference as $ lending_return_log){
// dd($ lending_return_log ['uid']);
foreach($ alluser as $ key => $ value){
如果($ key == $ lending_return_log ['uid']){
$ name = $ value ['用户名'];
$ email = $ value ['email'];
}
}
$ nestedData ['user_info'] =“ ”。 ”
“。$ email。”
“。$ lending_return_log ['lending_log_id'];
$ nestedData ['time_and_trx_id'] = \ Carbon \ Carbon :: parse($ lending_return_log ['time'])-> format('F j,Y,g:i a')。”
“。$ lending_return_log ['trxid']。 “;
$ nestedData ['back_amount'] =“ ” .number_format($ lending_return_log ['amount_back_nob'],8)。“ NOB ”;
$ nestedData ['closing_balance'] =“ ” .number_format($ lending_return_log ['final_balance_nob'],8)。“ NOB ”;
$ nestedData ['nob_price'] = $ lending_return_log ['nob_price_at']。“ $”;
$ nestedData ['curr_return'] =“ ” .number_format($ lending_return_log ['return_of_cur'],8)。“” .. $ lending_return_log ['cur_type']。“ ”;
$data[] = $nestedData;
}
// $reference = collect($reference);
$finalData = Datatables::of($data)->rawColumns(['user_info', 'time_and_trx_id', 'back_amount', 'closing_balance', 'nob_price', 'curr_return'])->make(true);
return $finalData;
}
(功能() {
$('#table')。DataTable({
处理:是的,
serverSide:是的,
ajax:'{{url('project-log-serverside')}}',
列: [
{data:'user_info',name:'user_info'},
{数据:'time_and_trx_id',名称:'time_and_trx_id'},
{data:'back_amount',name:'back_amount'},
{数据:“ closing_balance”,名称:“ closing_balance”},
{data:'nob_price',name:'nob_price'},
{data:'curr_return',name:'curr_return'},
]
});
});
套件版本
Laravel 5.7
的PHP:7.2
Laravel数据表:8.13.7
数据库:NoSql数据库(Firebase)
你能请问这有什么问题吗?
谢谢
检查索引
控制器:
$ trade1 = Tradecum3 :: where('CODE',Auth :: user()-> ucc_code)-> where('SCPOPT','!=','EX')-> select('UNIQUEID','CODE' ,'TRDATE','BS','SCPOPT as INSTTYPE','SCPCODE','SCPNAME','DUEDATE','STRIKERATE','MKTRATE','QTY',DB :: raw('ABS(MKTRATE * QTY )作为MKTTOTAL'));
$trade2 = Tradecum2::where('CODE', Auth::user()->ucc_code)->where('SCPOPT', '!=', 'EX')->select('UNIQUEID', 'CODE', 'TRDATE', 'BS', 'SCPOPT as INSTTYPE', 'SCPCODE', 'SCPNAME', 'DUEDATE', 'STRIKERATE', 'MKTRATE', 'QTY', DB::raw('ABS(MKTRATE * QTY) as MKTTOTAL'));
$trade = Tradecum1::where('CODE', Auth::user()->ucc_code)->where('SCPOPT', '=', 'EQ')->select('UNIQUEID', 'CODE', 'TRDATE', 'BS', 'SCPOPT as INSTTYPE', 'SCPCODE', 'SCPNAME', 'DUEDATE', 'STRIKERATE', 'MKTRATE', 'QTY', DB::raw('ABS(MKTRATE * QTY) as MKTTOTAL'))->union($trade1)->union($trade2);
return DataTables::of($trade)
->addColumn('INSTNAME', function ($trade) {
return $trade->SCPNAME."(". $trade->SCPCODE.")";
})
->editColumn('INSTTYPE',function($trade){
if($trade->INSTTYPE == "CE")
return "Call Opt";
else if ($trade->INSTTYPE == "PE")
return "Put Opt";
else if ($trade->INSTTYPE == "CF")
return "Futures(EQ)";
else if ($trade->INSTTYPE == "IF")
return "Futures(INDEX)";
else
return $trade->INSTTYPE;
})
->rawColumns(['INSTNAME'])
->make(true);
看法:
$('#recentTradeTableAll')。DataTable({
处理:是的,
serverSide:是的,
销毁:是的,
ajax:{
url:“ {{route('datatable.trades')}}”,
输入:“ POST”,
标头:{
'X-CSRF-TOKEN':$('meta [name =“ csrf-token”]')。attr('content')
},
数据:function(d){
d.instrumentType = $("input[name='instrumentType']:checked").val();
d.transaction_type = $("input[name='transaction_type']:checked").val();
}
},
columns: [{
data: 'TRDATE',
name: 'TRDATE'
},
{
data: 'BS',
name: 'BS'
},
{
data: 'INSTNAME',
name: 'INSTNAME'
},
{
data: 'STRIKERATE',
name: 'STRIKERATE'
},
{
data: 'INSTTYPE',
name: 'INSTTYPE'
},
{
data: 'DUEDATE',
name: 'DUEDATE'
},
{
data: 'MKTRATE',
name: 'MKTRATE'
},
{
data: 'QTY',
name: 'QTY'
},
{
data: 'MKTTOTAL',
name: 'MKTTOTAL'
}
]
});
get()加载所有数据,而pageLength无法正常工作。以上内容正在加载所有记录。
通过删除数据源上的
get()
使用查询而不是集合。>orderBy('axe_recherche', 'asc') ->get(); // remove this line.
这使我的查询从20秒缩短到2秒以下。谢谢!
最有用的评论
通过删除数据源上的
get()
使用查询而不是集合。