本教學示範如何在 Laravel 11 應用程式中使用 AJAX 分頁實現無限滾動。 我們將建立一個簡單的範例,其中包含貼文表、資料模型、虛擬資料工廠以及載入貼文的路徑。 前端將使用 jQuery AJAX 在滾動時載入更多資料。
第 1 步:設定 Laravel 11(可選)
如果您還沒有建立一個新的 Laravel 11 應用程式:
<code class="language-bash">composer create-project laravel/laravel example-app</code>
第 2 步:MySQL 資料庫設定
Laravel 11 預設使用 SQLite。若要使用 MySQL,請設定您的 .env
檔案:
<code>DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=your_database_name DB_USERNAME=your_database_username DB_PASSWORD=your_database_password</code>
將佔位符替換為您的資料庫憑證。
第三步:資料庫遷移
為posts
表格建立遷移:
<code class="language-bash">php artisan make:migration create_posts_table</code>
將以下程式碼新增至您的遷移檔案(位於database/migrations
):(遷移表結構的程式碼將在此插入)。 請參閱 Laravel 文件以了解正確的表格模式建立。
這完成了後端設定。 進一步的步驟將涉及創建 Post 模型、用於播種資料的工廠、獲取帖子的路徑,以及最後使用 AJAX 處理無限滾動功能的 JavaScript 程式碼。 (這些步驟將在原始文章的後續部分中詳細介紹)。
以上是如何在 laravel 範例中使用滾動上的 ajax 分頁加載更多數據的詳細內容。更多資訊請關注PHP中文網其他相關文章!