Phoenix 框架在今年的 Stack Overflow 問卷調查以 83% 成為 Loved vs. Dreaded 的第一名, Phoenix 使用的語言 Elixir 也以 75% 僅次於 Rust 成為最喜愛的語言第二名。
我有幸已經使用 Phoenix 與 Elixir 工作一年了,想趁這次機會寫一個 速成 Phoenix 教學,希望可以讓大家在學習與使用 Phoenix 開發的時候少一些坑。
簡單計數器 我們來用一個簡單加減數字的網頁互動計數器來理解 LiveView 的構造 Router 還是要有路徑啦,只是這次路徑指定的目的地不是 control...
CRUD 的列表頁面 很遺憾,工作要做的畫面大部分都是表格,在我們開始做酷東西之前,我們先確認一下 LiveView 可不可以達成工作要求我們可以使用一樣的 P...
再繼續之前處理 CSS 一下 這邊我有寫額外的 css 來正確顯示待會要用到的 modal專案的 css 都放在 assets/css 資料夾裡建立一個新的 c...
在 LiveView 裡面使用表格 在完成準備放新文章的 modal 後,其實就是在裡面加上 <.form > 就可以了,但是有幾個東西需要先加進...
普通的 handle_event 前面使用 handle_event 的情境都比較複雜,這邊我們用 刪除文章功能來示範一下比較簡單的事件循環 打開 BlogWe...
我們還缺 修改功能 先來想一下我們要做什麼事情 點擊編輯發出 編輯事件,附上要編輯的文章 id 接收編輯事件,拉出要編輯的文章 打開 Form LiveCom...
LiveView 的優勢 朋友問,LiveView 把所有的東西都傳到後端才反應,這樣一來一回會不會太慢,我的回答是看情況,如果我只是要簡單的打開關閉選單,那我...
PubSub PubSub 是 Phoenix 內建的 Publisher Subscriber 服務,文件 實作起來非常簡單,而且 Phoenix 預設就已經...
LiveView 產生器 雖然我們已經做過幾次 LiveView 了,但是跟 gen.html 一樣, Phoenix 一樣有提供 gen.live來讓我們快速...
接下來呢? 我畫了一個這系列用到的 Phoenix 的架構插圖連線從 Router 進來,看是到 Controller 還是 LiveView,他們各自從 co...