這篇文章主要介紹Laravel項(xiàng)目如何全站接入paxj,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
于洪網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),于洪網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為于洪近千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的于洪做網(wǎng)站的公司定做!
pajx:
在不刷新頁(yè)面的狀態(tài)下改變url地址
引入js
//定義加載區(qū)域$(document).pjax('a', 'body');//定義pjax有效時(shí)間,超過(guò)這個(gè)時(shí)間會(huì)整頁(yè)刷新$.pjax.defaults.timeout = 12000;//顯示加載動(dòng)畫$(document).on('pjax:click', function () { $("#loading").show();});//隱藏加載動(dòng)畫$(document).on('pjax:end', function () { $("#loading").hide();});
#loading { background-color: rgba(238, 238, 238, 0.6); display: none; position: absolute; left: 0; top: 0; right: 0; z-index: 2000; bottom: 0; padding-top: 10%;}#loading .spinner { margin: 100px auto; width: 50px; height: 60px; text-align: center; font-size: 10px;}#loading .spinner > p { background-color: rgba(0, 0, 0, 0.2); height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out;}#loading .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}#loading .spinner .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s;}#loading .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}#loading .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}@-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); }}@keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); }}
文件目錄
composer require spatie/laravel-pjax
composer引入laravel-pjax
在 app/Http/Kernel.php 文件添加
protected $middleware = [ ... \Spatie\Pjax\Middleware\FilterIfPjax::class,];
Laravel 是一套簡(jiǎn)潔、優(yōu)雅的PHP Web開發(fā)框架。它可以讓你從面條一樣雜亂的代碼中解脫出來(lái);它可以幫你構(gòu)建一個(gè)完美的網(wǎng)絡(luò)APP,而且每行代碼都可以簡(jiǎn)潔、富于表達(dá)力。
以上是“Laravel項(xiàng)目如何全站接入paxj”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!