[HTML] 不需要 JS 也能一次處理表單更新與刪除把資料送到後端有很多種作法，其中最傳統的方式就是透過表單送出的方式來處理，不過我們有可能同時放置兩個或以上的按鈕來做不一樣的事情，例如一個按鈕是更新，另一個按鈕是刪除，接著就會取決於系統的設計。Aug 2Aug 2
[Docker] Hello WorldHello World 是學習任何一項技術的起手儀式，使用 Docker 的目標是透過指令把某個東西跑起來，這個東西可能是個訊息、伺服器或是資料庫之類的，依據執行主機的作業系統 Docker 安裝方式進行安裝，完成之後，我們將從 Docker Hub 下載 image 並且建立…Jul 28Jul 28
[Laravel] N+1 Problem一個系統會包含許多不同類型的資料，資料之間會有某種程度的關聯性，例如一個求職網站當中，有人 PO 了一個職缺文章，我們想從那篇職缺文章找到是誰 PO 的，在關聯性資料庫中會使用 JOIN 語法來獲取。Jul 28Jul 28
[Interview] 吸引面試官的作品集找工作準備作品集是大概三年多前學習前端時看到社群時常討論的話題，當初自己也是邊看教學邊弄所謂的作品集就跑去面試了，現在想想自己算是運氣還不錯，如果當初是現在的我當面試官，大概就被自己給電爆了😂Mar 23Mar 23
[Laravel]上傳檔案Laravel 不只是 Route + MVC 做得很好，上傳檔案也是非常優雅，相信寫過 PHP 的開發者都能馬上體會到，這篇文章內容以上傳使用者頭像為例，首先建立兩個 route，一個用來讓使用者點選上傳的表單介面，另一個則是用來儲存使用者頭像。Mar 8Mar 8
[Laravel] 富都青年的 Policy 議題系統通常都需要進行使用者授權，也就是判斷使用者是否有權限執行某些操作。在 Laravel 中，我們可以將授權邏輯寫在 Controller 當中，但是這種做法並不優雅，因為會導致 Controller 檔案過於臃腫，而且不易維護。Mar 3Mar 3
[Laravel]使用 Middleware 來集中管理身分驗證網站通常有很多功能是必須登入之後才能查看的頁面，也就是說使用者必須通過身分驗證，PHP 常見的方法是當使用者成功登入後，將其身分資訊儲存在 session 中。然後，在每個頁面的開頭檢查 session 中是否存在有效的身分認證。如果不存在，則導向登入頁面。Mar 3Mar 3
![[HTML] 不需要 JS 也能一次處理表單更新與刪除](https://miro.medium.com/v2/resize:fill:160:106/1*Pf_8F1BneBAdSB9UqeBtRA.png)
![[HTML] 不需要 JS 也能一次處理表單更新與刪除](https://miro.medium.com/v2/resize:fill:320:214/1*Pf_8F1BneBAdSB9UqeBtRA.png)
![[Docker] Hello World](https://miro.medium.com/v2/resize:fill:160:106/1*QQPRLUTsbsVmkHmRXxFTdQ.png)
![[Docker] Hello World](https://miro.medium.com/v2/resize:fill:320:214/1*QQPRLUTsbsVmkHmRXxFTdQ.png)
![[Laravel] N+1 Problem](https://miro.medium.com/v2/resize:fill:160:106/1*o2M9M4iMbiZPbKYYU9tIuw.png)
![[Laravel] N+1 Problem](https://miro.medium.com/v2/resize:fill:320:214/1*o2M9M4iMbiZPbKYYU9tIuw.png)
![[PHP] 箭頭函數：自動繼承父作用域變數的簡潔寫法](https://miro.medium.com/v2/resize:fill:160:106/1*NIakrLqnUNvPphqTusI7tg.png)
![[PHP] 箭頭函數：自動繼承父作用域變數的簡潔寫法](https://miro.medium.com/v2/resize:fill:320:214/1*NIakrLqnUNvPphqTusI7tg.png)
![[VSCode]設定PHP PSR-12 Auto Formatting](https://miro.medium.com/v2/resize:fill:160:106/1*KhEsPelD8kw2uQkn8Vn8PQ.png)
![[VSCode]設定PHP PSR-12 Auto Formatting](https://miro.medium.com/v2/resize:fill:320:214/1*KhEsPelD8kw2uQkn8Vn8PQ.png)
