[RUBY] Implementierung der Zifferngruppierung in der Furima App

Ich werde die Zusammenfassung der in der Furima-Anwendungsentwicklung implementierten Zifferngruppierung beschreiben.

ruby"2.5.1" Rails"5.2.4.3"

Wenn der Preis steigt, wird es schwierig, den Betrag zu verstehen. Daher werden wir auf den folgenden drei Seiten Zifferntrennzeichen für die Produktpreise implementieren. Dieses Mal verwenden wir eine Hilfsmethode namens delimited.

<Vor der Änderung>

--Seitenbildschirm vor der Änderung

--Produktdetailseitenbildschirm vor Änderung

--Produktkaufseitenbildschirm vor Änderung

① Definieren Sie die Hilfsmethode in "helpers / products_helper.rb" wie folgt

(* Für Produktdetails / Kaufseite)

products_helper.rb

     module ProductsHelper
       def converting_to_jpy(price)
    	 "#{price.to_s(:delimited, delimiter: ',')}Kreis"
       end
     end

(2) Definieren Sie eine Hilfsmethode in "helpers / tops_helper.rb" wie unten gezeigt.

(* Für die obere Seite)

tops_helper.rb

     module TopsHelper
       def converting_to_jpy_top(price)
         "#{price.to_s(:delimited, delimiter: ',')}"
       end
     end

③ Die Preisnotation in "products / show.html.haml" wurde geändert.

ruby:show.html.haml

     .show__main__product__content__information__price
       %span
         = converting_to_jpy(@product.price)

④ Die Preisnotation in "products / purchase.html.haml" wurde geändert.

ruby:purchase.html.haml

     %p.purchase__main__product-info__inner__content__detail__price
       %span
       　= converting_to_jpy(@product.price)

⑤ Ändern Sie die Notation des Preisanteils von "_item-Preview.html.haml".

ruby:_item-preview.html.haml

     .item__caption__details__price
       = converting_to_jpy_top(product.price)

• Es heißt "convertting_to_jpy_top", um es vom Produkt zu trennen.

Damit sind die Änderungen auf jeder Seite abgeschlossen.

<Nach Änderung>

• Korrigierte obere Seite

• Korrigierte Produktdetailseite

• Geänderte Produktkaufseite

Mit der Einführung der Zifferngruppierung fragte ich mich, ob die Seite etwas enger war.

das ist alles.