[RUBY] Implémenter des transitions de boutons à l'aide de link_to dans Rails

Aperçu

Ce que je veux implémenter cette fois, c'est une implémentation qui donne un lien vers un bouton comme l'image ci-dessous avec la méthode link_to.

syuppinn.png

En cliquant sur ce bouton "Liste", vous pouvez accéder au lien de la page de publication de produit donnée.

Il y a deux façons

Il existe deux manières d'implémenter cette fonctionnalité. Je ne sais pas pourquoi link_to est meilleur ...

・ Description dans un élément href

ruby:xxx.html.erb


<a href="chemin">
Description des images et du texte de la liste
</a>

・ Description avec link_to

ruby:xxx.html.erb


<%= link_to("URL") do %>
Écrivez le code HTML ici
<% end %>

Exemple

Le code écrit dans cette implémentation est collé comme exemple de référence.

ruby:xxx.html.erb


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

</div>

Recommended Posts

Implémenter des transitions de boutons à l'aide de link_to dans Rails
Markdown implémenté dans Rails
Mettre en œuvre la fonction de classement par étoiles en utilisant Raty dans Rails 6
Implémenter la fonction d'application dans Rails
Japaneseize en utilisant i18n avec Rails
Implémenter une fonction de connexion simple dans Rails
Implémenter la fonction de téléchargement CSV dans Rails
Comment implémenter la fonctionnalité de classement dans Rails
Pour implémenter la publication d'images à l'aide de rails
Créer une fonction d'authentification dans l'application Rails à l'aide de devise
[Rails] Exécutez LINE Bot dans un environnement local à l'aide de ngrok
[Rails6 + Vue.js] Implémenter le processus d'importation CSV à l'aide d'axios
Implémenter la pagination des rails
Group_by dans Rails
Comment implémenter une fonctionnalité similaire dans Rails
[Rails] Afficher les avatars dans les messages à l'aide du stockage actif
Implémenter des itérations dans View en rendant une collection [Rails]
Comment implémenter une image de profil circulaire avec CarrierWave et R Magick in Rails
Comment implémenter la connexion invité en 5 minutes sur le portefeuille de rails
Implémenter la fonction de recherche de publication dans l'application Rails (méthode where)
Comment implémenter une fonctionnalité intéressante dans Ajax avec Rails
Introduire la conception avec Rails pour implémenter la fonctionnalité de gestion des utilisateurs
Implémenter le test double dans JUnit sans utiliser de bibliothèques externes
Association de modèles dans Rails
Ajout de colonnes dans les rails
Désactiver les turbolinks dans les rails
Mettre en œuvre le BAN du compte Rails
^, $ dans l'expression régulière Rails
Utiliser des images avec des rails
Implémenter CustomView dans le code
Comprendre la migration dans les rails
Diviser routes.rb dans Rails6
[Rails] Mettre en œuvre la tâche de râteau
Implémentez la fonction de connexion dans Rails simplement avec le nom et le mot de passe (1)
Implémentez la fonction de connexion dans Rails simplement avec juste un nom et un mot de passe (2)
Afficher la définition d'API dans l'interface utilisateur Swagger à l'aide de Docker + Rails6 + apipie
Implémenter la fonction d'enregistrement des utilisateurs et la fonction d'enregistrement de l'entreprise séparément dans Rails concevoir
[Rails] Implémentation d'une fonction de demande / d'approbation d'adhésion à la communauté à l'aide d'associations plusieurs-à-plusieurs