[RUBY] Erstellen Sie eine EC-Site mit Rails5 Boot ~ Bootstrap4-Einstellungen, Controller- / Aktionsdefinition ~

Einführung

Dies ist eine Fortsetzung der Serie "Erstellen einer EC-Site mit Rails 5 ①](https://qiita.com/GreenFingers_tk/items/71e2fa8f5d8b7333d75a), einer Serie, die eine EC-Site erstellt, auf der Sie in einer fiktiven Bäckerei einkaufen können. Richten Sie den erforderlichen Controller und die Ansicht aus, schreiben Sie nur die Definition der Aktion und aktivieren Sie den minimalen Seitenübergang.

Quellcode

https://github.com/Sn16799/bakeryFUMIZUKI

Controller Machen Sie sofort einen Controller. Aktionen, die auch View betreffen, werden hier zusammen erstellt.

Kundenseite

$ rails g devise:controllers admins
$ rails g devise:controllers customers
$ rails g controller addresses edit index
$ rails g controller cart_items index
$ rails g controller customers edit show withdraw
$ rails g controller genres index show
$ rails g controller homes about top
$ rails g controller order_items index
$ rails g controller orders confirm index new show thanks
$ rails g controller products index show

Admin-Site

$ rails g controller admins::customers edit index show
$ rails g controller admins::genres edit index
$ rails g controller admins::homes top
$ rails g controller admins::order_items
$ rails g controller admins::orders index show
$ rails g controller admins::products edit index new show
$ rails g controller admins::searches search

Aktion

Schreiben Sie Aktionen ohne Ansicht in die Controller-Datei. Ich werde die Details später schreiben, daher werde ich vorerst der Definition von Aktionen und Seitenübergängen Vorrang einräumen.

Kundenseite

app/controllers/addresses_controller.rb

  def create
  end

  def update
  end

  def destroy
  end

app/controllers/cart_items_controller.rb

  def create
  end

  def update
  end

  def destroy
  end

  def destroy_all
  end

app/controllers/customers_controller.rb

  def udpate
  end

  def withdraw_done
  end

app/controllers/order_items_controller.rb

  def new
  end

app/controllers/orders_controller.rb

  def create
  end

Admin-Site

app/controllers/admins/customers_controller.rb

  def update
  end

app/controllers/admins/genres_controller.rb

  def create
  end

  def update
  end

app/controllers/admins/order_items_controller.rb

  def update
  end

app/controllers/admins/orders_controller.rb

  def update
  end

app/controllers/admins/products_controller.rb

  def create
  end

  def update
  end

Bootstrap4 wird geladen

Ich werde die Installation von gem (Bootstrap, jquery-Rails) weglassen, weil ich vorher getan habe.

Benennen Sie ** app / assets / stylesheets / application.css ** in ** application.scss ** um. Beschreiben des Ladens von Bootstrap in dieser Datei.

appseets/stylesheets/application.scss

@import 'bootstrap';

Machen Sie die gleiche Beschreibung in der Javascript-Datei.

app/assets/javascripts/application.js

//= require rails-ujs
//= require activestorage
--------------------------------
//= require jquery3
//= require popper             　　 #Hier hinzufügen
//= require bootstrap-sprockets
--------------------------------
//= require_tree .

Sie können jetzt Bootstrap verwenden. Versuchen wir es an einem geeigneten Ort.

html:app/views/homes/top.html.erb

<h1>Homes#top</h1>
<p>Find me in app/views/homes/top.html.erb</p>

<%= link_to 'ABOUT', homes_about_path, class: 'btn btn-info' %>

localhost:3000/homes/top

Die Seite wurde korrekt angezeigt und der Link "ABOUT" wurde zu einer Schaltfläche! Bootstrap wird ordnungsgemäß angewendet. Ich habe noch kein Framework wie Container festgelegt, daher bin ich dem Ende als Ganzes furchtbar nahe. Ich werde es später beheben, aber im Moment ist es mir egal.

Nachtrag

Da ich vorerst Routing und Controller erstellt habe, kann ich alle erforderlichen Seiten anzeigen. Aus dem nächsten Artikel geht hervor, dass wir uns mit der Implementierung spezifischer Funktionen befassen werden. Ich frage mich übrigens immer noch, wie das Seitendesign aussehen wird. Grundsätzlich habe ich vor, es so zu gestalten, dass es auf Bootstrap basiert, aber ich denke, es ist nicht schlecht, modisches CSS auszuprobieren ... Selbst jetzt sind ** "das warme Bild einer Bäckerei" und "eine stilvolle moderne Website" überhaupt nicht miteinander verbunden, und ich habe das Gefühl, dass ich bei der Auswahl des Themas einen Fehler gemacht habe **, aber ich habe bereits das Fotomaterial zur Hand. Ich werde so weitermachen wie es ist. Ist es möglich, die Website ohne Beschwerden zu beenden? Fahren Sie mit [Nächstes Mal] fort (https://qiita.com/GreenFingers_tk/items/d77555311286d966462e)!