Redirect_to / Render / Render Partial

更新於 2022/08/13發佈於 2022/08/01閱讀時間約 5 分鐘

在 Rails 裡常常可以看到 redirect_to 跟 render，但這兩者到底有什麼差異呢？

Redirect_to

redirect_to 後面接網址路徑，是用來轉到該網址路徑去，也就是換到一個新的頁面。

redirect_to 'https://www.google.com/'

如果在 new 的頁面上


if xxx.save
   (略) 
else
  redirect_to 'new_xxxx_path'
end

針對 save false 時執行轉址，會導致在 new 頁面上原本填寫好的資料，全部都消失不見。

因為他是從原本的 A 頁轉到新的 A 頁，所以在原本的 A 頁填好的資料理所當然就不見了。

（同一條溪流，這一秒的水流跟下一秒的水流是不一樣的水流）

Render

只要使用 render 就能解決上述的狀況！

Render 是渲染的意思。

也就是說，render 會渲染指定的畫面，渲染的意思就是原封不動的重新呈現，原本有什麼就給你看什麼。

如果我們把 redirect_to 轉址，改成 render 渲染：

if xxx.save
   (略) 
else
  render :new
end

他就會去渲染 new.html.erb，那只要你在 new 的 view template 畫面上有什麼就渲染什麼，輸入在表格上的資料就不會消失了。

因為不像轉址是到一個全新的頁面。

Render Partial

Render partial 稱為局部渲染，是 render 的其他功能，它可以把每個內容重複的 view template html.erb 進行整合，將重複的內容，整理到一份命名規則為 _xxxx.html.erb 的檔案裡（第一個底線必備）。

通常在 Rails 裡，new 跟 edit 的 html.erb 會有一樣的表格：


/views/article/new.html.erb
<h1>新增</h1>
<%= form_for @article do |form| %>
    ....(略)
<% end %>

/views/article/edit.html.erb
<h1>編輯</h1>
<%= form_for @article do |form| %>
    ....(略)
<% end %>

我們可以把它們重複的部分（表格），整理到 _form.html.erb 然後讓 new.html.erb 跟 edit.html.erb 去渲染 _form.html.erb：

/views/article/_form.html.erb
<%= form_for @article do |form| %>
    ....(略)
<% end %>

/views/article/new.html.erb
<h1>新增</h1>
    
<%= render 'form' %>

/views/article/edit.html.erb
<h1>編輯</h1>
    
<%= render 'form' %>

如此一來便符合 Ruby 的原則：避免重複。

為何稱為局部渲染？

從上面的範例可以知道，new 跟 edit 並不是把自己所有的畫面都渲染了，而是保留了各自不同的部分：

<h1>新增</h1>

<h1>編輯</h1>

並渲染了局部重複的部分：

<%= form_for @article do |form| %>
    ....(略)
<% end %>

Render Partial 彈性大增

在 render partial 的功能裡，還能夠替每個需要的 html.erb 進行渲染客製化，增加渲染的彈性。

/controller/articles_controller.rb
def create
    @article = Article.new(article_params)
    (略)
end

/views/article/_form.html.erb
<%= form_for article do |form| %>
    ....(略)
<% end %>

/views/article/new.html.erb
<h1>新增</h1>
    
<%= render 'form', article = @article %>

/views/article/edit.html.erb
<h1>編輯</h1>
    
<%= render 'form', article = @article %>

將 render 後面多加一個區域變數，並讓實體變數指向該區域變數，用這個實體變數指向區域變數的方法，好讓每個局部渲染的畫面，都能再另外客製化各自需要的東西。

在 class 裡的 action 底下製作需要的實體變數，然後指向區域變數。

#Rails

#Render

Mike的沙龍

1會員

13內容數

留言0

查看全部

發表第一個留言支持創作者！

Mike的沙龍的其他內容

搜尋大對決 Find, Find_by, Where

Find 輸入一個 id 參數後，尋找相對應的一筆資料。在 SQL 的部分：如果 find 找不到相對應的資料時，會跳出兇殘的錯誤訊息： Find_by 輸入一個或多個參數後，找到相對應的一筆資料。在 SQL 的部分： Where 輸入一個或多個參數後，找到相對應的多筆資料。

ActiveModel::ForbiddenAttributesError

避免使用者在資料寫入時，強行新增非官網的資料時，所進行的預設阻擋功能。所以必須新增一個「白名單」，才能正常寫入：寫了這段後，除了 permit 的資料，其他額外的資料都會被過濾掉，不會進來。

MVC

MVC是一套網頁開發的架構流程，代表著從前端到後端的各自分工。 M: Model 多個 model 建立的 tables 們能夠透過 foreign_key 或是 belongs_to / has_one / has_many，將彼此的資料產生關聯。 V: View C: Controller

&: and &. in Ruby

直接來看範例吧

Code創作心法：SLR

　　一切的重點就是在利用文字排版與語言解構使程式碼more「readable」　　範例如下列網址，有興趣深入了解可進去觀看

model關聯的失敗異常

1. p1 = Product.new(name:"衛生紙") 接著執行 p1.stores = s1 卻出現 undefined method "each"的錯誤訊息。(如下圖一) 解決方法：強制給實體掛上store_id 接下來處理Product

搜尋大對決 Find, Find_by, Where

ActiveModel::ForbiddenAttributesError

MVC

&: and &. in Ruby

直接來看範例吧

Code創作心法：SLR

　　一切的重點就是在利用文字排版與語言解構使程式碼more「readable」　　範例如下列網址，有興趣深入了解可進去觀看

model關聯的失敗異常

1. p1 = Product.new(name:"衛生紙") 接著執行 p1.stores = s1 卻出現 undefined method "each"的錯誤訊息。(如下圖一) 解決方法：強制給實體掛上store_id 接下來處理Product

你可能也想看

Google News 追蹤

Min 投資說書小棧

2024/12/08

台美股定期定額功能分享：以國泰世華 CUBE App 為例

本文探討了複利效應的重要性，並藉由巴菲特的投資理念，說明如何選擇穩定產生正報酬的資產及長期持有的核心理念。透過定期定額的投資方式，不僅能減少情緒影響，還能持續參與全球股市的發展。此外，文中介紹了使用國泰 Cube App 的便利性及低手續費，幫助投資者簡化投資流程，達成長期穩定增長的財務目標。

#定期定額 #投資 #國泰CUBEApp

2024/06/14

Top3 Melbourne 墨爾本住宿墨爾本自由行必住

對於第一次墨爾本自由行的人，我很推薦你們選墨爾本中央商業區 Melbourne CBD。這裡是我覺得最理想的墨爾本住宿地點，因為景點很集中、交通十分方便、生活設施也非常豐富，很多墨爾本飯店和公寓酒店都集中在這裡

#墨爾本自由行 #墨爾本 #墨爾本住宿

AsiaYo

2024/06/13

【TOP3日本北陸鐵道跟團主題推薦】鐵道迷超推的北陸鐵道賞楓跟團！搭乘黑部峽谷鐵道，欣賞紅葉峽谷之美

連鐵道迷都讚不絕口的日本北陸鐵道旅行團，除了搭乘黑部立山的鐵道之外，剛好又碰上紅葉季，放眼望去享受被紅葉包圍的特殊體驗，非常適合拍照，怎麼拍都有網美的感覺！這麼棒的日本跟團旅遊，就讓AsiaYo幫各位好好介紹一下日本北陸鐵道跟團旅遊的魅力吧~

#日本北陸鐵道跟團 #日本跟團旅遊 #北路精選跟團旅遊

AsiaYo

2024/06/13

【TOP3日本東北賞楓旅行團懶人包】錯過不再的日本東北賞楓跟團，走訪東北賞楓必去景點！

想去日本跟團旅遊的朋友們，還沒有決定好要取哪個地方旅遊嗎？那非常推薦各位選擇日本東北賞楓經典跟團！除了可以搭乘纜車欣賞到滿山滿谷的紅葉，日本東北的自然景觀更是一絕！接下來就跟著AsiaYo一起來看看有那些推薦的日本東北優質行程吧~ 🍁東北經典賞楓跟團行程推薦【東北賞楓】楓染奧入瀨溪、賞楓鐵道

#日本東北賞楓旅行團 #日本賞楓旅遊團推薦 #日本東北跟團行程

AsiaYo

2024/06/13

【TOP3越南富國島熱門跟團行程指南】網友大推的富國島跟團旅遊！超美五星級渡假村，體驗南島浮潛秘境

走走走～又到了大家出國的旺季，你有打算到哪裡出國旅遊嗎～若還沒有想法也沒關係，今天AsiaYo帶來了目前正夯的跟團旅遊，就是我們越南富國島旅行團！在富國島不僅可以體驗潛水的樂趣，搭乘纜車享受一望無際的美麗海景，還有各種主題樂園，不僅小朋友喜愛，連大人也為之瘋狂，究竟富國島魅力何在？就讓AsiaYo來

#越南富國島熱門跟團行程 #越南跟團行程推薦 #富國島玩水旅遊團

AsiaYo

2024/06/10