Livewire 根本全端工程師的救星啊啊啊。幾年前想要做 MVVM 架構即時更新頁面上資料,不用繁雜的 ajax、jQuery 去調整各個 DOM 的話,那就只能改用 Vue、React ...等 SPA 前端框架透過前後端分離的方式來實現。我在體驗了 Livewire 後立馬從寫了三年的 Vue 轉回 PHP,因為 Router 跟 Model 終於不用前後端都各寫一次啦,在前後端都自己寫的情況下體驗直接滿分。也不用再花時間處理前後端的 token、CORS 等等一堆奇奇怪怪麻煩的問題 XD
本來是沒打算分成兩天的。但第一天放入了程式碼讓文章看起來比較冗長,所以只好拆兩天啦!今天一樣也是 嵌套元件 Nesting Components 的部分。昨天在...
在 Livewire 上的操作都會透過 AJAX 將資料往返與前後端之間,有些較長的請求可能不會即時反映在頁面上,像是上傳檔案...等等。因次為了給使用者更好的...
今天要介紹的功能 Polling ,用Google 翻譯出來是「輪詢」,不過這個詞並不常見就是了,大致上可以想像成是每一段時間執行一次,像是 JavaScrip...
Livewire 可以讓在網頁離線的時候,顯示或是更改相對應的元素,雖然內容比較輕鬆,但有需要處理網站離線/斷線時也是可以省下不少手動處理的功夫。 官方文件 D...
如果想在資料被「污染」也就是被更改過時,想要透過新增 Class 來做特別的顯示,就可以使用 wire:dirty 來達成。這個功能比較常用在對資料的更改,例如...
今天因為這兩個功能都比較簡單,因此合在一起講。分別是 預載(Prefetching) 與 延遲載入(Defer Loading),那就來看看這兩個的功用是什麼吧...
Livewire 大致上功能都已經介紹完了,接下來就是一些常用的實作時間啦!!今天要來做最常會遇到的 表單驗證 功能!!以往這個功能在使用者輸入了格式錯誤的資料...
今天的範例是超級無敵常用,有用到表格就一定會有的 分頁(Pagination),從零到有不用三分鐘!!! 如果原本是寫 Vue 的夥伴,Livewire 可以讓...
先祝各位中秋節快樂~連假過後該收心了所以今天就來做一個待辦清單吧!順便熟悉一下 Livewire 的使用方法,這裡會依照功能拆成三天來做。 需求規劃 首先先預想...
接續昨天的內容。昨天做完了 新增待辦事項 ,今天就來把 修改 跟 刪除 的功能給做出來吧!! 功能三、完成待辦事項 我的規劃是 點擊 待辦事項文字就能讓這個待辦...