빵 부스러기 리스트 만들기

2467 단어 빵 부스러기 목록Rails

빵 부스러기 기능이 뭐예요?


빵 부스러기를 실시하는 장점은 사이트를 사용하는 사용자들이 어느 페이지를 방문했는지 한눈에 볼 수 있다는 것이다.방문 위치를 파악함으로써 사이트 투어를 편리하게 할 수 있다.
예를 들어 여행사 홈페이지에서 여행 목적지를 조사하는 장면을 고려한다.첫 페이지가 첫 번째 옵션이라고 가정하면'국내'와'해외'가 있고'국내'를 선택했다.그 다음으로'국내'에서는 홋카이도 등 관광지를 선택으로 보여준다.

'홈페이지'에'국내'가 있는데'국내'에'홋카이도'가 있는 것처럼 요소 간에 관련이 있고 부모 요소, 아이 요소의 관계이다.

Gem 설치


Gemfile
gem 'gretel'
단말
bundle install

빵 부스러기 설정


단말
rails g gretel:install
  • config/breadcrumbs.rb 파일을 생성합니다
    • 문서의 기술 방법은 다음과 같다.
    config/breadcrumbs.rb
    crumb "現在のページ名（表示させるビューにもページ名記述）" do
  link "パンくずリストでの表示名", "アクセスしたいページのパス"
  parent :親要素のページ名（前のページ）
end
    config/breadcrumbs.rb
    crumb :root do
  link "Home", root_path
end

crumb :tweets do
  link "国内旅行", hoge_index_path
  parent :root
end

crumb :contacts do
  link "北海道", huga_index_path
  parent :hoge
end

    뷰 편집


    views/layouts/application.html.erb
    application.html.erb
    <!DOCTYPE html>
<html>
 <head>
   <title>Breadcrumb</title>
   <%= csrf_meta_tags %>
   <%= csp_meta_tag %>
   <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
   <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
 </head>
 <body>
   <%= breadcrumbs separator: " &rsaquo; " %>   
   <%= yield %>
 </body>
</html>
    separator: ">"은 빵 부스러기 사이의 구분 기호 ">"을 나타냅니다.
    각 색인 파일 편집
    app/views/top/index.html.erb
    <p><%= link_to "国内旅行へ", hoge_index_path %></p>
<% breadcrumb :root %>
    app/views/hoge/index.html.erb
    <p><%= link_to "北海道へ", huga_index_path %></p>
<% breadcrumb :hoge %>
    브라우저에서 아래라면 성공입니다.
    2020년 가장 명확한 메모장
    BOM 베이스 3

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage