-
Notifications
You must be signed in to change notification settings - Fork 0
/
layouts_and_rendering.html
1554 lines (1419 loc) · 76.1 KB
/
layouts_and_rendering.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Rails 算繪與版型 — Ruby on Rails 指南</title>
<meta name="description" content="Ruby on Rails 指南:系統學習 Rails(Rails 4.2 版本)" >
<meta name="keywords" content="Ruby on Rails Guides 指南 中文 學習 免費 網路 Web 開發" >
<meta name="author" content="http://git.io/G_R1sA">
<meta property="fb:admins" content="1340181291">
<meta property="og:title" content="Rails 算繪與版型 — Ruby on Rails 指南" >
<meta property="og:site_name" content="Ruby on Rails 指南">
<meta property="og:image" content="http://rails.ruby.tw/images/rails_guides_cover.jpg">
<meta property="og:url" content="http://rails.ruby.tw/">
<meta property="og:type" content="article">
<meta property="og:description" content="Ruby on Rails 指南:系統學習 Rails(Rails 4.2 版本)">
<link rel="stylesheet" href="stylesheets/application.css">
<link href="http://fonts.googleapis.com/css?family=Noto+Sans:400,700|Noto+Serif:700|Source+Code+Pro" rel="stylesheet">
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
</head>
<body class="guide">
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh-TW/sdk.js#xfbml=1&appId=837401439623727&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
window.twttr=(function(d,s,id){var t,js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id)){return}js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);return window.twttr||(t={_e:[],ready:function(f){t._e.push(f)}})}(document,"script","twitter-wjs"));
</script>
<div id="topNav">
<div class="wrapper">
<strong class="more-info-label">更多內容 <a href="http://rubyonrails.org/">rubyonrails.org:</a></strong>
<span class="red-button more-info-button">
更多內容
</span>
<ul class="more-info-links s-hidden">
<li class="more-info"><a href="http://rubyonrails.org/">綜覽</a></li>
<li class="more-info"><a href="http://rubyonrails.org/download">下載</a></li>
<li class="more-info"><a href="http://rubyonrails.org/deploy">部署</a></li>
<li class="more-info"><a href="https://github.com/rails/rails">原始碼</a></li>
<li class="more-info"><a href="http://rubyonrails.org/screencasts">影片</a></li>
<li class="more-info"><a href="http://rubyonrails.org/documentation">文件</a></li>
<li class="more-info"><a href="http://rubyonrails.org/community">社群</a></li>
<li class="more-info"><a href="http://weblog.rubyonrails.org/">Blog</a></li>
</ul>
</div>
</div>
<div id="header">
<div class="wrapper clearfix">
<h1><a href="index.html" title="回首頁">Guides.rubyonrails.org</a></h1>
<ul class="nav">
<li><a class="nav-item" href="index.html">首頁</a></li>
<li class="guides-index guides-index-large">
<a href="index.html" id="guidesMenu" class="guides-index-item nav-item">指南目錄</a>
<div id="guides" class="clearfix" style="display: none;">
<hr>
<dl class="L">
<dt>起步走</dt>
<dd><a href="getting_started.html">Rails 起步走</a></dd>
<dt>Models</dt>
<dd><a href="active_record_basics.html">Active Record 基礎</a></dd>
<dd><a href="active_record_migrations.html">Active Record 遷移</a></dd>
<dd><a href="active_record_validations.html">Active Record 驗證</a></dd>
<dd><a href="active_record_callbacks.html">Active Record 回呼</a></dd>
<dd><a href="association_basics.html">Active Record 關聯</a></dd>
<dd><a href="active_record_querying.html">Active Record 查詢</a></dd>
<dt>Views</dt>
<dd><a href="layouts_and_rendering.html">Rails 算繪與版型</a></dd>
<dd><a href="form_helpers.html">Action View 表單輔助方法</a></dd>
<dt>Controllers</dt>
<dd><a href="action_controller_overview.html">Action Controller 綜覽</a></dd>
<dd><a href="routing.html">Rails 路由:深入淺出</a></dd>
</dl>
<dl class="R">
<dt>深入了解</dt>
<dd><a href="active_support_core_extensions.html">Active Support 核心擴展</a></dd>
<dd><a href="i18n.html">Rails 國際化 API</a></dd>
<dd><a href="action_mailer_basics.html">Action Mailer 基礎</a></dd>
<dd><a href="active_job_basics.html">Active Job 基礎</a></dd>
<dd><a href="security.html">Rails 安全指南</a></dd>
<dd><a href="debugging_rails_applications.html">除錯 Rails 應用程式</a></dd>
<dd><a href="configuring.html">Rails 應用程式設定</a></dd>
<dd><a href="command_line.html">Rake 任務與 Rails 命令列工具</a></dd>
<dd><a href="asset_pipeline.html">Asset Pipeline</a></dd>
<dd><a href="working_with_javascript_in_rails.html">在 Rails 使用 JavaScript</a></dd>
<dd><a href="constant_autoloading_and_reloading.html">Constant Autoloading and Reloading</a></dd>
<dt>擴充 Rails</dt>
<dd><a href="rails_on_rack.html">Rails on Rack</a></dd>
<dd><a href="generators.html">客製與新建 Rails 產生器</a></dd>
<dd><a href="rails_application_templates.html">Rails 應用程式模版</a></dd>
<dt>貢獻 Ruby on Rails</dt>
<dd><a href="contributing_to_ruby_on_rails.html">貢獻 Ruby on Rails</a></dd>
<dd><a href="api_documentation_guidelines.html">API 文件準則</a></dd>
<dd><a href="ruby_on_rails_guides_guidelines.html">Ruby on Rails 指南準則</a></dd>
<dt>維護方針</dt>
<dd><a href="maintenance_policy.html">維護方針</a></dd>
<dt>發佈記</dt>
<dd><a href="upgrading_ruby_on_rails.html">升級 Ruby on Rails</a></dd>
<dd><a href="4_2_release_notes.html">Ruby on Rails 4.2 發佈記</a></dd>
<dd><a href="4_1_release_notes.html">Ruby on Rails 4.1 發佈記</a></dd>
<dd><a href="4_0_release_notes.html">Ruby on Rails 4.0 發佈記</a></dd>
<dd><a href="3_2_release_notes.html">Ruby on Rails 3.2 發佈記</a></dd>
<dd><a href="3_1_release_notes.html">Ruby on Rails 3.1 發佈記</a></dd>
<dd><a href="3_0_release_notes.html">Ruby on Rails 3.0 發佈記</a></dd>
<dd><a href="2_3_release_notes.html">Ruby on Rails 2.3 發佈記</a></dd>
<dd><a href="2_2_release_notes.html">Ruby on Rails 2.2 發佈記</a></dd>
<dt>Rails 指南翻譯術語</dt>
<dd><a href="translation_terms.html">翻譯術語</a></dd>
</dl>
</div>
</li>
<li><a class="nav-item" href="//github.com/docrails-tw/guides">貢獻翻譯</a></li>
<li><a class="nav-item" href="contributing_to_ruby_on_rails.html">貢獻</a></li>
<li><a class="nav-item" href="credits.html">致謝</a></li>
<li class="guides-index guides-index-small">
<select class="guides-index-item nav-item">
<option value="index.html">指南目錄</option>
<optgroup label="起步走">
<option value="getting_started.html">Rails 起步走</option>
</optgroup>
<optgroup label="Models">
<option value="active_record_basics.html">Active Record 基礎</option>
<option value="active_record_migrations.html">Active Record 遷移</option>
<option value="active_record_validations.html">Active Record 驗證</option>
<option value="active_record_callbacks.html">Active Record 回呼</option>
<option value="association_basics.html">Active Record 關聯</option>
<option value="active_record_querying.html">Active Record 查詢</option>
</optgroup>
<optgroup label="Views">
<option value="layouts_and_rendering.html">Rails 算繪與版型</option>
<option value="form_helpers.html">Action View 表單輔助方法</option>
</optgroup>
<optgroup label="Controllers">
<option value="action_controller_overview.html">Action Controller 綜覽</option>
<option value="routing.html">Rails 路由:深入淺出</option>
</optgroup>
<optgroup label="深入了解">
<option value="active_support_core_extensions.html">Active Support 核心擴展</option>
<option value="i18n.html">Rails 國際化 API</option>
<option value="action_mailer_basics.html">Action Mailer 基礎</option>
<option value="active_job_basics.html">Active Job 基礎</option>
<option value="security.html">Rails 安全指南</option>
<option value="debugging_rails_applications.html">除錯 Rails 應用程式</option>
<option value="configuring.html">Rails 應用程式設定</option>
<option value="command_line.html">Rake 任務與 Rails 命令列工具</option>
<option value="asset_pipeline.html">Asset Pipeline</option>
<option value="working_with_javascript_in_rails.html">在 Rails 使用 JavaScript</option>
<option value="constant_autoloading_and_reloading.html">Constant Autoloading and Reloading</option>
</optgroup>
<optgroup label="擴充 Rails">
<option value="rails_on_rack.html">Rails on Rack</option>
<option value="generators.html">客製與新建 Rails 產生器</option>
<option value="rails_application_templates.html">Rails 應用程式模版</option>
</optgroup>
<optgroup label="貢獻 Ruby on Rails">
<option value="contributing_to_ruby_on_rails.html">貢獻 Ruby on Rails</option>
<option value="api_documentation_guidelines.html">API 文件準則</option>
<option value="ruby_on_rails_guides_guidelines.html">Ruby on Rails 指南準則</option>
</optgroup>
<optgroup label="維護方針">
<option value="maintenance_policy.html">維護方針</option>
</optgroup>
<optgroup label="發佈記">
<option value="upgrading_ruby_on_rails.html">升級 Ruby on Rails</option>
<option value="4_2_release_notes.html">Ruby on Rails 4.2 發佈記</option>
<option value="4_1_release_notes.html">Ruby on Rails 4.1 發佈記</option>
<option value="4_0_release_notes.html">Ruby on Rails 4.0 發佈記</option>
<option value="3_2_release_notes.html">Ruby on Rails 3.2 發佈記</option>
<option value="3_1_release_notes.html">Ruby on Rails 3.1 發佈記</option>
<option value="3_0_release_notes.html">Ruby on Rails 3.0 發佈記</option>
<option value="2_3_release_notes.html">Ruby on Rails 2.3 發佈記</option>
<option value="2_2_release_notes.html">Ruby on Rails 2.2 發佈記</option>
</optgroup>
<optgroup label="Rails 指南翻譯術語">
<option value="translation_terms.html">翻譯術語</option>
</optgroup>
</select>
</li>
</ul>
</div>
</div>
</div>
<hr class="hide">
<div id="feature">
<div class="wrapper">
<h2>Rails 算繪與版型</h2><p>本篇介紹 Action Controller 與 Action View 關於版型的基本功能</p><p>讀完本篇,您將了解:</p>
<ul>
<li>如何使用 Rails 內建的算繪方法。</li>
<li>如何建立有多個內容區域的版型(Layout)。</li>
<li>如何使用局部頁面(Partial)來避免重複。</li>
<li>如何使用嵌套版型(子模版)。</li>
</ul>
<div id="subCol">
<h3 class="chapter"><img src="images/chapters_icon.gif" alt="" />Chapters</h3>
<ol class="chapters">
<li><a href="#%E7%B6%9C%E8%A6%BD%EF%BC%9Amvc-%E5%8D%94%E5%90%8C%E5%90%88%E4%BD%9C">綜覽:MVC 協同合作</a></li>
<li>
<a href="#%E5%BB%BA%E7%AB%8B%E9%9F%BF%E6%87%89">建立響應</a>
<ul>
<li><a href="#%E9%A0%90%E8%A8%AD%E7%AE%97%E7%B9%AA%EF%BC%9A%E6%85%A3%E4%BE%8B%E5%8B%9D%E6%96%BC%E8%A8%AD%E5%AE%9A%E7%9A%84%E5%AF%A6%E8%B8%90">預設算繪:慣例勝於設定的實踐</a></li>
<li><a href="#%E4%BD%BF%E7%94%A8-render">使用 <code>render</code></a></li>
<li><a href="#%E4%BD%BF%E7%94%A8-redirect-to">使用 <code>redirect_to</code></a></li>
<li><a href="#%E4%BD%BF%E7%94%A8-head-%E4%BE%86%E5%BB%BA%E7%AB%8B%E5%8F%AA%E5%90%AB%E6%A8%99%E9%A0%AD%E7%9A%84%E9%9F%BF%E6%87%89">使用 <code>head</code> 來建立只含標頭的響應</a></li>
</ul>
</li>
<li>
<a href="#%E7%B5%84%E7%B9%94%E7%89%88%E5%9E%8B">組織版型</a>
<ul>
<li><a href="#asset-tag-%E8%BC%94%E5%8A%A9%E6%96%B9%E6%B3%95">Asset Tag 輔助方法</a></li>
<li><a href="#%E7%90%86%E8%A7%A3-yield">理解 <code>yield</code></a></li>
<li><a href="#%E4%BD%BF%E7%94%A8-content-for-%E6%96%B9%E6%B3%95">使用 <code>content_for</code> 方法</a></li>
<li><a href="#%E4%BD%BF%E7%94%A8%E5%B1%80%E9%83%A8%E9%A0%81%E9%9D%A2">使用局部頁面</a></li>
<li><a href="#using-nested-layouts">Using Nested Layouts</a></li>
</ul>
</li>
</ol>
</div>
</div>
</div>
<div id="container">
<div class="wrapper">
<div id="mainCol">
<h3 id="綜覽:mvc-協同合作">1 綜覽:MVC 協同合作</h3><p>本篇著重介紹 MVC 架構中,Controller 與 View 之間的互動關係。Controller 負責策劃處理請求(Request)的整個過程,但通常會把複雜的事情交給 Model 處理;要把響應(Response)回給使用者時,Controller 把事情交給 View 處理。Controller 如何將工作派給別人便是本篇要介紹的主題。</p><p>更完整的說,這個過程包含了,響應要傳送什麼內容,要呼叫那些方法來建立響應。如果響應是完整的 View,Rails 會做些額外工作,譬如會把 View 放到版型裡,或是把某個局部頁面加進來。本篇之後會完整介紹這整個過程。</p><h3 id="建立響應">2 建立響應</h3><p>從 Controller 的觀點來看,有三種方法可以建立 HTTP 響應:</p>
<ul>
<li>呼叫 <code>render</code> 方法,建立完整響應給瀏覽器。</li>
<li>呼叫 <code>redirect_to</code> 方法,來寄送 HTTP 轉址狀態給瀏覽器。</li>
<li>呼叫 <code>head</code> 方法,來建立只有 HTTP 標頭的響應給瀏覽器。</li>
</ul>
<h4 id="預設算繪:慣例勝於設定的實踐">2.1 預設算繪:慣例勝於設定的實踐</h4><p>你可能聽說過,Rails 遵行“慣例勝於設定”的原則。Rails 預設的算繪功能便是一個很好的例子。Controller 預設會算繪與路由同名的 View。舉例來說,若 <code>BooksController</code> 有如下程式:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class BooksController < ApplicationController
end
</pre>
</div>
<p>而路由檔案裡有:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
resources :books
</pre>
</div>
<p>並有 View <code>app/views/books/index.html.erb</code>:</p><div class="code_container">
<pre class="brush: plain; gutter: false; toolbar: false">
<h1>Books are coming soon!</h1>
</pre>
</div>
<p>則當你瀏覽 <code>/books</code> 時,Rails 會自動算繪 <code>app/views/books/index.html.erb</code> 這一頁。你會看到網頁裡顯示了 <code>"Books are coming soon!</code>。</p><p>然而只顯示 coming soon 的頁面沒有太大用處,很快的便會建立 <code>Book</code> Model,並給 <code>BooksController</code> 加入 <code>index</code> 動作:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class BooksController < ApplicationController
def index
@books = Book.all
end
end
</pre>
</div>
<p>注意到,基於“慣例勝於設定”原則,在 <code>index</code> 動作結尾並沒有明確執行“算繪”這個動作。這裡的慣例是,即便沒有在 Controller 動作結尾明確指定要“算繪”的頁面,Rails 也會自動在 Controller 的 View 路徑尋找 <code>action_name.html.erb</code> 模版,並算繪之。所以這個情況裡,Rails 會自動算繪 <code>app/views/books/index.html.erb</code>。</p><p>若想在 View 裡顯示所有書本的資訊,ERB 可以這麼寫:</p><div class="code_container">
<pre class="brush: plain; gutter: false; toolbar: false">
<h1>Listing Books</h1>
<table>
<tr>
<th>Title</th>
<th>Summary</th>
<th></th>
<th></th>
<th></th>
</tr>
<% @books.each do |book| %>
<tr>
<td><%= book.title %></td>
<td><%= book.content %></td>
<td><%= link_to "Show", book %></td>
<td><%= link_to "Edit", edit_book_path(book) %></td>
<td><%= link_to "Remove", book, method: :delete, data: { confirm: "Are you sure?" } %></td>
</tr>
<% end %>
</table>
<br>
<%= link_to "New book", new_book_path %>
</pre>
</div>
<div class="note"><p>實際的算繪工作是由 <code>ActionView::TemplateHandlers</code> 的子類完成。本篇不深入探討整個過程,但有一點很重要,就是 View 的副檔名,決定了使用的模版處理器。從 Rails 2 起,Rails 標準的模版處理器是 ERB,副檔名是 <code>.erb</code>;另一個是 Builder(XML 產生器),副檔名是 <code>.builder</code> 。</p></div><h4 id="使用-render">2.2 使用 <code>render</code>
</h4><p>在多數情況下,<code>ActionController::Base#render</code> 方法,負責把應用程式要傳給瀏覽器的內容算繪好。<code>render</code> 的行為有多種方法可以客製化。可以給 Rails 的模版算繪預設的 View,或是算繪某個特定的模版,檔案,甚至是一段程式碼,或者什麼都不算繪,都可以。可以算繪純文字內容、JSON 或 XML。也可以指定 Content Type、HTTP 狀態碼等。</p><div class="info"><p>若想不在瀏覽器,來看 <code>render</code> 方法的算繪結果,可以呼叫 <code>render_to_string</code>。這個方法接受的參數和 <code>render</code> 一樣,但回傳的是字串,而不是一般要回給瀏覽器的響應。</p></div><h5 id="什麼都不算繪">2.2.1 什麼都不算繪</h5><p>也許最簡單的 <code>render</code> 便是什麼也不算繪:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render nothing: true
</pre>
</div>
<p>若使用 cURL 來檢視響應,會看到如下輸出:</p><div class="code_container">
<pre class="brush: plain; gutter: false; toolbar: false">
$ curl -i 127.0.0.1:3000/books
HTTP/1.1 200 OK
Connection: close
Date: Sun, 24 Jan 2010 09:25:18 GMT
Transfer-Encoding: chunked
Content-Type: */*; charset=utf-8
X-Runtime: 0.014297
Set-Cookie: _blog_session=...snip...; path=/; HttpOnly
Cache-Control: no-cache
$
</pre>
</div>
<p>可以看到一個空的響應(<code>Cache-Control</code> 之後沒有資料),但請求本身是成功的,因為 Rails 將響應的狀態設為 <code>200 OK</code>。可以透過 <code>render</code> 的 <code>:status</code> 選項來更改響應的狀態碼。“什麼都不算繪”對於 Ajax 的請求很有用,因為只是要跟瀏覽器確認請求已完成。</p><div class="info"><p>應該要使用 <code>header</code> 方法,而不是 <code>render :nothing</code>,本篇稍後會介紹。<code>head</code> 的靈活性更高,明確的指定只需要產生 HTTP 標頭。</p></div><h5 id="算繪動作的-view">2.2.2 算繪動作的 View</h5><p>若想在 Controller 算繪不同的模版,可以使用 <code>render</code>,指定模版的名稱:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def update
@book = Book.find(params[:id])
if @book.update(book_params)
redirect_to(@book)
else
render "edit"
end
end
</pre>
</div>
<p>若 <code>update</code> 動作失敗,則 Controller 會 <code>render</code> Controller 的 <code>edit.html.erb</code> 模版。</p><p>可以使用符號來明確指定要算繪的動作,字串是用來指定模版。</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def update
@book = Book.find(params[:id])
if @book.update(book_params)
redirect_to(@book)
else
render :edit
end
end
</pre>
</div>
<h5 id="從別的-controller-算繪模版">2.2.3 從別的 Controller 算繪模版</h5><p>要是想從別的 Controller 算繪別的 Controller 的模版怎麼辦?也可以使用 <code>render</code> 來達成,傳入要算繪模版的(相對於 <code>app/views</code>)路徑即可。舉例來說,<code>AdminProductsController</code> 放在 <code>app/controllers/admin</code>,想在 <code>AdminProductsController</code> 算繪 <code>app/views/products</code> 的模版可以這麼做:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render "products/show"
</pre>
</div>
<p>Rails 會發現這個 View 屬於不同的 Controller,因為字串裡有斜線 <code>/</code>。若想更明確,可以用 <code>:template</code> 選項(Rails 2.2 之後):</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render template: "products/show"
</pre>
</div>
<h5 id="算繪任何檔案">2.2.4 算繪任何檔案</h5><p><code>render</code> 方法也接受在應用程式外的 View(也許是兩個 Rails 應用程式之間共享的 View):</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render "/u/apps/warehouse_app/current/app/views/products/show"
</pre>
</div>
<p>Rails 知道這要算繪的是檔案,因為字串開頭有一個斜線。更明確一點可以用 <code>:file</code> 選項指定(Rails 2.2 之後):</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render file: "/u/apps/warehouse_app/current/app/views/products/show"
</pre>
</div>
<p><code>:file</code> 選項接受系統的絕對路徑,要算繪的檔案必須要有權限才行。</p><div class="note"><p>檔案預設使用當下的模版進行算繪。</p></div><div class="info"><p>若想在 Microsoft Windows 執行 Rails,要算繪檔案必須要使用 <code>:file</code> 選項,因為 Windows 的檔名跟 Unix 的檔名格式不同。</p></div><h5 id="總結">2.2.5 總結</h5><p>上述三種算繪方法(算繪模版、算繪別的 Controller 的模版、算繪檔案)實際上都是同種動作的不同表現方式。</p><p>實際上,在 <code>BooksController</code> 類別裡,在 <code>update</code> 動作裡,書本更新失敗時,我們想算繪 <code>edit</code> 模版。以下的呼叫都會算繪 <code>app/views/books</code> 目錄下的 <code>edit.html.erb</code>:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render :edit
render action: :edit
render "edit"
render "edit.html.erb"
render action: "edit"
render action: "edit.html.erb"
render "books/edit"
render "books/edit.html.erb"
render template: "books/edit"
render template: "books/edit.html.erb"
render "/path/to/rails/app/views/books/edit"
render "/path/to/rails/app/views/books/edit.html.erb"
render file: "/path/to/rails/app/views/books/edit"
render file: "/path/to/rails/app/views/books/edit.html.erb"
</pre>
</div>
<p>用那一種完全取決於風格與慣例,但最佳實踐表示,用最能反映出程式實際情況的最簡形式最好。</p><h5 id="使用-render-的-inline-選項">2.2.6 使用 <code>render</code> 的 <code>:inline</code> 選項</h5><p><code>render</code> 方法完全可以不使用 View 模版。使用 <code>:inline</code> 選項(“內聯算繪”),提供一段 ERB 程式碼即可。以下是完全合法的呼叫:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render inline: "<% products.each do |p| %><p><%= p.name %></p><% end %>"
</pre>
</div>
<div class="warning"><p>這個選項很少有用它的好理由。把 ERB 混入 Controller 違反了 Rails 的 MVC 原則,這也讓一起開發的開發者,更難理解專案的邏輯。把要算繪的內容放到另一個 ERB 模版比較好。</p></div><p>預設的“內聯算繪”使用 ERB 作為模版。可以使用 <code>:type</code> 來指定別的模版處理器,譬如使用 Builder:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render inline: "xml.p {'Horrid coding practice!'}", type: :builder
</pre>
</div>
<h5 id="算繪純文字">2.2.7 算繪純文字</h5><p>要給瀏覽器發純文字,不含標記語言。使用 <code>render</code> 的 <code>:plain</code> 選項:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render plain: "OK"
</pre>
</div>
<div class="info"><p>算繪純文字最主要的用途是回應 Ajax ,或只需要回純文字的 Web Service。</p></div><div class="note"><p>若使用了 <code>:plain</code> 選項,文字算繪時不會使用版型。若想 Rails 將算繪的純文字放入版型,需要加上 <code>layout: true</code> 選項。</p></div><h5 id="算繪-html">2.2.8 算繪 HTML</h5><p>給瀏覽器發 HTML,使用 <code>render</code> 的 <code>:html</code> 選項:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render html: "<strong>Not Found</strong>".html_safe
</pre>
</div>
<div class="info"><p>要算繪一小段 HTML 可能有用。稍微複雜點可能就考慮放到單獨的檔案裡比較好。</p></div><div class="note"><p>若字串不是 HTML 安全的,會自動對 HTML 進行跳脫字元處理。</p></div><h5 id="算繪-json">2.2.9 算繪 JSON</h5><p>JSON 是一種許多 Ajax 函式庫採用的 JavaScript 資料格式。Rails 原生支援物件到 JSON 的轉換,並將 JSON 算繪完回給瀏覽器:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render json: @product
</pre>
</div>
<div class="info"><p>不需要對要算繪的物件呼叫 <code>to_json</code>。使用了 <code>:json</code> 選項自動會對物件呼叫 <code>to_json</code>。</p></div><h5 id="算繪-xml">2.2.10 算繪 XML</h5><p>Rails 也內建轉換物件到 XML、XML 回給呼叫者的支援:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render xml: @product
</pre>
</div>
<div class="info"><p>不需要對要算繪的物件呼叫 <code>to_xml</code>。使用了 <code>:json</code> 選項自動會對物件呼叫 <code>to_xml</code>。</p></div><h5 id="算繪純-javascript">2.2.11 算繪純 JavaScript</h5><p>Rails 可以算繪純 JavaScript:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render js: "alert('Hello Rails');"
</pre>
</div>
<p>這會把 MIME 類型設定為 <code>text/javascript</code>,再將字串傳給瀏覽器,</p><h5 id="算繪未經處理的內容">2.2.12 算繪未經處理的內容</h5><p>可以使用 <code>render</code> 的 <code>:body</code> 選項,把未經處理的內容發給瀏覽器,而無需設定 Content-Type:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render body: "raw"
</pre>
</div>
<div class="info"><p>這個選項應該在不在意響應的 Content-Type 時使用。使用 <code>:plain</code> 或 <code>:html</code> 在多數情況下更合理。</p></div><div class="note"><p>使用 <code>:body</code> 選項,響應的內容類型會是 <code>text/html</code>,這是 Action Dispatch 響應預設的 Content-Type。</p></div><h5 id="render-接受的選項">2.2.13 <code>render</code> 接受的選項</h5><p><code>render</code> 方法一般接受下列四個選項:</p>
<ul>
<li><code>:content_type</code></li>
<li><code>:layout</code></li>
<li><code>:location</code></li>
<li><code>:status</code></li>
</ul>
<h6 id="content-type-選項">2.2.13.1 <code>:content_type</code> 選項</h6><p>Rails 算繪操作預設的 MIME Content-Type 為 <code>text/html</code>(若用了 <code>:json</code> 選項,則為 <code>application/json</code>;<code>:xml</code> 選項為 <code>application/xml</code>)。有時候會想要修改 Content-Type,可以使用 <code>:content_type</code> 選項來設定:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render file: filename, content_type: "application/rss"
</pre>
</div>
<h6 id="layout-選項">2.2.13.2 <code>:layout</code> 選項</h6><p><code>render</code> 方法多數的選項,都會把內容顯示到目前的版型裡。後面會更詳細介紹版型、版型如何使用。</p><p>用 <code>:layout</code> 選項指定動作要使用的版型:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render layout: "special_layout"
</pre>
</div>
<p>也可以停用版型:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render layout: false
</pre>
</div>
<h6 id="location-選項">2.2.13.3 <code>:location</code> 選項</h6><p>可以使用 <code>:location</code> 選項設定 HTTP 標頭的 <code>Location</code>:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render xml: photo, location: photo_url(photo)
</pre>
</div>
<h6 id="status-選項">2.2.13.4 <code>:status</code> 選項</h6><p>Rails 會自動給響應產生正確的 HTTP 狀態碼(多數情況是 <code>200 OK</code>),可以用 <code>:status</code> 選項來修改:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
render status: 500
render status: :forbidden
</pre>
</div>
<p>可以用數字或是符號指定 HTTP 狀態碼:</p>
<table>
<thead>
<tr>
<th>響應類別</th>
<th>HTTP 狀態碼</th>
<th>符號</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>資訊</strong></td>
<td>100</td>
<td><code>:continue</code></td>
</tr>
<tr>
<td></td>
<td>101</td>
<td><code>:switching_protocols</code></td>
</tr>
<tr>
<td></td>
<td>102</td>
<td><code>:processing</code></td>
</tr>
<tr>
<td><strong>成功</strong></td>
<td>200</td>
<td><code>:ok</code></td>
</tr>
<tr>
<td></td>
<td>201</td>
<td><code>:created</code></td>
</tr>
<tr>
<td></td>
<td>202</td>
<td><code>:accepted</code></td>
</tr>
<tr>
<td></td>
<td>203</td>
<td><code>:non_authoritative_information</code></td>
</tr>
<tr>
<td></td>
<td>204</td>
<td><code>:no_content</code></td>
</tr>
<tr>
<td></td>
<td>205</td>
<td><code>:reset_content</code></td>
</tr>
<tr>
<td></td>
<td>206</td>
<td><code>:partial_content</code></td>
</tr>
<tr>
<td></td>
<td>207</td>
<td><code>:multi_status</code></td>
</tr>
<tr>
<td></td>
<td>208</td>
<td><code>:already_reported</code></td>
</tr>
<tr>
<td></td>
<td>226</td>
<td><code>:im_used</code></td>
</tr>
<tr>
<td><strong>重新導向</strong></td>
<td>300</td>
<td><code>:multiple_choices</code></td>
</tr>
<tr>
<td></td>
<td>301</td>
<td><code>:moved_permanently</code></td>
</tr>
<tr>
<td></td>
<td>302</td>
<td><code>:found</code></td>
</tr>
<tr>
<td></td>
<td>303</td>
<td><code>:see_other</code></td>
</tr>
<tr>
<td></td>
<td>304</td>
<td><code>:not_modified</code></td>
</tr>
<tr>
<td></td>
<td>305</td>
<td><code>:use_proxy</code></td>
</tr>
<tr>
<td></td>
<td>306</td>
<td><code>:reserved</code></td>
</tr>
<tr>
<td></td>
<td>307</td>
<td><code>:temporary_redirect</code></td>
</tr>
<tr>
<td></td>
<td>308</td>
<td><code>:permanent_redirect</code></td>
</tr>
<tr>
<td><strong>用戶端錯誤</strong></td>
<td>400</td>
<td><code>:bad_request</code></td>
</tr>
<tr>
<td></td>
<td>401</td>
<td><code>:unauthorized</code></td>
</tr>
<tr>
<td></td>
<td>402</td>
<td><code>:payment_required</code></td>
</tr>
<tr>
<td></td>
<td>403</td>
<td><code>:forbidden</code></td>
</tr>
<tr>
<td></td>
<td>404</td>
<td><code>:not_found</code></td>
</tr>
<tr>
<td></td>
<td>405</td>
<td><code>:method_not_allowed</code></td>
</tr>
<tr>
<td></td>
<td>406</td>
<td><code>:not_acceptable</code></td>
</tr>
<tr>
<td></td>
<td>407</td>
<td><code>:proxy_authentication_required</code></td>
</tr>
<tr>
<td></td>
<td>408</td>
<td><code>:request_timeout</code></td>
</tr>
<tr>
<td></td>
<td>409</td>
<td><code>:conflict</code></td>
</tr>
<tr>
<td></td>
<td>410</td>
<td><code>:gone</code></td>
</tr>
<tr>
<td></td>
<td>411</td>
<td><code>:length_required</code></td>
</tr>
<tr>
<td></td>
<td>412</td>
<td><code>:precondition_failed</code></td>
</tr>
<tr>
<td></td>
<td>413</td>
<td><code>:request_entity_too_large</code></td>
</tr>
<tr>
<td></td>
<td>414</td>
<td><code>:request_uri_too_long</code></td>
</tr>
<tr>
<td></td>
<td>415</td>
<td><code>:unsupported_media_type</code></td>
</tr>
<tr>
<td></td>
<td>416</td>
<td><code>:requested_range_not_satisfiable</code></td>
</tr>
<tr>
<td></td>
<td>417</td>
<td><code>:expectation_failed</code></td>
</tr>
<tr>
<td></td>
<td>422</td>
<td><code>:unprocessable_entity</code></td>
</tr>
<tr>
<td></td>
<td>423</td>
<td><code>:locked</code></td>
</tr>
<tr>
<td></td>
<td>424</td>
<td><code>:failed_dependency</code></td>
</tr>
<tr>
<td></td>
<td>426</td>
<td><code>:upgrade_required</code></td>
</tr>
<tr>
<td></td>
<td>428</td>
<td><code>:precondition_required</code></td>
</tr>
<tr>
<td></td>
<td>429</td>
<td><code>:too_many_requests</code></td>
</tr>
<tr>
<td></td>
<td>431</td>
<td><code>:request_header_fields_too_large</code></td>
</tr>
<tr>
<td><strong>伺服器錯誤</strong></td>
<td>500</td>
<td><code>:internal_server_error</code></td>
</tr>
<tr>
<td></td>
<td>501</td>
<td><code>:not_implemented</code></td>
</tr>
<tr>
<td></td>
<td>502</td>
<td><code>:bad_gateway</code></td>
</tr>
<tr>
<td></td>
<td>503</td>
<td><code>:service_unavailable</code></td>
</tr>
<tr>
<td></td>
<td>504</td>
<td><code>:gateway_timeout</code></td>
</tr>
<tr>
<td></td>
<td>505</td>
<td><code>:http_version_not_supported</code></td>
</tr>
<tr>
<td></td>
<td>506</td>
<td><code>:variant_also_negotiates</code></td>
</tr>
<tr>
<td></td>
<td>507</td>
<td><code>:insufficient_storage</code></td>
</tr>
<tr>
<td></td>
<td>508</td>
<td><code>:loop_detected</code></td>
</tr>
<tr>
<td></td>
<td>510</td>
<td><code>:not_extended</code></td>
</tr>
<tr>
<td></td>
<td>511</td>
<td><code>:network_authentication_required</code></td>
</tr>
</tbody>
</table>
<h5 id="尋找版型">2.2.14 尋找版型</h5><p>Rails 在 <code>app/views/layouts</code> 下尋找與 Controller 同名的檔案作為目前的版型。舉例來說,<code>PhotosController</code> 會使用 <code>app/views/layouts/photos.html.erb</code>(或是 <code>app/views/layouts/photos.builder</code>)。若找不到與 Controller 同名的版型,會使用 <code>app/views/layouts/application.html.erb</code> 或是 <code>app/views/layouts/application.builder</code> 作為版型。若 <code>.erb</code> 版型不存在,Rails 會使用 <code>.builder</code> 版型(如果有的話)。Rails 也提供數種方式用來給 Controller 與動作設定版型。</p><h6 id="給-controller-指定版型">2.2.14.1 給 Controller 指定版型</h6><p>在 Controller 使用 <code>layout</code> 宣告來覆寫預設的版型:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class ProductsController < ApplicationController
layout "inventory"
#...
end
</pre>
</div>
<p>加上這行宣告以後,<code>ProductsController</code> 會使用 <code>app/views/layouts/inventory.html.erb</code> 作為版型。</p><p>要給整個應用程式指定版型,在 <code>ApplicationController</code> 使用 <code>layout</code> 來指定:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class ApplicationController < ActionController::Base
layout "main"
#...
end
</pre>
</div>
<p>加上這行宣告以後,應用程式全都使用 <code>app/views/layouts/main.html.erb</code> 作為版型。</p><h6 id="動態指定版型">2.2.14.2 動態指定版型</h6><p>可以使用符號來推遲版型的選擇,版型會在處理請求時選擇:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class ProductsController < ApplicationController
layout :products_layout
def show
@product = Product.find(params[:id])
end
private
def products_layout
@current_user.special? ? "special" : "products"
end
end
</pre>
</div>
<p>若目前的使用者是一個特殊的使用者,會使用特殊的版型。</p><p>甚至可以使用一個“內聯方法”,比如 <code>Proc</code> 來指定版型。舉例來說,若傳入 <code>Proc</code> 物件,這個 <code>Proc</code> 會傳給 Controller 的實體,版型則可以在當下的請求裡指定:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class ProductsController < ApplicationController
layout Proc.new { |controller| controller.request.xhr? ? "popup" : "application" }
end
</pre>
</div>
<h6 id="條件式版型">2.2.14.3 條件式版型</h6><p>在 Controller 裡指定版型還接受 <code>:only</code> 與 <code>:except</code> 選項。這些選項接受方法名稱、方法名稱組成的陣列。這些名稱對應到 Controller 裡的方法。</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class ProductsController < ApplicationController
layout "product", except: [:index, :rss]
end
</pre>
</div>
<p>加了上面這條宣告後,<code>index</code> 與 <code>rss</code> 會使用 <code>product</code> 版型。</p><h6 id="版型繼承">2.2.14.4 版型繼承</h6><p>版型宣告可以“串接”,會採用最具體的版型指定。舉例來說:</p>
<ul>
<li>
<p><code>application_controller.rb</code></p>
<div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class ApplicationController < ActionController::Base
layout "main"
end
</pre>
</div>
</li>
<li>
<p><code>articles_controller.rb</code></p>
<div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class ArticlesController < ApplicationController
end
</pre>
</div>
</li>
<li>
<p><code>special_articles_controller.rb</code></p>
<div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class SpecialArticlesController < ArticlesController
layout "special"
end
</pre>
</div>
</li>
<li>
<p><code>old_articles_controller.rb</code></p>
<div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
class OldArticlesController < SpecialArticlesController
layout false
def show
@article = Article.find(params[:id])
end
def index
@old_articles = Article.older
render layout: "old"
end
# ...
end
</pre>
</div>
</li>
</ul>
<p>在這個應用程式裡:</p>
<ul>
<li>View 通常會在 <code>main</code> 版型裡算繪。</li>
<li>
<code>ArticlesController#index</code> 會使用 <code>main</code> 版型。</li>
<li>
<code>SpecialArticlesController#index</code> 會使用 <code>special</code> 版型。</li>
<li>
<code>OldArticlesController#show</code> 不會使用任何版型。</li>
<li>
<code>OldArticlesController#index</code> 會使用 <code>old</code> 版型。</li>
</ul>
<h5 id="避免雙重算繪錯誤">2.2.15 避免雙重算繪錯誤</h5><p>多數的 Rails 開發者遲早會看過這個錯誤訊息:"Can only render or redirect once per action"。這個提示雖然很討厭,但也很容易修正。通常的發生原因是不了解 <code>render</code> 的工作原理。</p><p>舉例來說,以下是會觸發此錯誤的程式:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def show
@book = Book.find(params[:id])
if @book.special?
render action: "special_show"
end
render action: "regular_show"
end
</pre>
</div>
<p>若 <code>@book.special?</code> 求值為 <code>true</code>,Rails 會把 <code>@book</code> 變數放到 <code>special_show</code> View 裡算繪。但之後的程式碼還是會執行,會繼續算繪 <code>regular_show</code>,進而造成錯誤。解決方法很簡單,確保程式只會執行一次 <code>render</code> 或是 <code>redirect</code>。或是加上 <code>and return</code>,以下是上面程式的修正版本:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def show
@book = Book.find(params[:id])
if @book.special?
render action: "special_show" and return
end
render action: "regular_show"
end
</pre>
</div>
<p>記得要使用 <code>and return</code> 而不是 <code>&& return</code>,因為 Ruby 運算子優先權的關係,<code>&& return</code> 不會有任何作用。</p><p>注意 <code>ActionController</code> 默認會執行 <code>render</code>,但會先檢查 <code>render</code> 是否有呼叫過,所以下面這段程式不會有錯誤:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def show
@book = Book.find(params[:id])
if @book.special?
render action: "special_show"
end
end
</pre>
</div>
<p>特殊的書會算繪 <code>special_view</code> 模版,而一般的書則會算繪預設的 <code>show</code> 模版。</p><h4 id="使用-redirect-to">2.3 使用 <code>redirect_to</code>
</h4><p>另一種回傳響應給 HTTP 請求的方式是使用 <code>redirect_to</code>。<code>render</code> 告訴 Rails 要用那個 View (或是其他 Asset)來打造響應。而 <code>redirect_to</code> 方法則完全不同,告訴瀏覽器對不同的 URL 發一個新請求。舉例來說,可以在程式碼任何一個地方做轉址,比如轉到 <code>photos</code> 的 <code>index</code>:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
redirect_to photos_url
</pre>
</div>
<p>可以對 <code>redirect_to</code> 使用任何 <code>link_to</code> 或 <code>url_for</code> 也接受的參數。有一個特殊的轉址,會回到使用者到這頁的“前一頁”:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
redirect_to :back
</pre>
</div>
<h5 id="獲得不同的狀態碼">2.3.1 獲得不同的狀態碼</h5><p>當呼叫 <code>redirect_to</code> 時,Rails 使用 HTTP 狀態碼 302,即暫時轉址(temporary redirect)。若想使用不同的狀態碼,譬如 301,永久轉址,可以使用 <code>:status</code> 選項:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
redirect_to photos_path, status: 301
</pre>
</div>
<p>和 <code>render</code> 方法的 <code>:status</code> 選項一樣,<code>redirect_to</code> 的 <code>:status</code> 接受數字與符號來指定狀態碼。</p><h5 id="render-和-redirect-to-的差異">2.3.2 <code>render</code> 和 <code>redirect_to</code> 的差異</h5><p>有時候經驗不足的開發者會認為 <code>redirect_to</code> 是某種 <code>goto</code> 命令,在 Rails 程式裡從一處跳至另一處。<strong>這是不正確的</strong>。<code>redirect_to</code> 方法會讓程式停止執行,等待瀏覽器發起新請求。你需要用 HTTP 302 狀態碼,告訴瀏覽器下個請求是什麼才是。</p><p>考量下面這幾個動作來看出差異:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def index
@books = Book.all
end
def show
@book = Book.find_by(id: params[:id])
if @book.nil?
render action: "index"
end
end
</pre>
</div>
<p>在上面的程式裡,若 <code>@book</code> 的值為 <code>nil</code>,則會有問題。<code>render :action</code> 不會執行 <code>:action</code> 裡的任何程式,因此不會執行 <code>index</code> 裡的 <code>@books = Book.all</code>。解決辦法是使用 <code>redirect_to</code>:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def index
@books = Book.all
end
def show
@book = Book.find_by(id: params[:id])
if @book.nil?
redirect_to action: :index
end
end
</pre>
</div>
<p>程式改成這樣後,瀏覽器會對 <code>index</code> 頁面發一個新的請求,這麼一來便會執行 <code>index</code> 方法裡的程式,一切正常。</p><p>這段程式的唯一缺點是,無法直接跳到 <code>index</code>,需要經過瀏覽器:瀏覽器起初對 <code>show</code> 動作發起 <code>/books/1</code>,Controller 發現找不到該本書(<code>@book.nil?</code>),Controller 傳送 <code>302 redirect response</code> 給瀏覽器,告訴瀏覽器到 <code>/books/</code>,瀏覽器按照要求,對 Controller 對 <code>index</code> 動作發一個新的請求,Controller 從資料庫將所有的書拿來,算繪 <code>index</code> 模版,發回給瀏覽器,最終顯示在螢幕上。</p><p>小的應用程式裡,這加了一些延遲時間(latency),可能沒什麼問題。但如果響應時間很重要,就需要考慮這個問題。以下用一個假設的例子來示範如何處理這個問題:</p><div class="code_container">
<pre class="brush: ruby; gutter: false; toolbar: false">
def index
@books = Book.all
end
def show
@book = Book.find_by(id: params[:id])
if @book.nil?
@books = Book.all
flash.now[:alert] = "Your book was not found"