打開 tests/Feature 讓我們來場激烈的 http test 吧! http test 基本盤,兩百。 public function testSom...
Breeze 是官方推薦的起手套裝,內建有登入、註冊、忘記密碼等常用的用戶功能,令外可以選擇使用 Vue 或者 React 來建立畫面。 首先,Breeze 是...
今天因為這兩個功能都比較簡單,因此合在一起講。分別是 預載(Prefetching) 與 延遲載入(Defer Loading),那就來看看這兩個的功用是什麼吧...
我想大部分的人學測試不是想用在寫 leetcode 吧,因此我們來模擬一下購物車。 我們來寫一個有點霸道的購物車,這個購物車只有兩個功能: 可以加入商品 可以...
在 Visual Studio Code 開發 Sail 成功的幫我們把專案建立好了,可以來開始寫程式啦! 不過這個專案是跑在容器裡的,而且在 Windows...
大家好~昨天完成會員系統的 Controller,今天要來完成會員系統的 Route ,並且用 Postman 測試一下我們會員系統的功能是否正常! Route...
先寫登入的頁面 我們之前是針對類似API的資料在做測試,那我們現在要開始去測試我們寫的網頁,為了要測試,我們現在要先寫一個網頁,這個網頁的功能很簡單,就是做登入...
如果想在資料被「污染」也就是被更改過時,想要透過新增 Class 來做特別的顯示,就可以使用 wire:dirty 來達成。這個功能比較常用在對資料的更改,例如...
首先先寫測試 我們昨天測試了首頁,那我們今天要開始做新的設計,並且針對我們的設計來做測試,我們即將要做一個登入的畫面, 這個登入的畫面會有一個"關於我...
Fizz Buzz 是個小朋友的遊戲,小朋友們依序報數,但當遇到三的倍數要喊 fizz、五的倍數喊 fuzz,遇到既是三也是五的倍數要喊 fizzbuzz。 有...
Livewire 可以讓在網頁離線的時候,顯示或是更改相對應的元素,雖然內容比較輕鬆,但有需要處理網站離線/斷線時也是可以省下不少手動處理的功夫。 官方文件 D...
大家好~今天要來使用 Laravel Sanctum 實作會員系統! 實作過程 建立 Controller 使用 php artisan make:contro...
延續昨天,我們來看可以怎麼在 Laravel 框架下實作簽證的驗證。 What is middleware? 有點像 pipe 可以一個串一個去處理請求。例如,...
啟動 Laravel 專案前的環境設置還是挺麻煩的,不過目前 Laravel 官方指南的安裝方式變成用 Laravel Sail 直接建立一個 Docker ,...
我們之前做的單元測試,比較接近針對API的測試,那我們現在要開始針對網頁來做測試,我們首先針對首頁來做單元測試,我們先看一下我們的首頁 然後我們寫了一個單元測試...
在進到目前公司以前都沒使用過 Laravel ,到了現在也摸索著用了大半年,實作了不少功能。不過因為是從公司既有的基底開始開發,還沒自己從無到有的建構 Lara...
很多 web 框架的範例都是 127.0.0.1,今天我們換個哈囉方式。 sail test 兩個綠燈跟你說哈囉。 自動化測試 自動化測試是什麼? 自動化測試...
Laravel Sail 是 Laravel 8 的新功能,你可以透過 sail 指令來操作內建的 Docker 設定,輕鬆建立起Laravel 所需的開發環境...
PHP 幹古 最早於 1994 由 Rasmus Lerdorf 用 C 語言開發的 CGI 程式, 一開始只用來追蹤訪問者的訊息, 作為用來更新自己的個人網頁...
今天要介紹的功能 Polling ,用Google 翻譯出來是「輪詢」,不過這個詞並不常見就是了,大致上可以想像成是每一段時間執行一次,像是 JavaScrip...
其實我們這樣子寫的方式,感覺有點像在呼叫API,所以我們決定要把它改成放到API,我們把原本在web.php的內容刪掉,然後新增一個APIControllerp...
What is chunkById 分批把資料從資料庫中拉出來,而非一次全拉。 以訂單為例,使用範例如下: use App\Models\Order; $nu...
在 Livewire 上的操作都會透過 AJAX 將資料往返與前後端之間,有些較長的請求可能不會即時反映在頁面上,像是上傳檔案...等等。因次為了給使用者更好的...
昨天有提到,其實我們通常不會把函式直接寫在web.php當中,其實我們回傳的這個資料,如果要透過網頁取得,有點類似API的感覺 而通常像閏年判斷這種需求,應該是...
其實到目前為止,我們所做的動作都差不多,只是差在邏輯上的判斷而已,相信大家已經覺得有點拖屏了,今天就是這個題目的最後一天了,我們接下來一口氣加入四組資料 pub...
嵌套元件(Nesting Components),在 Vue.js 中是很普遍的用法,可以在父元件賦予數值給子元件進而改變子元件顯示的資料。實作中通常會將可重複...
接下來我們要測試100的倍數,我們這次直接加兩個數字, public function input_number() { return [...
在 Vue.js 有的生命週期在 Livewire 中也都有,除此之外在 Livewire 中各自變數也有各自的生命週期,讓你能更方便的對各個變數週期事件單獨做...
work 和 listen 的差別 讓 queue work 開始執行任務的指令有兩個:work 和 listen $ php artisan queue:wo...
為了要讓程式碼更簡潔、更容易懂、及更容易維護,我們今天要開始將之前的測試程式重構,(雖然好像才剛開始寫) 我們原本是這樣 public function tes...