
本課程將探討 Laravel Livewire 的功能,並幫助學員使用 PHP 開發前端畫面,學習不使用 JavaScript 前端框架即可開發的動態畫面,並應用於專案開發內。
這門課你會學到:
- Livewire 簡介
- 介紹 Livewire 的基本概念。
- 比較 Livewire 和前端框架(如 Vue.js、React)之間的異同。
- 安裝與設置
- 如何安裝 Livewire,並配置於 Laravel 專案內。
- 如何在 Laravel 專案中發布資源、配置對應的視圖。
- Livewire 元件與生命周期
- 學習如何建立和管理 Livewire 元件,並理解 Livewire 的生命週期方法,如
mount
、render
和updated
。 - 示範如何使用元件的屬性和方法,並實現數據與視圖的雙向綁定。
- 學習如何建立和管理 Livewire 元件,並理解 Livewire 的生命週期方法,如
- 動態交互與即時更新
- 展示如何使用 Livewire 進行即時更新,實現表單提交、動態過濾、即時搜尋等功能。
- 強調如何使用事件、綁定屬性和回調函數來處理用戶的交互行為。
- 進階功能與最佳實踐
- 深入介紹 Livewire 的進階功能,包含文件上傳、延遲載入等。
- 引入 WireUI 套件,提供更多前端可用元件
本課程旨在幫助學生理解如何使用 Livewire 開發現代化的 Laravel 應用,同時減少對 JavaScript 框架的依賴。
如對此課程有興趣,請聯繫我