Ruby on rails vorlesung 4 Rails Views

Ruby on Rails
Dozent
Dipl.-Inf. (FH)
Julian Fischer

Dipl.-Inf. (FH) Julian Fischer - ﬁscher@avarteq.de - www.avarteq.de - www.railshoster.de - www.enterprise-rails.de

1

4. Rails Views


2

4. Rails Views


3

4. Rails Views
shell $> rails view1

...


3

4.1 Was ist eine View?


4

4. Rails Views


5

4. Rails Views
• Textdatei mit eingebettetem Ruby-Code


5

4.2 View Formate


6

4. Rails Views


7

4. Rails Views
• Welches Format kann eine View haben?


7

4. Rails Views
• HTML


7

4. Rails Views
• HTML
• XML


7

4. Rails Views
• HTML
• XML
• JSON


7

4. Rails Views
• HTML
• XML
• JSON
• CSS


7

4. Rails Views
• HTML
• XML
• JSON
• CSS
• ...

7

Einschub

4.3 Was ist JSON?


8

4. Rails Views Einschub


9


• Was ist JSON?


9


• Was ist JSON?
• JavaScript Object Notation


9


• Was ist JSON?
• Datenaustauschformat


9


• Was ist JSON?
• Für Mensch leicht lesbar


9


• Was ist JSON?
• Für Mensch leicht lesbar
• Für Maschine leicht zu parsen


9



10


• JSON Beispiel (Quelle: Wikipedia)


10


• JSON Beispiel (Quelle: Wikipedia)
{
"Kreditkarte" : "Xema",
"Nummer" : "1234-5678-9012-3456",
"Inhaber" : {
"Name" : "Reich",
"Vorname" : "Rainer",
"Geschlecht" : ""männlich"",
"Vorlieben" : [
"Reiten",
"Schwimmen",
"Lesen"
],
"Alter" : null
},
"Deckung" : 1e+6,
"Währung" : "EURO"
}


10

Einschub

4.4 ERB


11

4. Rails Views


12

4. Rails Views
<h1>Editing student</h1>

<%= error_messages_for :student %>

<% form_for(:student, :url => student_path(@student),
:html => { :method => :put }) do |f| %>

<%= render :partial => 'form', :locals => { :f => f } %>

<p>
<%= submit_tag "Update" %>
</p>
<% end %>

<%= link_to 'Show', student_path(@student) %> |
<%= link_to 'Back', students_path %>


12

4. Rails Views


13

4. Rails Views
<h2>Folien der Vorlesung Rechnerarchitektur</h2>

<div id="getting-started">

<ol>
<% for i in 1..6 do %>
<li>
Open Office: <a href="/folien/dfhi_ra_ws_2007_2008_00<%= i.to_s %>.odp">dfhi_ra_ws_2007_2008_00<%= i.to_s %>.odp</a>
<br/>
PDF: <a href="/folien/dfhi_ra_ws_2007_2008_00<%= i.to_s %>.pdf">dfhi_ra_ws_2007_2008_00<%= i.to_s %>.pdf</a>
</li>

<% end %>

<% for i in 7..14 do %>
<li>

PDF: <a href="/folien/dfhi_ra_ws_2007_2008_00<%= i.to_s %>.pdf">dfhi_ra_ws_2007_2008_00<%= i.to_s %>.pdf</a>
</li>

<% end %>
</ol>

<a href="topic_allocation/index">Zur Wahl des Vortragsthemas</a>
</div>


13

4. Rails Views


14

4. Rails Views
<% Ruby code -- Keine Ausgabeersetzung %>

<%= Ruby code -- Ausgabe ersetzt diesen Ausdruck %>

<%# comment -- Alles nach dem # wird nicht ausgewertet, keine Ausgabe %>


14

4. Rails Views


15

4. Rails Views
• ERB ist ein Bestandteil von Ruby


15

4. Rails Views
• ERB ist somit unabhängig von Rails


15

4. Rails Views
• ERB wird in Ruby on Rails Views verwendet


15

4. Rails Views
• ERB wird in Ruby on Rails Views verwendet
• ERB kann in Ruby on Rails Fixtures
verwendet werden


15

Einschub

4.5 ActionView


16

4. Rails Views


17

4. Rails Views
• ActionPack
= ActionView & Action Controller


17

Einschub

4.5.1 Layouts


18

4. Rails Views


19

4. Rails Views
• app/views/application.html.erb


19

4. Rails Views
• HTML-Schablone für alle Controller der
Anwendung


19

4. Rails Views
• HTML-Schablone für alle Controller der
Anwendung
• Action-speziﬁsche Inhalte werden
getrennt verwaltet


19

4. Rails Views


20

4. Rails Views
• Nützlich z.B. für die Platzierung von:


20

4. Rails Views
• Header


20

4. Rails Views
• Header
• Footer


20

4. Rails Views
• Header
• Footer
• Navigationsleiste


20

4. Rails Views


21

4. Rails Views
• Beispiel:


21

4. Rails Views
• Beispiel:
rails test2 && cd test2


21

4. Rails Views
• Beispiel:

script/generate Controller Profile index


21

4. Rails Views
• Beispiel:

script/generate Controller Profile index

script/generate Controller User index


21

4. Rails Views


22

4. Rails Views
• Layouts


22

4. Rails Views
• Layouts
• application.html


22

4. Rails Views
• Layouts
• Spezielle Controller Layouts


22

4. Rails Views
• Layouts
• CSS einbinden


22

4. Rails Views
• Layouts
• CSS einbinden
• Javascript einbinden


22

4. Rails Views
• Layouts
• CSS einbinden
• Javascript einbinden
• Javascript defaults

22

4. Rails Views


23

4. Rails Views
• Jede Action eines jeden Controllers kann
eine zugehörige .html.erb Datei haben


23

4. Rails Views
• Jede Action eines jeden Controllers kann
eine zugehörige .html.erb Datei haben
• ProﬁleController - index
/app/views/proﬁle/index.html.erb


23

4. Rails Views


24

4. Rails Views
• Namenskonvention verbindet View und
Controller


24

4. Rails Views
Controller
• Abweichung der Namenskonvention
möglich


24

4. Rails Views
Controller
• Abweichung der Namenskonvention
möglich
• Aufruf der layout-Methode im Controller
notwendig


24

4. Rails Views


25

4. Rails Views
class ProfileController < ApplicationController

layout 'layouts/user'

def index
@my_class_var = "Auch in der View verfügbar"
my_local_var = "Nicht in der View verfügbar"
end
end


25

Vorgriff

4.6 URLs


26

4. Rails Views


27

4. Rails Views
• Standard-Route in Rails für SEO-URLs:
Rails 1.2.x
/controller/action/id

Rails 2.x REST
/resource/id


27

4.7 Helper


28

4. Rails Views


29

4. Rails Views
• ERB = Ruby in HTML


29

4. Rails Views
• Helper = HTML in/aus Ruby


29

4. Rails Views
• Helper = HTML in/aus Ruby
• Ruby-Methoden generieren HTML


29

4. Rails Views


30

4. Rails Views
• Analog zu den Layouts gilt:


30

4. Rails Views
• Methoden aus der
application_helper.rb in allen Views
verfügbar


30

4. Rails Views
• Methoden aus der
application_helper.rb in allen Views
verfügbar
• Methoden aus
my_name_helper.rb nur in Views des
my_name-Controllers verfügbar.


30

4. Rails Views


31

4. Rails Views
• Wichtige Default-Helper:


31

4. Rails Views
•h


31

4. Rails Views
•h
• link_to


31

4. Rails Views
•h
• link_to
• mail_to


31

4. Rails Views
•h
• link_to
• mail_to
• stylesheet_link_tag


31

4. Rails Views
•h
• link_to
• mail_to
• stylesheet_link_tag
• Form Helper

31

4. Rails Views


32

4. Rails Views
• Wichtige Default-Helper


32

4. Rails Views
• error_message_on


32

4. Rails Views
• error_message_on
• error_message_for


32

4.8 Partials


33

4. Rails Views


34

4. Rails Views
• Folgt dem Rails-Prinzip
„DRY“ = Don‘t repeat yourself


34

4. Rails Views

• Views lassen sich hierarchisch Anordnen


34

4. Rails Views

• Eine View kann also eine andere beinhalten


34

4. Rails Views

• Eine View kann also eine andere beinhalten
• Sich wiederholende Teile lassen sich so in
eigene Views auslagern


34

4. Rails Views


35

4. Rails Views
<h1>Partials</h1>
<p>Vor dem Partial.</p>
<%= render :partial => 'partial'%>
<p>Nach dem Partial.</p>


35

4. Rails Views


36

4. Rails Views
<p>Im Partial</p>


36

4.8.1 Variablenübergabe
an Partials


37

4. Rails Views


38

4. Rails Views
• Mit :object kann dem Partial ein Objekt
mitgegeben werden


38

4. Rails Views
• Mit :object kann dem Partial ein Objekt
mitgegeben werden
• Im Partial heißt das Objekt dann, wie das
Partial heißt (siehe nachfolgendes Beispiel).


38

4. Rails Views


39

4. Rails Views
<h1>Partials</h1>
<%= render :partial => 'partial', :object => "Test" %>


39

4. Rails Views


40

4. Rails Views
<p>Im Partial</p>
<%= partial %>


40

4. Rails Views


41

4. Rails Views
• Mit :locals kann dem Partial ein Hash von
Variablen mitgegeben werden.


41

4. Rails Views
• Mit :locals kann dem Partial ein Hash von
Variablen mitgegeben werden.
• Jeder Schlüssel wird dann zu einer lokalen
Variable im zugehörigen Partial


41

4. Rails Views


42

4. Rails Views
<h1>Partials</h1>
<%= render :partial => 'other_partial', :locals =>
{
:meine_var1 => "Test",
:meine_var2 => "Noch ein Test"
}
%>



42

4. Rails Views


43

4. Rails Views
<p>Im Partial</p>
<p>Meine Var1: <%= meine_var1 %></p>
<p>Meine Var2: <%= meine_var2 %></p>


43

4. Rails Views


44

4. Rails Views
• Mit :collection kann ein Partial für jede
Variable in einer Liste gerendert werden.


44

4. Rails Views
• Mit :collection kann ein Partial für jede
Variable in einer Liste gerendert werden.
• Im Partial heißt das Objekt dann, wie das
Partial heißt (siehe nachfolgendes Beispiel).


44

A.1 Literatur und Links


45



46

• ERB
http://ruby-doc.org/core/classes/ERB.html


46

• ERB
• JSON
http://json.org/json-de.html


46

• ERB
• JSON
• Ruby - API
http://www.ruby-doc.org/core/


46

• ERB
• JSON
• Ruby - API
http://www.ruby-doc.org/core/
• Peepcode.com - Ruby on Rails Screencasts
http://www.peepcode.com

46

... to be continued


47

Ruby on rails vorlesung 4 Rails Views

Weitere ähnliche Inhalte

Empfohlen (20)

Ruby on rails vorlesung 4 Rails Views

Hinweis der Redaktion