Record d'apprentissage de Ruby on rails -2020.10.06

Créer un site d’introduction de magasin Génération automatique de liste de magasin

$ rails generate scaffold shop category_id:integer name:string address:string

$ rails db:migrate'```

 Association du modèle de grève de catégorie et de liste de magasin


#### **`app/model/category.rb`**
```rb

class Category < ApplicationRecord
  has_many :shops
end

app/models/shop.rb

class Shop < ApplicationRecord
  belongs_to :category
end

Permet de sélectionner une catégorie sur le formulaire d'inscription / modification

app/views/shops/_form.html.erb

<div class="field">
  <%= f.label :category_id %>
  <%= f.select :category_id, Category.all.map{|o| [o.name, o.id]} %>
</div>

Afficher le nom de la catégorie dans l'affichage de la liste et l'affichage détaillé de la liste des magasins

app/view/shops/index.html.erb

<td><%= shop.category.name %></td>

app/view/shops/show.html.erb

app/view/shops/show.html.erb

Ajouter un formulaire de recherche à afficher

/app/views/shops/index.html.erb

<%= form_tag('/shops', method: 'get') do %>
<%= label_tag(:name_key, 'Search name:') %>
<%= text_field_tag(:name_key) %>
<%= submit_tag('Search') %> <%= link_to 'Clear', shops_path %>
<% end %>

<br>

Modifier la méthode d'index dans le contrôleur

/app/controllers/shops_controller.rb

def index
  if params[:name_key]
    @shops = Shop.where('name LIKE ?', "%#{params[:name_key]}%")
  else
    @shops = Shop.all
  end
end

Lien depuis la page d'accueil

app/views/welcome/index.html.erb

<h1>Lunch Map</h1>
<p>Tasty meal on your place!!</p>
<p><%= link_to 'Show shops', shops_path %></p>

Intégrer Google Maps API Abréviation de l'interface de programmation d'application Une instruction ou une fonction fournie pour appeler une autre fonction à partir d'un programme

Google Maps API Google Maps API | Google Developers https://developers.google.com/maps/

Procédure d'acquisition de clé API

1. Accédez à la Google Developers Console

Google Developers Console https://console.developers.google.com/

2. Sélectionnez Créer un projet
3. Lorsque l'API Google s'affiche, sélectionnez "Google Maps Embed API" dans l'API Google Maps.
4. Cliquez sur "Activer"
5. Cliquez sur "Créer des informations d'identification", puis sur le bouton "Informations d'identification requises".
6. Enregistrez la clé API affichée

• Il est recommandé de définir des "restrictions d'utilisation de l'API" afin qu'elle ne puisse être utilisée qu'à partir de services Web spécifiques.
• Cette procédure et son champ d'utilisation sont susceptibles d'être modifiés du côté de Google.

Ajouter une zone de carte à afficher

app/views/shops/show.html.erb

<%= content_tag(:iframe,
                'map',
                 src:'https://www.google.com/maps/embed/v1/place?key=AIzaSyCJBgcuCowQa5-V8owXaUCHhUNBN8bfMfU&q=' + @shop.address,
                 width: 800,
                 height: 400,
                 frameborder: 0) %>

<br>