使用 Elixir 語言的全端網頁框架 Phoenix 在今年的 1.7 版本中新增了更多方便的功能,再加上內建用來做畫面互動的 LiveView 寫法逐漸成熟。現在正是開始使用 Phoenix 與 Elixir 的最好時機,這個系列將會從頭開始介紹 Phoenix 框架以及我這兩年使用得到的心得。
在開始寫 html 之前,我們先來看看 Phoenix 從收到請求到回傳 html 的流程。 使用者在網址列輸入網址,或是點擊連結,發送請求到我們的 Pho...
前面提到瀏覽器送來的要求經過 router 比對之後會送到設定的 controller,接著 controller 從 context 取得資料,並且把資料填入...
Controller-View 畫面測試 再我們加上任何其他功能或是造型之前,我們先來寫一些測試。與之前 Context 的測試一樣,在 test 資料夾裡面建...
這個章節我們將介紹 EEx 以及 Phoenix 使用的 EEx 加強版, Heex。 EEx Elixir 內建了 EEx (Embedded Elixir)...
我們如果要新增一個 note 會有兩個步驟,第一個是使用著跟我們的伺服器要求可以填寫內容的頁面(get),再來是送出表格(post)。在我們的 router 章...
在 NoteController 中加入 create 函式 def create(conn, params) do IO.inspect(params)...
新增頁面的測試 這個與上一個列表頁面的測試非常相似,一樣,依照想要詳細的程度,可以決定要檢查的內容。我們在這邊檢查該路徑的結果是不是有新增頁面的標題即可。 小測...
修改連結 這次我們由從 index 的連結開始在 notes/index.html.eex 中加上修改的連結,將 <ul> 列表改為: <ul...
Link component 大部分的網頁框架都有額外的 helper 來幫助我們產生複雜的 <a> (anchor tag),Phoenix 也不...
什麼是 Elixir Process 在進入 LiveView 章節之前,我們先來看看 Elixir Process 是什麼。 Elixir 跑在 Erlang...