Пометка с нуля в Rails

Теги являются своего рода категориями, которые описывают часть информации (контент) и позволяют пользователю снова искать ее. В этом руководстве вы узнаете, как создать простую систему тегов с нуля в Rails.

Это руководство предполагает базовые знания Ruby on Rails. Я постараюсь сделать это простым.

Обычное использование тегов, которое мы все уже знаем, это твиттер для сбора твитов по определенной теме, связанной с тегом (хэш).

инструменты

• Рельсы 4.1.4
• Ruby 2.0.1
• Фонд 5

Начиная

Исходный код этого приложения можно найти в этом хранилище.

Сначала создайте свой проект Rails:

rails new TaggingTut 

Затем добавьте драгоценный камень для рельсов фундамента, удалите драгоценный камень turbolinks . Запустите bundle install .

Мы будем использовать sqlite, базу данных по умолчанию, используемую Rails

Удалите эту строку из app / assets / javascript / application.js. , так как мы удалили камень с turbolinks .

 //= require turbolinks 

Создание тегов

Создайте модель для тегов с одним атрибутом name :

 rails g model tag name:string 

Мы будем индексировать атрибут name ( index: true ), чтобы ускорить наш поиск по этим тегам. Я рекомендую этот урок для использования индексов в ассоциациях Rails.

Теги имеют много сообщений, а сообщения могут иметь более одного тега. Таким образом, отношения будут многие-ко-многим . Мы можем представить эту ассоциацию в Rails двумя способами:

• Во-первых : используйте ассоциацию has_and_belongs_to_many . Это создаст таблицу соединения в базе данных, но не будет сгенерированной модели для соединения. Таким образом, вы не сможете добавлять проверки или любые другие атрибуты в объединение.

• Второе : используйте has_many, through которого требуется создать модель для таблицы соединения. Этот способ предпочтителен в большинстве случаев, поэтому мы будем его использовать.

Создание моделей «Пост» и «Пометка», а также

 rails g model post author:string content:text rails g model tagging post:belongs_to tag:belongs_to 

После создания этих моделей запустите rake db:migrate .

Теперь мы создадим ассоциации между постами и тегами через ActiveRecord следующим образом:

приложение / модели / post.rb

 has_many :taggings has_many :tags, through: :taggings 

приложение / модели / tag.rb

 has_many :taggings has_many :posts, through: :taggings 

app / models / tagging.rb будет сгенерирован так:

 belongs_to :post belongs_to :tag 

Теперь у нас есть соединение между сообщениями и тегами через таблицу объединения тегов.

Теперь нам нужно обработать создание тегов как часть действия post create . Итак, мы определим метод, чтобы взять все введенные теги, удалить их, а затем записать каждый тег в базу данных.

Модель Post имела два атрибута, author и content , которые также определены в текущей форме. Атрибут для all_tags также будет добавлен к данным формы. В Rails 4 добавьте нужный (виртуальный, в данном случае) атрибут, используя строгие параметры. Виртуальные атрибуты очень просты, в этом случае они определены как методы получения и установки. Функция strip предназначена для удаления пробелов

приложение / модели / post.rb

 def all_tags=(names) self.tags = names.split(",").map do |name| Tag.where(name: name.strip).first_or_create! end end def all_tags self.tags.map(&:name).join(", ") end 

Функция all_tags будет настроена для отображения всех тегов, разделенных запятыми.

Перед созданием контроллера и представлений установите Zurb Foundation:

 rails g foundation:install 

Теперь настройте контроллер и представления для отображения постов, включая все теги. Создайте app / controllers / posts_controller.rb , набрав:

 rails g controller posts index create 

 private def post_params params.require(:post).permit(:author, :content, :all_tags) end 

 <div class="row text-center"> <%= form_for(Post.new, remote: true) do |f| %> <div class="large-10 large-centered columns"> <%= f.text_field :author, placeholder: "Author name" %> </div> <div class="large-10 large-centered columns"> <%= f.text_area :content, placeholder: "Your post", rows: 5 %> </div> <div class="large-10 large-centered columns"> <%= f.text_field :all_tags, placeholder: "Tags separated with comma" %> </div> <div class="large-10 large-centered columns"> <%= f.submit "Post", class: "button"%> </div> <% end %> </div> 

 def index @posts = Post.all end 

 <div class="row"> <div class="large-8 columns"> <%= render partial: "posts/new" %> </div> </div> 

 root 'posts#index' resources :posts, only: [:create] 

 .tags-cloud { margin-top: 16px; padding: 14px; } .top-pad { padding: 25px; } .glassy-bg{ box-shadow: 0px 3px 8px -4px rgba(0,0,0,0.15); background: white; border-radius: 4px; padding-bottom: 12px; } .mt{ margin-top: 10px; } .mb{ margin-bottom: 10px; } .pt{ padding-top: 10px; } .pb{ padding-bottom: 10px; } 

 def create @post = Post.new(post_params) respond_to do |format| if @post.save format.js # Will search for create.js.erb else format.html { render root_path } end end end 

 var new_post = $("<%= escape_javascript(render(partial: @post))%>").hide(); $('#posts').prepend(new_post); $('#post_<%= @post.id %>').fadeIn('slow'); $('#new_post')[0].reset(); 

 <%= div_for post do %> <div class="large-12 columns border border-box glassy-bg mt pt"> <strong><%= h(post.author) %></strong><br /> <sup class="text-muted">From <%= time_ago_in_words(post.created_at)%></sup><br /> <div class="mb pb"> <%= h(post.content) %> </div> <div class="tags"> <%=raw post.all_tags %> </div> </div> <% end %> 

 <div class="row mt pt"> <div class="large-5 columns"> <div class="top-pad glassy-bg"> <%= render partial: "posts/new" %> </div> </div> <div class= "large-7 columns" id="posts"> <%= render partial: @posts.reverse %> </div> </div> 

 def self.tagged_with(name) Tag.find_by_name!(name).posts end 

 def index if params[:tag] @posts = Post.tagged_with(params[:tag]) else @posts = Post.all end end 

 get 'tags/:tag', to: 'posts#index', as: "tag" 

 <%=raw tag_links(post.all_tags)%> 

 def tag_links(tags) tags.split(",").map{|tag| link_to tag.strip, tag_path(tag.strip) }.join(", ") end 

 def self.counts self.select("name, count(taggings.tag_id) as count").joins(:taggings).group("taggings.tag_id") end 

 def tag_cloud(tags, classes) max = tags.sort_by(&:count).last tags.each do |tag| index = tag.count.to_f / max.count * (classes.size-1) yield(tag, classes[index.round]) end end 

 .css1 { font-size: 1.0em;} .css2 { font-size: 1.2em;} .css3 { font-size: 1.4em;} .css4 { font-size: 1.6em;} 

 <div class="tags-cloud glassy-bg"> <h4>Tags Cloud</h4> <% tag_cloud Tag.counts, %w{css1 css2 css3 css4} do |tag, css_class| %> <%= link_to tag.name, tag_path(tag.name), class: css_class %> <% end %> </div>