Ruby on Rails Lernrekord -2020.10.06

Erstellen Sie eine Store-Einführungssite Automatische Erstellung der Shopliste

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

$ rails db:migrate'```

 Assoziation von Kategorie Streik und Ladenlistenmodell


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

class Category < ApplicationRecord
  has_many :shops
end

app/models/shop.rb

class Shop < ApplicationRecord
  belongs_to :category
end

Ermöglicht die Auswahl einer Kategorie im Registrierungs- / Änderungsformular

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>

Zeigen Sie den Kategorienamen in der Listenanzeige und die detaillierte Anzeige der Geschäftsliste an

app/view/shops/index.html.erb

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

app/view/shops/show.html.erb

app/view/shops/show.html.erb

Suchformular zum Anzeigen hinzufügen

/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>

Ändern Sie die Indexmethode im Controller

/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

Link von der Begrüßungsseite

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>

Integrieren Sie Google Maps API Abkürzung für Application Programming Interface Eine Anweisung oder Funktion zum Aufrufen einer anderen Funktion aus einem Programm

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

API-Schlüsselerfassungsverfahren

1. Greifen Sie auf die Google Developers Console zu

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

2. Wählen Sie Projekt erstellen
3. Wenn die Google API angezeigt wird, wählen Sie "Google Maps Embed API" aus der Google Maps API.
4. Klicken Sie auf "Aktivieren".
5. Klicken Sie auf "Anmeldeinformationen erstellen" und dann auf die Schaltfläche "Erforderliche Anmeldeinformationen"
6. Notieren Sie den angezeigten API-Schlüssel

• Es wird empfohlen, "API-Nutzungsbeschränkungen" festzulegen, damit diese nur von bestimmten Webdiensten verwendet werden können.
• Dieses Verfahren und der Anwendungsbereich können sich auf der Google-Seite ändern.

Kartenbereich zur Ansicht hinzufügen

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>