Logo for Parsclick

آموزش استفاده از پکیج Ajax Blade

  بهروز ولیخانی بهروز ولیخانی
  April 10, 2016 at 3:52 PM
  ۲۲ فروردین، ۱۳۹۵ ساعت ۱۵:۵۲

سلام ، ajax-blade یک پکیج خیلی کاربردی هست که به صورت ایجکسی میتونید مطالب سایتتون رو نمایش بدید با این تفاوت که زمانی که رکورد های سایت شما زیاد باشه با گرفتن یک پارامتر از شما تعیین میکنه که چند تا پست رو ابتدا نمایش بده و سپس با اسکرول کردن صفحه الباقی رکوردها رو نمایش میده بهتون و به اصطلاح لود Load میکنه . خب ، میریم که باهم این پکیج رو نصب کنیم .

آموزش نصب :

روش اول :

کد زیر رو در فایل composer.json خود قرار بدید :

"require" : {
"ghanem/ajaxblade": "0.2.*"
}

سپس دستور composer update رو در Command Line اجرا کنید , و منتظر بمانید تا پکیج نصب گردد .

روش دوم :

کد زیر رو در Command Line خود اجرا کنید :

composer require ghanem/ajaxblade

پس از نصب پکیج به فایل config/app.hp رفته و کد زیر را در providers اضافه کنید :

'providers' => [
Ghanem\Ajaxblade\AjaxbladeServiceProvider::class,
];

سپس دستور زیر را اجرا کنید :

php artisan vendor:publish

تبریک میگم شما با موفقیت این پکیج رو نصب کردید .

برای استفاده از این پکیج ابتدا به کنترلر مورد نظر مراجعه کنید و کد های زیر را در function خود قرار دهید :

public function index()
{
$Posts=Post::paginate(50);
return view('index',compact('Posts'));
}

حال نوبت میرسه به این که کدهای مربوط به View خودتون رو قرار دهید :

در قسمت head صفحه مورد نظر اسکریپت های مورد نیاز را قرار دهید :

<script src="http://code.jquery.com/jquery.js"></script>
<script src="{{asset('vendor/ajaxblade/ajaxblade.js')}}"></script>

و در قسمتی که میخواد اطلاعات واکشی شده از مدل را مشاهده کنید کد زیر را قرار دهید :

<div class="abs"> 
<ul>
@foreach($Posts as $post)
<li class="item">
<a href="">{{$post->id}}-{{$post->title}}</a>
</li>
@endforeach
</ul>
@ajaxpagination($Posts)
</div>

حالا میتونید به راحتی از صفحه AJAX ای که دارید لذت ببرید.

امیدوارم از این آموزش لذت برده باشید.



منبع : www.studio-design.ir