Embedded Ruby (ERB) 101: Een beginnersgids voor dynamisch tempelen in Ruby

17 maart 2025

Heb je je ooit afgevraagd hoe Ruby-ontwikkelaars naadloos dynamische logica in hun HTML-sjablonen inpassen? Kijk op Ingebedde Ruby (ERB), een krachtige templating-engine waarmee je Ruby-code direct in HTML kunt invoegen, zodat je dynamische en datagestuurde webpagina's kunt maken. Of je nu een eenvoudige blog of een complexe webapplicatie bouwt, ERB is een onmisbare tool voor Ruby ontwikkelaars.

In deze handleiding nemen we de basisprincipes van ERB met je door, van de syntax en setup tot praktische voorbeelden en best practices. Aan het eind zul je een goed begrip hebben van hoe je ERB kunt gebruiken om dynamische en onderhoudbare templates te maken in je Ruby projecten. Laten we erin duiken!

Wat is Embedded Ruby (ERB)?

Embedded Ruby, of ERB, is een templating systeem waarmee je Ruby code direct binnen HTML bestanden kunt schrijven. Deze combinatie maakt het mogelijk om dynamische inhoud te genereren, zoals het weergeven van gebruikersspecifieke gegevens of het itereren over een lijst met items. ERB-bestanden hebben meestal de extensie .erb en worden verwerkt door de Ruby-interpreter om de uiteindelijke HTML-uitvoer te produceren.

ERB wordt veel gebruikt in Ruby on Rails, waar het dient als de standaard templating engine voor het renderen van views. Het is echter niet beperkt tot Rails-ERB kan in elk Ruby project gebruikt worden om dynamische templates te maken.

Hoe werkt ERB?

ERB gebruikt speciale scheidingstekens om Ruby code te onderscheiden van HTML. Hier volgt een kort overzicht van de belangrijkste syntaxis:

: Voert Ruby code uit zonder iets uit te voeren.

Voorbeeld: erb

<% if user_signed_in? %>
    <p>Welkom terug!</p>
<% end %>

: Voert Ruby code uit en voegt het resultaat in het sjabloon in.
Voorbeeld: erb

<h1>Hallo, <%= @user.name %>!</h1>

: Voegt commentaar toe dat wordt genegeerd tijdens het renderen.
Voorbeeld: erb

<%# This is a comment and won't appear in the output %>

Met deze scheidingstekens kun je Ruby logica mengen met HTML, waardoor je sjablonen dynamisch en flexibel worden.

ERB instellen in een Ruby project

ERB gebruiken in een standalone Ruby script is eenvoudig. Dit is hoe je kunt beginnen:

Vereist de erb bibliotheek:
robijn

vereisen 'erb'

Maak een ERB-sjabloon:
erb


<h1>Welkom, <%= @name %>!</h1>

Bind gegevens aan de sjabloon en render ze:
robijn

@naam = "Alice"
sjabloon = ERB.new(Bestand.lezen('sjabloon.erb'))
uitvoer = template.resultaat(binding)
zet uitvoer

In Ruby on Rails is ERB standaard geïntegreerd, dus je kunt het meteen gebruiken in je views.

Belangrijkste kenmerken van ERB

ERB heeft verschillende functies die het een krachtige templating-engine maken:

Partialen: Herbruikbare sjablonen die kunnen worden opgenomen in andere weergaven.
Voorbeeld: erb
```
<%= render 'shared/header' %>
```
Lay-outs: Gedeelde structuren (bijv. kop- en voetteksten) die rond uw weergaven lopen.
Voorbeeld: erb
Helpers: Ruby methodes die complexe logica in sjablonen vereenvoudigen.
Voorbeeld: robijn
```
def formaat_datum(datum)
    date.strftime("%B %d, %Y")
einde
```
Ontsnappen aan HTML: Voorkomt XSS-aanvallen door gebruikersinvoer te zuiveren.
Voorbeeld: erb
```
<%= h(user_input) %>
```

Deze eigenschappen maken ERB veelzijdig en geschikt voor een groot aantal toepassingen.

Algemene toepassingen voor ERB

ERB wordt vaak gebruikt in scenario's zoals:

Dynamische webpagina's: HTML-inhoud genereren op basis van gebruikersinvoer of databasequery's.
E-mailsjablonen: Aanpasbare e-maillay-outs maken met dynamische gegevens.
Configuratiebestanden: Configuratiebestanden of rapporten bouwen met ingebouwde Ruby-logica.

Je zou ERB bijvoorbeeld kunnen gebruiken om een lijst met producten te genereren in een e-commerce applicatie: erb


    <% @products.each do |product| %>
         - $

    <% end %>

Tips voor het schrijven van schone ERB-sjablonen

Volg deze best practices om uw ERB-sjablonen onderhoudbaar en efficiënt te houden:

Minimaliseer Ruby-logica in sjablonen: Verplaats complexe logica naar helpers of controllers.
Partialen gebruiken: Splits grote sjablonen op in kleinere, herbruikbare onderdelen.
Vermijd diepe nesten: Houd conditionals en lussen eenvoudig om de leesbaarheid te verbeteren.
Escape Gebruikersinvoer: Zuiver gebruikersinvoer altijd om beveiligingsproblemen te voorkomen.

Bijvoorbeeld, in plaats van te schrijven: erb

<% if @user.admin? %>
    <p>Admin Dashboard</p>
<% else %>
    <p>Gebruikersdashboard</p>
<% end %>

Je zou de logica naar een helper kunnen verplaatsen: ruby

def dashboard_message(gebruiker)
    user.admin? ? "Admin-dashboard" : "Gebruikers-dashboard"?"
einde

En vereenvoudig de sjabloon: erb

<p><%= dashboard_message(@user) %></p>

Voorbeeld: Een eenvoudig ERB-sjabloon bouwen

Laten we een praktisch voorbeeld bekijken van het maken en renderen van een ERB sjabloon:

Definieer een Ruby script met gegevens: ruby

vereisen 'erb'
@items = ['Appel', 'Banaan', 'Kers'].

Maak een ERB sjabloon: erb


    <% @items.each do |item| %>
        

    <% end %>

De sjabloon renderen: ruby

sjabloon = ERB.new(Bestand.lezen('sjabloon.erb'))
puts template.result(binding)

De uitvoer zal zijn: html


    Apple

    Banaan

    Kers

ERB vs. andere templateermachines

Terwijl ERB eenvoudig en beginnersvriendelijk is, zijn andere templating engines zoals Haml, Slim en Vloeistof bieden verschillende voordelen:

Haml: Gebruikt op inspringing gebaseerde syntaxis voor schonere, beknoptere sjablonen.
Slim: Net als Haml, maar met de nadruk op minimalisme en prestaties.
Vloeibaar: Ontworpen voor veilige, sandboxed templating (bijvoorbeeld in Shopify).

De kracht van ERB ligt in de eenvoud en naadloze integratie met Ruby, waardoor het een uitstekende keuze is voor beginners en Rails-ontwikkelaars.

Conclusie

Embedded Ruby (ERB) is een krachtige maar eenvoudige tool die de kloof overbrugt tussen Ruby logica en HTML, waardoor het een essentieel onderdeel is van het Ruby ecosysteem. Of je nu dynamische webpagina's bouwt, e-mailsjablonen maakt of configuratiebestanden genereert, ERB biedt de flexibiliteit en eenvoud die nodig zijn om je ideeën tot leven te brengen.

Als je dieper in Ruby ontwikkeling, Het beheersen van ERB zal je in staat stellen om meer dynamische, onderhoudbare en schaalbare applicaties te maken. Dus waarom zou je vandaag niet beginnen met experimenteren met ERB? Bouw een klein project, pas wat templates aan en zie hoe ERB je workflow kan transformeren.