[RUBY] Implementieren Sie Schaltflächenübergänge mit link_to in Rails

Überblick

Was ich dieses Mal implementieren möchte, ist eine Implementierung, die einen Link zu einer Schaltfläche wie dem folgenden Bild mit der Methode link_to enthält.

syuppinn.png

Durch Klicken auf diese Schaltfläche "Liste" können Sie zum Link der angegebenen Produktbuchungsseite wechseln.

Es gibt zwei Möglichkeiten

Es gibt zwei Möglichkeiten, diese Funktion zu implementieren. Ich weiß nicht, warum link_to besser ist ...

・ Beschreibung in einem href-Element

ruby:xxx.html.erb


<a href="Pfad">
Beschreibung der Auflistung von Bildern und Text
</a>

・ Beschreibung mit link_to

ruby:xxx.html.erb


<%= link_to("URL") do %>
Schreiben Sie hier den HTML-Code
<% end %>

Beispiel

Der in dieser Implementierung geschriebene Code wird als Referenzbeispiel eingefügt.

ruby:xxx.html.erb


<div class='purchase-btn'>
  <span class='purchase-btn-text'>Verkaufen</span>
  <%= link_to ("/products/new") do %>
    <%= image_tag 'camera.png' , size: '185x50' ,class: "purchase-btn-icon" %>
  <% end %>

</div>

Recommended Posts

Implementieren Sie Schaltflächenübergänge mit link_to in Rails
Markdown in Rails implementiert
Implementieren Sie die Sternebewertungsfunktion mit Raty in Rails 6
Implementieren Sie die Anwendungsfunktion in Rails
Japanisieren Sie mit i18n mit Rails
Implementieren Sie eine einfache Anmeldefunktion in Rails
Implementieren Sie die CSV-Download-Funktion in Rails
So implementieren Sie Ranking-Funktionen in Rails
So implementieren Sie die Image-Veröffentlichung mithilfe von Schienen
Erstellen Sie die Authentifizierungsfunktion in der Rails-Anwendung mit devise
[Rails] Führen Sie LINE Bot in einer lokalen Umgebung mit ngrok aus
[Rails6 + Vue.js] Implementieren Sie den CSV-Importprozess mithilfe von Axios
Implementieren Sie die Rails-Paginierung
Group_by in Rails
So implementieren Sie eine ähnliche Funktion in Rails
[Rails] Zeigt Avatare in Posts mit Active Storage an
Implementieren Sie Iterationen in View, indem Sie eine Sammlung rendern [Rails]
So implementieren Sie ein kreisförmiges Profilbild mit CarrierWave und R Magick in Rails
So implementieren Sie die Gastanmeldung in 5 Minuten im Rails-Portfolio
Implementieren Sie die Nachsuchfunktion in der Rails-Anwendung (where-Methode).
So implementieren Sie eine nette Funktion in Ajax mit Rails
Führen Sie devise with Rails ein, um Benutzerverwaltungsfunktionen zu implementieren
Implementieren Sie Test Double in JUnit, ohne externe Bibliotheken zu verwenden
Modellassoziation in Rails
Hinzufügen von Spalten in Rails
Deaktivieren Sie Turbolinks in Schienen
Rails-Konto-BAN implementieren
^, $ im regulären Ausdruck von Rails
Verwenden Sie Bilder mit Schienen
Implementieren Sie CustomView im Code
Migration in Schienen verstehen
Teilen Sie route.rb in Rails6
[Schienen] Implementieren Sie die Rechenaufgabe
Implementieren Sie die Anmeldefunktion in Rails einfach mit Name und Passwort (1)
Implementieren Sie die Anmeldefunktion in Rails einfach mit nur einem Namen und einem Passwort (2).
Zeigen Sie die API-Definition in der Swagger-Benutzeroberfläche mit Docker + Rails6 + apipie an
Implementieren Sie die Benutzerregistrierungsfunktion und die Unternehmensregistrierungsfunktion separat in Rails devise
[Rails] Implementieren Sie die Funktion zur Beantragung / Genehmigung einer Community-Mitgliedschaft mithilfe von Many-to-Many-Zuordnungen